*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#12151b;color:#e8ecf2;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.hidden{display:none!important}kbd{display:inline-block;min-width:1.5em;padding:1px 5px;margin:0 1px;border-radius:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-family:inherit;font-weight:600;font-size:11px;line-height:1.4;text-align:center}#topbar{position:fixed;top:12px;right:140px;max-width:calc(100vw - 560px);display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}#topbar button{background:#0a0c10b8;color:#dfe5ee;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer}#topbar button:hover{background:#282e3ae6}#topbar button.on{background:#56ccf238;border-color:#56ccf2;color:#fff}@media(max-width:900px){#topbar{max-width:none;right:12px;top:auto;bottom:160px}#topbar kbd{display:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a0eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;overflow-y:auto}.panel{background:#181c24;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 32px;max-width:460px;width:100%;box-shadow:0 20px 60px #00000080;text-align:center;margin:auto}.panel.wide{max-width:980px;text-align:left}h1{margin:0 0 6px;font-size:40px;letter-spacing:.08em;font-weight:900}h1 span{display:block;font-size:14px;letter-spacing:.3em;color:#f2994a;font-weight:700;text-transform:uppercase}h2{margin:0 0 12px}.lead{color:#aab3c0;line-height:1.5;max-width:720px}#problem-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin:20px 0}.card{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;background:#20252f;border:1px solid rgba(255,255,255,.06);border-left:5px solid var(--c);border-radius:12px;padding:14px 16px;color:inherit;font:inherit;cursor:pointer;transition:transform .12s,background .12s}.card:hover{transform:translateY(-2px);background:#262c38}.card-head{display:flex;align-items:center;gap:10px}.grade{background:var(--c);color:#111;font-weight:800;border-radius:6px;padding:2px 8px;font-size:13px}.name{font-weight:800;font-size:16px;flex:1}.status{font-size:12px;color:#6fcf97;font-weight:700}.angle{font-size:12px;color:#8b95a3;margin:6px 0 4px}.desc{font-size:13px;color:#c3cad5;line-height:1.45}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.panel.wide .row{justify-content:flex-start}.btn{background:#2a303c;color:#e8ecf2;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 18px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{background:#343b49}.btn.primary{background:#f2994a;color:#1a1206;border-color:transparent}.btn.primary:hover{background:#ffad66}.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:760px){.cols{grid-template-columns:1fr}}.cols ul{margin:0;padding-left:18px;line-height:1.55;color:#c3cad5;font-size:14px}.cols li{margin-bottom:8px}.res-title{font-size:56px;font-weight:900;color:#f2c94c;letter-spacing:.06em}.res-sub{font-size:18px;font-weight:700;margin-top:4px}.res-stats{color:#aab3c0;margin-top:6px}.res-beta-box{margin-top:14px;text-align:left}.res-beta-label{color:#aab3c0;font-size:12px;margin-bottom:4px}#res-beta{width:100%;box-sizing:border-box;background:#0d1016;color:#dfe5ee;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px;font:12px ui-monospace,monospace;resize:vertical}#res-copy{margin-top:6px}#edit-text{width:min(760px,80vw);box-sizing:border-box;margin-top:12px;background:#0d1016;color:#dfe5ee;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px;font:12px ui-monospace,monospace;resize:vertical}body.in-menu #topbar{display:none}body:not(.dev) .dev:not(.force){display:none!important}.title-box{text-align:center;max-width:520px;width:100%;margin:auto}.logo{font-size:72px;letter-spacing:.12em;margin-bottom:4px;text-shadow:0 6px 30px rgba(0,0,0,.6)}.logo span{font-size:16px;letter-spacing:.45em;margin-top:6px}.lead.center{margin:16px auto 26px}.menu-col{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:18px auto 0}.btn.big{padding:13px 20px;font-size:16px;width:100%}.btn.danger{background:#5a2226;border-color:#8a3a3f}.btn.danger:hover{background:#73292e}.btn.danger.armed{background:#eb5757;color:#1a0606}.title-stars{margin-top:22px;color:#f2c94c;font-weight:800;font-size:15px;letter-spacing:.04em}.head-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.head-row h2{margin:0;flex:1;text-align:left}.head-stars{color:#f2c94c;font-weight:800}.chapter{margin-top:18px}.chapter-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.chapter-head h3{margin:0;font-size:20px}.chapter-head .num{color:#f2994a;font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.chapter-head .prog{color:#f2c94c;font-weight:700;font-size:13px;margin-left:auto}.chapter-desc{color:#aab3c0;font-size:14px;margin:4px 0 10px}.chapter.soon{opacity:.55}.soon-box{border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:18px;color:#aab3c0;text-align:center}.problem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.card .lesson{font-size:12px;color:var(--c);font-weight:700;margin:6px 0 2px;text-transform:uppercase;letter-spacing:.06em}.card .stars{color:#f2c94c;font-size:15px;letter-spacing:2px}.card .stars .off{color:#3a404c}.card.locked{cursor:not-allowed;filter:grayscale(.8);opacity:.5}.card.locked:hover{transform:none;background:#20252f}.card .tag{font-size:11px;color:#9ecbff;font-weight:700}.res-stars{font-size:34px;color:#f2c94c;letter-spacing:6px;margin-top:4px}.res-stars .off{color:#3a404c}.res-note{color:#6fcf97;font-weight:700;margin-top:10px}.settings{display:flex;flex-direction:column;gap:4px;text-align:left;margin-top:10px}.set{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.set b{display:block;font-size:15px}.set small{display:block;color:#8b95a3;font-size:12px;margin-top:2px}.set input[type=checkbox]{width:20px;height:20px;accent-color:#f2994a;flex-shrink:0}.set select{background:#20252f;color:#e8ecf2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 8px;font:inherit}#settings .panel,#pause .panel{max-width:520px}.card.own{cursor:default}.card.own:hover{transform:none}.grade-sel{background:var(--c);color:#111;font-weight:800;border:none;border-radius:6px;padding:2px 4px;font-size:13px}.name-in{flex:1;min-width:0;background:transparent;color:#fff;border:1px solid transparent;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:16px;font-weight:800}.name-in:hover,.name-in:focus{border-color:#fff3;background:#161a22;outline:none}.swatches{display:flex;gap:6px;margin:8px 0 4px}.swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #00000080 inset}.own-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.own-row .btn{padding:6px 10px;font-size:13px}.cloud{font-size:13px;font-weight:700;color:#8b95a3;margin:-4px 0 12px}.cloud.ok{color:#6fcf97}.cloud.off{color:#f2c94c}#account .panel{max-width:460px;text-align:left}.acc-text{color:#c3cad5;line-height:1.5}.acc-form{display:flex;flex-direction:column;gap:10px}.acc-form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px;color:#aab3c0}.acc-form input{background:#0d1016;color:#e8ecf2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 12px;font:inherit;font-size:15px}.acc-form input:focus{outline:none;border-color:#f2994a}.acc-hint{color:#8b95a3;font-size:12px}.acc-err{color:#ff6b6b;font-weight:700;font-size:13px;min-height:1em}.acc-err.ok{color:#6fcf97}.acc-form .row{margin-top:4px}.acc-more{margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.acc-more summary{cursor:pointer;font-weight:700;color:#aab3c0;margin-bottom:10px}.pub-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;min-height:28px}.pub-state{font-size:12px;color:#8b95a3}.pub-state.on{color:#56ccf2;font-weight:700}.pub-state.ok{color:#6fcf97;font-weight:700}.btn.small{padding:4px 10px;font-size:12px;border-radius:8px}.pub-tools{display:flex;gap:8px;align-items:center}.pub-tools select{background:#20252f;color:#e8ecf2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px;font:inherit}.lb-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 14px}.btn.tab.on{background:#f2994a;color:#1a1206}.lb-tabs select{background:#20252f;color:#e8ecf2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:9px;font:inherit;max-width:100%}.lb-wrap{overflow-x:auto}table.lb{width:100%;border-collapse:collapse;font-size:14px}table.lb th{text-align:left;color:#8b95a3;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.1)}table.lb td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05)}table.lb td:first-child{width:56px;font-weight:800}table.lb td:nth-child(2){font-weight:700}table.lb tr.me td{background:#f2994a24;color:#fff}table.lb tr.gap td{text-align:center;color:#5a6270;padding:2px}.res-rank{color:#f2c94c;font-weight:700;margin-top:8px;min-height:1em}#title{background:radial-gradient(ellipse at 50% 30%,#080a0e8c,#080a0ee0)}.hub{width:100%;max-width:760px;margin:auto;display:flex;flex-direction:column;gap:18px}.hub-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hub-gap{flex:1}.chip{display:inline-flex;align-items:center;gap:8px;background:#181c24d9;color:#dfe5ee;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 14px 8px 8px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.chip:hover{background:#2a303c}.chip-ico{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff14;font-size:13px}.chip.on{border-color:#6fcf9780}.chip.on .chip-ico{background:#6fcf9733}.hub .logo{text-align:center;margin:6px 0 0;font-size:64px}.hero{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;cursor:pointer;background:linear-gradient(135deg,#f2994a,#e5733a);color:#1a1206;border:none;border-radius:16px;padding:20px 80px 20px 24px;font-family:inherit;box-shadow:0 14px 40px #f2994a40;transition:transform .12s,box-shadow .12s}.hero:hover{transform:translateY(-2px);box-shadow:0 18px 48px #f2994a59}.hero-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.hero-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero .grade{background:#1a1206;color:#f2c94c;font-size:14px}.hero-name{font-size:26px;font-weight:900}.hero .stars{font-size:18px;color:#1a1206;letter-spacing:2px}.hero .stars .off{color:#1a120640}.hero-sub{font-size:14px;font-weight:600;opacity:.85}.hero-go{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#1a1206;color:#f2994a;display:grid;place-items:center;font-size:18px;padding-left:3px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:760px){.tiles{grid-template-columns:repeat(2,1fr)}.hub .logo{font-size:44px}}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;cursor:pointer;min-height:120px;background:#181c24e6;color:#e8ecf2;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;font-family:inherit;transition:transform .12s,background .12s,border-color .12s}.tile:hover{transform:translateY(-2px);background:#232935;border-color:#f2994a80}.tile-ico{font-size:26px;height:34px;line-height:34px;margin-bottom:6px}.tile b{font-size:16px}.tile small{color:#8b95a3;font-size:12px;line-height:1.4}.tile small .gold{color:#f2c94c;font-weight:800}.tile small .lock{color:#f2c94c}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:320px;margin:10px auto 0}.menu-grid.four{max-width:400px}.menu-grid .btn{padding:9px 10px;font-size:13px}.btn.toggle:after{content:" · aus";color:#8b95a3;font-weight:600}.btn.toggle.on{background:#56ccf22e;border-color:#56ccf2}.btn.toggle.on:after{content:" · an";color:#56ccf2}.btn.ghost{background:transparent}.btn.ghost:hover{background:#2a303c}#result .menu-col{margin-top:20px}.card.next{box-shadow:0 0 0 2px var(--c)}.card .badge{font-size:11px;font-weight:800;color:#1a1206;background:#f2994a;border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.05em}.help-h{margin:0 0 4px;font-size:13px;color:#f2994a;text-transform:uppercase;letter-spacing:.14em}.help-h2{list-style:none;margin-left:-18px}.pbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;width:100%;text-align:left;cursor:pointer;background:#181c24e6;color:#e8ecf2;border:1px solid rgba(242,201,76,.25);border-radius:14px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background .12s,border-color .12s}.pbar:hover{background:#232935;border-color:#f2c94c99}.pbar-skills{flex:1;white-space:pre-wrap}.pbar-coins{color:#f2c94c;font-weight:800}.pbar-go{color:#8b95a3;font-size:13px}.coins{color:#f2c94c;font-weight:800;font-size:16px}.sec-h{margin:18px 0 10px;font-size:16px}.sec-h small{color:#8b95a3;font-weight:600;font-size:12px;margin-left:8px}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:760px){.skills{grid-template-columns:1fr}}.skill{background:#20252f;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px}.skill-head{display:flex;align-items:center;gap:8px}.skill-head b{flex:1}.skill-ico{font-size:20px}.skill-lv{color:#f2c94c;font-weight:800;font-size:13px}.skill-bar{height:8px;background:#0d1016;border-radius:99px;margin:10px 0 6px;overflow:hidden}.skill-bar div{height:100%;background:linear-gradient(90deg,#f2994a,#f2c94c);border-radius:99px}.skill-sub{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#8b95a3}.card.shop .price{color:#f2c94c;font-weight:800;font-size:14px}.card.shop .desc{margin-top:6px}.card.shop.worn{background:#232b2a}.effects{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.effects span{font-size:11px;font-weight:700;color:#6fcf97;background:#6fcf971f;border-radius:6px;padding:2px 7px}.card.shop .own-row{margin-top:auto;padding-top:10px}.btn:disabled{opacity:.6;cursor:default}.btn:disabled:hover{background:#2a303c}.lb-tabs .btn.tab{display:inline-flex;align-items:center;gap:6px;height:40px}.chip.admin{border-color:#eb575780}.chip.admin .chip-ico{background:#eb575740}.card .tag.changed{color:#f2994a}.num-in{width:64px;background:#0d1016;color:#e8ecf2;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:5px 6px;font:inherit}.num-in:focus{outline:none;border-color:#f2994a}table.admin-table td:first-child{width:auto}table.admin-table td{vertical-align:middle}.admin-act{display:flex;gap:6px;flex-wrap:wrap}.chip[hidden],.set[hidden]{display:none}.admin-set b{color:#ff8a80}.adm-transfer small{display:block;margin-top:6px}.adm-import{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f2994a1f;display:flex;flex-direction:column;gap:8px}#admin .panel{max-width:1100px}.btn.admin-btn{background:#eb57572e;border-color:#eb575780}.adm-chapter{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin:14px 0;background:#ffffff05}.adm-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adm-head .num{color:#f2994a;font-weight:800;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.adm-in{background:#0d1016;color:#e8ecf2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:7px 9px;font:inherit;font-size:14px;width:100%}.adm-in:focus{outline:none;border-color:#f2994a}textarea.adm-in{resize:vertical}.adm-title{flex:1;min-width:160px;width:auto;font-weight:800;font-size:16px}.adm-desc{margin:8px 0}.adm-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#aab3c0;cursor:pointer;margin:4px 0}.adm-check input{accent-color:#f2994a;width:16px;height:16px}.adm-list{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}.adm-row{background:#20252f;border:1px solid rgba(255,255,255,.06);border-left:5px solid var(--c);border-radius:10px;padding:8px 10px}.adm-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adm-row-info{flex:1;min-width:150px;display:flex;flex-direction:column}.adm-row-info small{color:#8b95a3;font-size:12px}.adm-beta{font-size:12px;font-weight:700;color:#f2c94c}.adm-beta.ok{color:#6fcf97}.adm-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.adm-grid.wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.adm-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#aab3c0}.adm-field small{font-weight:500;color:#6b7482}.adm-color{width:60px;height:34px;padding:2px;background:#0d1016;border:1px solid rgba(255,255,255,.15);border-radius:8px}.adm-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.adm-add .adm-in{width:auto}.adm-item{gap:8px;--c: #56ccf2}.adm-id{color:#6b7482;font-family:ui-monospace,monospace}.adm-sub{font-size:12px;font-weight:800;color:#f2994a;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.adm-fx{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.adm-fx .adm-field{font-size:11px}.adm-num{padding:5px 7px}.btn.big-add{margin-top:6px}.hold-pop{position:fixed;z-index:5;display:flex;flex-direction:column;gap:6px;width:210px;padding:8px;background:#12151bf0;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 8px 24px #00000073}.hold-pop select{background:#0d1016;color:#e8ecf2;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:6px;font:inherit;font-size:13px;font-weight:700}.hold-pop select:focus{outline:none;border-color:#f2994a}.hp-flags{display:flex;flex-wrap:wrap;gap:4px}.hold-pop button{background:#2a303c;color:#dfe5ee;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 7px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.hold-pop button:hover{background:#343b49}.hold-pop button.on{background:#56ccf238;border-color:#56ccf2;color:#fff}.hold-pop button.danger{background:#5a2226;border-color:#8a3a3f}.hp-row{display:flex;gap:4px}.hp-row .danger{margin-left:auto}.legal-links{text-align:center;font-size:12px;color:#6b7480}.legal-links a{color:#8b95a3;text-decoration:none}.legal-links a:hover{color:#f2994a;text-decoration:underline}.legal{max-width:720px;line-height:1.6;color:#cfd6e0;font-size:14px}.legal h3{margin:4px 0 2px;font-size:22px;color:#e8ecf2}.legal h4{margin:20px 0 4px;font-size:15px;color:#f2994a}.legal p,.legal ul{margin:6px 0}.legal ul{padding-left:20px}.legal a{color:#f2c94c}.legal code{background:#ffffff14;padding:1px 5px;border-radius:4px;font-size:13px}.legal-sub{color:#8b95a3;font-size:12px}.legal-missing{color:#eb5757;font-style:italic}.acc-form label.acc-check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:500;font-size:12px;color:#aab3c0;line-height:1.45}.acc-check input{margin-top:2px;accent-color:#f2994a}.acc-check a{color:#f2c94c}#topbar .ico{display:none}.touch-only{display:none!important}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body.touch input,body.touch textarea{-webkit-user-select:text;user-select:text}body.touch .touch-only{display:revert!important}body.touch #touch-ui{display:block!important}body.touch.in-menu #touch-ui{display:none!important}body.touch #topbar{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;max-width:none;flex-wrap:nowrap;gap:6px}body.touch #topbar button{width:40px;height:40px;padding:0;font-size:18px;border-radius:10px;display:grid;place-items:center}body.touch #topbar .lbl,body.touch #topbar kbd{display:none}body.touch #topbar .ico{display:inline}body.touch #btn-forces,body.touch #btn-help,body.touch #btn-edit{display:none!important}@media(orientation:portrait){body.touch #btn-demo{display:none!important}body.touch #topbar button{width:36px;height:36px;font-size:16px}}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#touch-ui>*{pointer-events:auto;touch-action:none}#stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,#ffffff0f 0,#ffffff0f 55%,#ffffff1a 56%,#ffffff1a);border:2px solid rgba(255,255,255,.18)}#stick.on{border-color:#f2994ab3}#stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#f2994ad9;box-shadow:0 4px 14px #0006;pointer-events:none}#stick:after{content:"Körper";position:absolute;left:0;right:0;top:-18px;text-align:center;font-size:11px;font-weight:700;color:#ffffff73}#touch-btns{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}#touch-btns button{border-radius:50%;border:2px solid rgba(255,255,255,.2);color:#fff;font-family:inherit;font-weight:800;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}#tb-chalk{width:62px;height:62px;font-size:13px;background:#e8e8e82e;margin-bottom:40px}#tb-dyno{width:86px;height:86px;font-size:16px;background:#f2c94c47;border-color:#f2c94c99}#tb-dyno small{font-size:9px;font-weight:600;opacity:.75}#tb-dyno.on,#tb-chalk:active{background:#f2c94c99}@media(orientation:portrait){#stick{width:116px;height:116px;bottom:max(30px,env(safe-area-inset-bottom))}#touch-btns{flex-direction:column-reverse;align-items:center;gap:8px;bottom:max(14px,env(safe-area-inset-bottom))}#tb-chalk{margin-bottom:0;width:52px;height:52px;font-size:12px}#tb-dyno{width:76px;height:76px}}@media(max-width:520px){.panel{padding:20px 16px;border-radius:14px}.overlay{padding:10px}.hub{gap:12px}.hub .logo{font-size:38px}.logo span{font-size:12px;letter-spacing:.3em}.hero{padding:16px 70px 16px 18px}.hero-name{font-size:21px}.tile{min-height:100px;padding:12px}.hub-top .chip{font-size:12px;padding:6px 10px 6px 6px}.head-row{flex-wrap:wrap}}@media(max-height:520px)and (orientation:landscape){.overlay{padding:8px;align-items:flex-start}.panel{padding:16px 20px}.hub{gap:10px;max-width:900px}.hub .logo{font-size:30px;margin:0}.logo span{font-size:11px;margin-top:2px}.hero{padding:12px 70px 12px 18px}.hero-name{font-size:20px}.tiles{grid-template-columns:repeat(4,1fr)!important}.tile{min-height:78px;padding:10px 12px}.tile-ico{font-size:20px;height:24px;line-height:24px;margin-bottom:2px}}