@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--hud-h: 56px;--tray-w: 100px;--tray-h: 96px;--panel: #1e232b;--panel-2: #353e4b;--text: #f6f1e7;--muted: #aab3bf;--accent: #ffb020;--go: #36b86a;--go-dark: #23874f;--solved: #c9a24a;--stop: #ef6c3a;--stop-dark: #b2481f;--expert: #7e57e8;--easy: #22807a;--challenge: #e2702f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--clear-l-bar: max(var(--hole-edge-l, 0px), calc(var(--hole-l) * clamp(0px, (min(var(--sat) + var(--hud-h), var(--hole-l-y1)) - max(0px, var(--hole-l-y0)) + 4px) * 1000, 1px)));--clear-r-bar: max(var(--hole-edge-r, 0px), calc(var(--hole-r) * clamp(0px, (min(var(--sat) + var(--hud-h), var(--hole-r-y1)) - max(0px, var(--hole-r-y0)) + 4px) * 1000, 1px)));--clear-l-head: max(var(--hole-edge-l, 0px), calc(var(--hole-l) * clamp(0px, (min(var(--sat) + 100px, var(--hole-l-y1)) - max(0px, var(--hole-l-y0)) + 4px) * 1000, 1px)));--clear-r-head: max(var(--hole-edge-r, 0px), calc(var(--hole-r) * clamp(0px, (min(var(--sat) + 100px, var(--hole-r-y1)) - max(0px, var(--hole-r-y0)) + 4px) * 1000, 1px)));--clear-l-grid: max(var(--hole-edge-l, 0px), calc(var(--hole-l) * clamp(0px, (min(100vh, var(--hole-l-y1)) - max(var(--sat) + 88px, var(--hole-l-y0)) + 4px) * 1000, 1px)));--clear-r-grid: max(var(--hole-edge-r, 0px), calc(var(--hole-r) * clamp(0px, (min(100vh, var(--hole-r-y1)) - max(var(--sat) + 88px, var(--hole-r-y0)) + 4px) * 1000, 1px)));--clear-l-low: max(var(--hole-edge-l, 0px), calc(var(--hole-l) * clamp(0px, (min(100vh, var(--hole-l-y1)) - max(var(--sat) + var(--hud-h), var(--hole-l-y0)) + 4px) * 1000, 1px)));--clear-r-low: max(var(--hole-edge-r, 0px), calc(var(--hole-r) * clamp(0px, (min(100vh, var(--hole-r-y1)) - max(var(--sat) + var(--hud-h), var(--hole-r-y0)) + 4px) * 1000, 1px)));--tray-pad-r: max(6px, var(--clear-r-low, var(--sar)));--tray-box: calc(var(--tray-w) - 6px + var(--tray-pad-r));--tray-box-h: calc(var(--tray-h) - 8px + max(8px, var(--sab)))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#262b33;color:var(--text);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}svg .solid{fill:currentColor;stroke:none}#view{position:fixed;inset:0;display:block;touch-action:none}#playfield{position:fixed;pointer-events:none;top:var(--sat);right:max(var(--sal),var(--sar));bottom:var(--sab);left:max(var(--sal),var(--sar))}body[data-screen=game] #playfield{top:calc(var(--sat) + var(--hud-h) + 4px);right:calc(var(--tray-box) + 4px);bottom:max(4px,var(--sab));left:max(4px,var(--clear-l-low, var(--sal)))}#boot{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#262b33;z-index:20;color:var(--muted)}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#title-still{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(130% 100% at 50% -10%,#263040,#171c24 55%,#0e1116);transition:opacity .35s}#title-still img{position:absolute;display:block}#title-still.gone{opacity:0}body:not([data-screen=title]) #title-still{display:none}#hd-loading{position:fixed;inset:0;z-index:45;display:grid;place-content:center;background:#080a0e73;touch-action:none;animation:hd-loading-pass 0s 10s forwards}@keyframes hd-loading-pass{to{pointer-events:none;touch-action:auto}}#hd-loading[hidden]{display:none}#hd-loading .card{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;background:#181c24f0;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000073;color:var(--text);font-weight:600}#hd-loading .spinner{width:26px;height:26px;border-width:3px}#hd-test{position:fixed;inset:0;z-index:46;display:grid;place-content:center;background:#080a0e59;touch-action:none}#hd-test[hidden]{display:none}body.hd-testing #screen-title>*,body.hd-testing .look-toggle{visibility:hidden}#hd-test .card{width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 16px);overflow-y:auto;padding:16px 18px 14px;border-radius:14px;background:#181c24e6;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000073;color:var(--text)}#hd-test h2{margin:0 0 4px;font-size:17px}#hd-test .hd-test-why{margin:0 0 10px;color:var(--muted);font-size:12px;font-weight:600}#hd-test .hd-test-now{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:14px}#hd-test .hd-test-fps{color:var(--accent);font-variant-numeric:tabular-nums}#hd-test .hd-test-bar{height:6px;margin:8px 0;border-radius:3px;background:#ffffff1a;overflow:hidden}#hd-test .hd-test-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}#hd-test .hd-test-results{margin:0;padding:0;list-style:none;font-size:12px;font-weight:600;color:var(--muted)}#hd-test .hd-test-results li{display:flex;justify-content:space-between;padding:1px 0;font-variant-numeric:tabular-nums}#hd-test .hd-test-results li.ok{color:var(--go)}#hd-test .hd-test-end{margin:8px 0 0;font-weight:700;font-size:13px}#hd-test .hd-test-ask p{margin:8px 0 10px;color:var(--muted);font-size:12px;font-weight:600}#hd-test .hd-test-ask .row{display:flex;gap:8px;justify-content:flex-end}#hd-test .hd-test-ask[hidden]{display:none}#hud{--hud-pad: 8px;position:fixed;top:0;left:0;right:0;height:calc(var(--sat) + var(--hud-h));display:none;align-items:center;gap:8px;padding:var(--sat) max(var(--hud-pad),var(--clear-r-bar, var(--sar)),var(--corner-r-bar, 0px)) 0 max(var(--hud-pad),var(--clear-l-bar, var(--sal)),var(--corner-l-bar, 0px));background:var(--panel);border-bottom:1px solid rgba(255,255,255,.06);z-index:3}body[data-screen=game] #hud{display:flex}#level-info{flex:1;min-width:0;padding:0 4px}#level-title{display:flex;align-items:center;gap:6px;min-width:0}#level-name{min-width:0;font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#level-goal{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{flex:none;width:44px;height:44px;border-radius:12px;border:0;background:var(--panel-2);display:grid;place-items:center}.icon-btn:active{transform:translateY(1px);filter:brightness(1.15)}.icon-btn:disabled{opacity:.35}.icon-btn:disabled:active{transform:none;filter:none}#btn-speed.on{background:var(--accent);color:#2a1d00}#btn-speed svg{fill:currentColor;stroke:none}.run-btn{flex:none;height:44px;min-width:104px;padding:0 18px 0 14px;border-radius:22px;border:0;background:var(--go);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px}.run-btn:active{transform:translateY(1px);filter:brightness(1.1)}body.running .run-btn{background:var(--stop)}#tray{position:fixed;top:calc(var(--sat) + var(--hud-h));right:0;bottom:0;width:var(--tray-box);display:none;flex-direction:column;gap:6px;padding:8px var(--tray-pad-r) calc(max(8px,var(--sab)) + var(--tray-corner, 0px)) 6px;overflow-x:hidden;overflow-y:auto;background:var(--panel);border-left:1px solid rgba(255,255,255,.06);touch-action:pan-y;z-index:2;scrollbar-width:none;transition:opacity .2s}body[data-screen=game] #tray{display:flex}body.running #tray{opacity:.45;pointer-events:none}#tray::-webkit-scrollbar{display:none}#tray.drop{box-shadow:inset 0 0 0 3px var(--stop);background:#501e14e6}#tray,.tray-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tray-item,.tray-item canvas{-webkit-user-drag:none}.tray-item{position:relative;flex:none;border:0;border-radius:12px;background:#3b4553;padding:calc(7px + var(--card-flex, 0px) / 2) 4px calc(5px + var(--card-flex, 0px) / 2);display:flex;flex-direction:column;align-items:center;gap:2px;touch-action:pan-y}.tray-item:active{background:#4a5667}.tray-item canvas{pointer-events:none}.tray-item.empty{opacity:.38}.tray-item.hint-ring{box-shadow:inset 0 0 0 3px #3ddc84,inset 0 0 10px #3ddc8473}.tray-name{font-size:11px;color:var(--muted);line-height:1.1;text-align:center}.tray-ch{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;border:1px solid rgba(0,0,0,.5);vertical-align:0}.tray-count{position:absolute;top:3px;right:4px;min-width:22px;background:var(--accent);color:#2a1d00;font-weight:800;font-size:11px;padding:1px 5px;border-radius:9px}#tray-tab{position:fixed;top:calc(var(--sat) + var(--hud-h) + 8px);right:var(--tray-box);width:28px;height:48px;display:none;place-items:center;padding:0;border:0;border-radius:10px 0 0 10px;background:var(--panel);color:var(--text);box-shadow:-4px 0 10px #00000047;-webkit-touch-callout:none;user-select:none;touch-action:manipulation;transition:none;z-index:2}body[data-screen=game] #tray-tab{display:grid}body.running #tray-tab{opacity:.45;pointer-events:none}#tray-tab:active{background:#4a5667}#tray-tab svg{width:18px;height:18px;stroke-width:2.6}#tray-tab.open{right:var(--tray-open)}#tray-tab.open svg{transform:scaleX(-1)}body[data-screen=game] #tray.open{display:grid;width:var(--tray-open);grid-template-columns:repeat(var(--tray-lines),var(--card-w));align-content:start;box-shadow:-8px 0 18px #00000059}#tray.open .tray-item,#tray.sliding .tray-item{width:var(--card-w);height:var(--card-h)}@media(orientation:portrait){#tray-tab{top:auto;right:max(12px,var(--sar));bottom:var(--tray-box-h);width:48px;height:28px;border-radius:10px 10px 0 0;box-shadow:0 -4px 10px #00000047}#tray-tab svg{transform:rotate(90deg)}#tray-tab.open{right:max(12px,var(--sar));bottom:var(--tray-open)}#tray-tab.open svg{transform:rotate(-90deg)}body[data-screen=game] #tray.open{width:auto;height:var(--tray-open);grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(var(--tray-lines),var(--card-h));grid-auto-columns:var(--card-w);box-shadow:0 -8px 18px #00000059}}@media(prefers-reduced-motion:no-preference){#tray.sliding{transition:opacity .2s,width .16s ease-out,height .16s ease-out}#tray-tab.sliding{transition:right .16s ease-out,bottom .16s ease-out}}#toolbar{position:fixed;left:0;top:0;display:flex;gap:6px;padding:6px;background:var(--panel);border-radius:14px;box-shadow:0 6px 20px #00000059;z-index:4}#toolbar.hidden{display:none}#toolbar button{width:42px;height:42px;border:0;border-radius:10px;background:var(--panel-2);display:grid;place-items:center}#toolbar button:active{filter:brightness(1.2)}#toolbar button.unavailable{opacity:.38}#toolbar button.unavailable:active{filter:none}#toolbar button[data-act=del]{background:#6b2d24}.part-bubble{position:fixed;left:0;top:0;width:max-content;max-width:min(280px,calc(100vw - var(--tray-w) - 28px));padding:8px 12px 9px;border-radius:14px;background:#fff6dc;color:#2a2116;font-size:13px;line-height:1.35;box-shadow:0 8px 24px #00000073;pointer-events:none;z-index:9}.part-bubble p{margin:0}.pb-name{font-weight:800;font-size:14px;margin-bottom:2px}.part-bubble .pb-ch{margin-top:4px;color:#5a4a30;font-size:12.5px}.pb-ch b,.pe-ch b{font-weight:800}.part-bubble .tray-ch{border-color:#0000008c}.part-bubble.tip{max-width:min(240px,calc(100vw - var(--tray-w) - 28px));font-size:14px;font-weight:700}.pb-arrow{position:absolute;width:12px;height:12px;background:#fff6dc;transform:translate(-50%,-50%) rotate(45deg)}.part-bubble[data-side=left] .pb-arrow{left:100%}.part-bubble[data-side=above] .pb-arrow{top:100%}.part-bubble[data-side=below] .pb-arrow{top:0}.part-bubble .rule-line{font-weight:600}.part-bubble .rule-line+.rule-line{margin-top:6px}#toast{position:fixed;left:50%;bottom:max(18px,var(--sab));transform:translate(-50%,20px);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:20px;background:#14171df2;color:var(--text);font-size:14px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%)}.screen{position:fixed;inset:0;display:none;padding:max(16px,var(--sat)) max(16px,var(--sal),var(--sar)) max(16px,var(--sab)) max(16px,var(--sal),var(--sar));z-index:5}body[data-screen=title] #screen-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at center,#161a2159,#161a21d1)}body[data-screen=levels] #screen-levels,#screen-levels.unseen{display:flex;flex-direction:column;gap:14px;background:#161a20}#screen-levels{--lv-l: max(16px, var(--clear-l-head, var(--sal)));--lv-r: max(16px, var(--clear-r-head, var(--sar)));--lv-grid: max(16px, var(--clear-l-grid, var(--sal)), var(--clear-r-grid, var(--sar)));padding-left:var(--lv-l);padding-right:var(--lv-r)}#screen-levels.unseen{visibility:hidden;pointer-events:none}.logo{display:flex;align-items:center;gap:14px}.logo h1{margin:0;font-size:clamp(34px,8vmin,72px);line-height:.9;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fc3;text-shadow:0 4px 0 #b36b00,0 10px 24px rgba(0,0,0,.55)}.gear{width:clamp(56px,13vmin,120px);height:clamp(56px,13vmin,120px);fill:#ff8a3d;stroke:#23262d;stroke-width:4;animation:spin 9s linear infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.gear circle{fill:#23262d}.tagline{margin:4px 0 10px;padding:5px 16px;border-radius:999px;background:#161a21c7;color:#f2f4f7;font-size:17px;font-weight:600;box-shadow:0 4px 12px #00000059}.menu{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.big-btn{min-width:190px;height:56px;border-radius:28px;border:0;font-size:20px;font-weight:800;background:var(--accent);color:#2a1d00;box-shadow:0 4px #b97800}.big-btn:active{transform:translateY(3px);box-shadow:0 1px #b97800}.big-btn.alt{background:#4b88e0;color:#fff;box-shadow:0 4px #2d5ea8}.corner{position:absolute;top:max(12px,var(--sat));right:max(12px,var(--clear-r-head, var(--sar)))}.corner-left{position:absolute;top:max(12px,var(--sat));left:max(12px,var(--clear-l-head, var(--sal)))}.dialog .card.about{width:min(560px,100%);max-height:var(--dlg-max);display:flex;flex-direction:column}.dialog .small{font-size:13px;color:var(--muted);margin-top:8px}#about-licenses{flex:1;min-height:60px;max-height:40vh;overflow:auto;margin:12px 0 0;padding:10px;border-radius:10px;background:#1d2229;color:var(--muted);font-size:11px;text-align:left;white-space:pre-wrap;touch-action:pan-y;user-select:text;-webkit-user-select:text}.screen-head{display:flex;align-items:center;gap:12px}.screen-head h2{flex:1;margin:0;font-size:22px}#level-grid{--lv-glow: 12px;flex:1;margin:0 calc(var(--lv-grid) - var(--lv-r) - var(--lv-glow)) 0 calc(var(--lv-grid) - var(--lv-l) - var(--lv-glow));display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-auto-rows:min-content;gap:12px;container-type:inline-size;scrollbar-width:none;overflow-y:auto;touch-action:pan-y;padding:0 var(--lv-glow) 8px}#level-grid::-webkit-scrollbar{display:none}.chapter-head{grid-column:1 / -1;margin:10px 2px 0;font-size:17px;display:flex;align-items:baseline;gap:10px}.chapter-head .ch-num{color:var(--accent)}.chapter-head:first-child{margin-top:0}.chapter-head small{color:var(--muted);font-weight:600;font-size:13px}.chapter-head .ch-diff{margin-left:auto;display:inline-flex;align-items:center;gap:7px;align-self:center}.ch-diff .dots{display:inline-flex;gap:3px}.ch-diff .dots i{width:8px;height:8px;border-radius:50%;background:#ffffff38}.ch-diff .dots i.on{background:var(--accent)}.ch-diff b{color:var(--muted);font-weight:700;font-size:13px}.level-card{position:relative;min-width:0;height:96px;border-radius:16px;border:2px solid rgba(255,255,255,.16);background:#2f3743;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:14px 3px 4px;padding-top:clamp(12px,2.6cqi,26px);container-type:inline-size}.level-card .num{font-size:26px;font-size:clamp(15px,30cqi,34px);font-weight:900;color:var(--accent);line-height:1}.level-card .name{max-width:100%;font-size:11px;font-size:clamp(9px,11.5cqi,13px);line-height:1.15;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.level-card .badge{position:absolute;top:4px;right:4px;left:4px;top:clamp(3px,6cqi,8px);right:clamp(3px,6cqi,8px);left:clamp(3px,6cqi,8px)}.level-card .badge{display:flex;align-items:center;justify-content:flex-end;gap:2px}.level-card .badge .expert-mark{margin-right:auto}.level-card .badge svg{width:14px;height:14px;width:clamp(12px,19cqi,18px);height:clamp(12px,19cqi,18px)}@container (max-width: 44px){.level-card .name{display:none}}@media(orientation:landscape){#level-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;gap:clamp(4px,.9cqi,12px)}.level-card{height:clamp(60px,10.5cqi,112px);border-radius:clamp(8px,1.3cqi,16px)}.level-card.sandbox,.level-card.mine,.level-card.shop{grid-column:span 2}}@media(orientation:landscape)and (max-width:899.98px){#level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.level-card{height:clamp(90px,11.5cqi,100px);padding-top:23px}.level-card.sandbox,.level-card.mine,.level-card.shop{grid-column:auto;padding-top:14px}.level-card .num{font-size:clamp(15px,17cqi,24px)}.level-card .badge{top:5px;left:6px;right:6px}.level-card .badge svg,.level-card .rule-mark{width:14px;height:14px}#level-grid .level-card .rules{bottom:4px}}.level-card.done{border-color:var(--solved)}.level-card.done .badge{color:var(--solved)}.level-card.locked{background:#2e2e2e;border-color:#464b53}.level-card.locked>*{opacity:.4}.level-card.locked>.card-shot{opacity:.45}.level-card .stars{display:flex;gap:0;font-size:12px;font-size:clamp(10px,16cqi,14px);line-height:1}.level-card .stars i{font-style:normal}.level-card .stars i.on,.star-total{color:var(--accent)}.level-card .stars i:not(.on){color:#1c2028}.gc-stars .lc-stars i:not(.on),.stars-big span:not(.on),.all-solved-last .lc-stars i:not(.on){color:#7d8693}.star-total{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:16px;line-height:1;white-space:nowrap}.star-total>span{display:inline-flex;align-items:center;gap:5px}.star-total .expert-total{color:var(--expert)}.star-total .hint-total{color:var(--accent)}.level-card.sandbox .num{color:#6fb1ff}.level-card:not(.locked):active{transform:scale(.97)}.dialog{position:fixed;inset:0;display:flex;overflow-y:auto;background:#0a0c1080;z-index:10;padding:max(16px,var(--sat)) max(16px,var(--sal),var(--sar)) max(16px,var(--sab)) max(16px,var(--sal),var(--sar));--dlg-max: calc(100vh - max(16px, var(--sat)) - max(16px, var(--sab))) ;--dlg-max: calc(100dvh - max(16px, var(--sat)) - max(16px, var(--sab))) }.dialog.hidden{display:none}.dialog .card{margin:auto;width:min(440px,100%);background:#2a313c;border-radius:20px;padding:20px 22px;text-align:center;box-shadow:0 20px 50px #00000080;animation:pop .25s ease-out;max-height:var(--dlg-max);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b6677 transparent}.dialog h2{margin:0 0 6px;font-size:24px;color:var(--accent)}.dialog p{margin:0;color:var(--text);font-size:15px;line-height:1.45}.dialog .row{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.btn{height:46px;padding:0 20px;border-radius:23px;border:0;font-weight:800;font-size:16px;background:#3d4654}.btn.primary{background:var(--go);color:#fff;box-shadow:0 3px 0 var(--go-dark)}.btn.danger{background:#b23a2b;color:#fff}#save-name{width:100%;margin-top:14px;height:46px;padding:0 14px;border-radius:12px;border:2px solid #3d4654;background:#1d2229;color:var(--text);font:inherit;font-size:17px;user-select:text;-webkit-user-select:text;touch-action:manipulation}#save-name:focus{outline:none;border-color:var(--accent)}.dialog .card.machines{width:min(520px,100%);max-height:var(--dlg-max);display:flex;flex-direction:column}#machine-list{flex:1;min-height:60px;overflow-y:auto;margin-top:10px;display:flex;flex-direction:column;gap:8px;touch-action:pan-y;text-align:left}#machine-list .empty{color:var(--muted);text-align:center;padding:18px 8px}.machines h2 .board-tag{font-size:13px;vertical-align:3px}.board-tag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:8px;background:#2f6fb5;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;vertical-align:1px}.dialog .card.board-size{width:min(460px,100%)}.board-choices{display:flex;gap:10px;margin-top:12px}.board-choice{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:12px 10px 10px;border:2px solid transparent;border-radius:16px;background:#343c48}.board-frame{height:52px;display:flex;align-items:flex-end;justify-content:center}.board-choice:active{transform:scale(.97);border-color:var(--accent)}.board-choice:focus-visible{outline:none;border-color:var(--accent)}.board-choice b{font-size:17px;font-weight:800;color:var(--text)}.board-choice{position:relative;padding-top:20px}.board-count{position:absolute;top:4px;right:10px;font-size:13px;font-weight:800;color:var(--text)}.board-choice small{font-size:12.5px;line-height:1.3;color:var(--muted)}.board-pic{display:block;width:44px;height:22px;margin-bottom:8px;border-radius:3px;border:2px solid #7a5531;background:#e2c895 radial-gradient(circle,rgba(120,85,40,.45) .9px,transparent 1.3px) 0 0 / 5.5px 5.5px;box-shadow:0 2px #5f636a}.board-pic.medium{width:66px;height:33px}.board-pic.large{width:88px;height:44px}.machine{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:#343c48}.machine .open{flex:1;min-width:0;border:0;background:none;text-align:left;padding:6px 0}.machine .title{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine .meta{display:block;font-size:12px;color:var(--muted)}.machine .del{height:38px;min-width:38px;padding:0 10px;border:0;border-radius:10px;background:#474f5c;display:grid;place-items:center;font-weight:800}.machine .del.confirm{background:#b23a2b}.machine .del svg{width:18px;height:18px}.level-card.mine .num{color:#ff9a8c}.btn:disabled{opacity:.45}.dialog .card.parts-sheet{width:min(620px,100%);max-height:var(--dlg-max);display:flex;flex-direction:column;padding:12px 14px 14px;text-align:left}.sheet-head{display:flex;align-items:center;gap:10px}.sheet-head h2{flex:1;margin:0 0 0 4px;font-size:21px}.sheet-head .icon-btn{width:38px;height:38px;border-radius:10px}.dialog .parts-sheet .small{margin:0 0 8px 4px}.dialog .parts-sheet .small.sheet-sub{flex:none;margin:8px 0 0 4px;font-weight:700}#parts-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#5b6677 transparent;padding-right:8px}.part-entry,.mark-entry{flex:none;display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:0;border-radius:12px;background:#343c48;text-align:left}.part-entry:active,.mark-entry:active{background:#46505f}.part-entry canvas,.mark-entry canvas{flex:none;border-radius:9px;background:#3b4553;pointer-events:none}.pe-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pe-name{font-weight:800;font-size:14px}.pe-count{display:inline-block;margin-left:7px;padding:0 6px;border-radius:9px;background:var(--accent);color:#2a1d00;font-size:11px;vertical-align:1px}.pe-text{font-size:13px;line-height:1.32}.pe-ch{font-size:12px;line-height:1.3;color:var(--muted)}#coach{position:fixed;inset:0;z-index:8;pointer-events:none}#coach[hidden]{display:none}.coach-bubble{position:absolute;top:calc(var(--sat) + var(--hud-h) + 10px);left:50%;transform:translate(-50%);width:max-content;max-width:min(400px,calc(100vw - 32px));padding:10px 16px 6px;border-radius:16px;background:#fff6dc;color:#2a2116;font-size:16px;font-weight:700;line-height:1.35;text-align:center;box-shadow:0 8px 24px #0006}.coach-bubble p{margin:0}.coach-bubble .link-btn{pointer-events:auto;margin-top:2px;padding:4px 8px;color:#8a6a2f;font-size:13px}.coach-hand{position:absolute;left:0;top:0;width:66px;height:76px;transform-origin:25px 11px;will-change:transform}.coach-carry{position:absolute;left:0;top:0;display:none;will-change:transform}.coach-hand path{fill:#fff;stroke:#23262d;stroke-width:2.5;stroke-linejoin:round}.dialog .card.settings{width:min(460px,100%);max-height:var(--dlg-max);overflow-y:auto}.set-row{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.set-row>span{flex:1;font-weight:700}.set-row small{display:block;font-weight:500;font-size:12px;color:var(--muted)}.set-row .btn{height:38px;padding:0 16px;font-size:14px;flex:none}.switch{appearance:none;-webkit-appearance:none;flex:none;width:52px;height:30px;margin:0;border-radius:15px;background:#474f5c;position:relative;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--go)}.switch:checked:after{transform:translate(22px)}.stars-big{display:flex;justify-content:center;gap:6px;margin:2px 0 8px;font-size:46px;line-height:1}.stars-big span.on{color:var(--accent);text-shadow:0 3px 0 #b36b00;animation:star-in .45s cubic-bezier(.3,1.6,.5,1) both}.stars-big span.on:nth-child(2){animation-delay:.25s}.stars-big span.on:nth-child(3){animation-delay:.5s}.checks{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;max-width:360px;text-align:left;font-size:14px}.checks li{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.checks b{width:14px;text-align:center}.checks .ok b{color:var(--go)}.checks .miss b{color:#ff6b5a}.checks .miss span{color:var(--muted)}.checks small{color:var(--muted);font-size:12px}#win-best{margin-top:8px}.expert-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--expert);color:#fff}.expert-pill{flex:none;display:inline-flex;align-items:center;gap:3px;height:17px;padding:0 7px 0 5px;border:0;border-radius:9px;background:var(--expert);color:#fff;font:inherit;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1;position:relative}.expert-pill:before{content:"";position:absolute;top:min(0px,calc(50% - 16px));bottom:min(0px,calc(50% - 16px));left:-2px;right:-2px}.expert-pill.no-mark{background:#4a4560;color:#c9c3e0}.expert-pill .pill-mark{font-style:normal;font-weight:900}.expert-pill .pill-mark.ok{color:#6cf09a}.expert-pill .pill-mark.no{color:#ff6b5e}.expert-mark svg,.expert-pill svg,#hud .expert-pill svg,.level-card .badge .expert-mark svg{width:9px;height:9px;fill:currentColor;stroke:none}.expert-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 8px;color:#c7b5ff;font-weight:800}.expert-note .expert-mark{width:20px;height:20px}.expert-note .expert-mark svg{width:11px;height:11px}.level-card.sandbox,.level-card.mine,.level-card.shop{justify-content:center;padding-top:14px}@container (max-width: 50px){.level-card.has-rules .name{-webkit-line-clamp:1;line-clamp:1}}.level-card .rules{position:absolute;left:0;right:0;bottom:3px;bottom:clamp(2px,4cqi,6px);display:flex;justify-content:center;gap:2px;pointer-events:none}.rule-mark{flex:none;display:inline-grid;place-items:center;width:14px;height:14px;width:clamp(12px,18cqi,18px);height:clamp(12px,18cqi,18px);border-radius:4px;background:var(--challenge);color:#fff}.rule-mark svg{width:82%;height:82%;stroke-width:2.4}.level-card .rule-mark{pointer-events:auto}#level-rules{flex:none;display:inline-flex;gap:4px}#level-rules[hidden],#level-title.compact .pill-word{display:none}#level-title.compact :is(.expert-pill,.easy-pill,.hint-pill,.rule-pill){padding:0 5px}#level-title.compact .hint-pill{margin-left:0}.rule-pill{flex:none;display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 7px 0 4px;border:0;border-radius:9px;background:var(--challenge);color:#fff;font:inherit;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}#hud .rule-pill svg,.rule-pill svg{width:13px;height:13px;stroke-width:2.4}.rule-pill.spent{background:#7a4a33;color:#ffd9c4}.tray-cost{position:absolute;top:3px;left:4px;min-width:18px;background:var(--challenge);color:#fff;font-weight:800;font-size:11px;padding:1px 5px;border-radius:9px;text-align:center}.tray-item.over .tray-cost{background:#7a4a33}.link-btn{margin-top:6px;border:0;background:none;color:#6fb1ff;font-weight:700;font-size:14px;padding:6px 8px}@keyframes star-in{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tilt{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}#rotate-hint{display:none}@media(orientation:portrait){#rotate-hint{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:max(24px,var(--sat)) max(24px,var(--sar)) max(24px,var(--sab)) max(24px,var(--sal));background:var(--bg, #161a21);color:var(--text, #e8ecf2);font-size:18px;font-weight:700;text-align:center;touch-action:none}#rotate-hint small{display:block;margin-top:6px;color:var(--muted);font-size:14px;font-weight:600}#rotate-hint svg{width:64px;height:64px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;animation:tilt 2.4s ease-in-out infinite}body[data-screen=game] #playfield{right:max(4px,var(--sar));bottom:calc(var(--tray-box-h) + 4px)}#tray{top:auto;left:0;right:0;width:auto;height:var(--tray-box-h);flex-direction:row;padding:8px max(8px,var(--sar)) max(8px,var(--sab)) max(8px,var(--sal));overflow-x:auto;overflow-y:hidden;border-left:0;border-top:1px solid rgba(255,255,255,.06);touch-action:pan-x}.tray-item{touch-action:pan-x;width:84px}#toast{bottom:calc(var(--tray-box-h) + 14px)}.part-bubble,.part-bubble.tip{max-width:min(300px,calc(100vw - 24px))}}@media(orientation:landscape)and (max-height:430px){:root{--hud-h: 50px;--tray-w: 92px}#tray{gap:4px;padding-top:6px;padding-bottom:calc(max(6px,var(--sab)) + var(--tray-corner, 0px))}.tray-item{padding-top:calc(6px + var(--card-flex, 0px) / 2);padding-bottom:calc(4px + var(--card-flex, 0px) / 2)}#level-goal{font-size:12px}.tagline{margin:0 0 4px;padding:3px 12px;font-size:13px}}@media(orientation:landscape)and (max-height:430px),(orientation:portrait)and (max-width:480px){:root{--hud-h: 42px}#hud{gap:6px;--hud-pad: 6px}#hud .icon-btn{width:38px;height:38px;border-radius:10px}#hud svg{width:20px;height:20px}#hud .run-btn{height:38px;min-width:88px;padding:0 14px 0 11px;border-radius:19px;font-size:15px;gap:6px}#level-name{font-size:14px}#level-goal{font-size:11.5px}}#level-info{cursor:pointer}.dialog .goal-line{max-width:400px;margin:0 auto 8px;color:var(--muted);font-size:13.5px;line-height:1.35}.checks.goal-checks{grid-template-columns:1fr;max-width:400px;margin-bottom:10px}.checks.goal-checks li{white-space:normal}.dialog .card.pause{width:min(440px,100%);padding:10px 16px 14px;text-align:left}.card.pause .sheet-head h2{margin:0 0 0 2px}.card.pause .sheet-head h2 small{display:block;margin-top:1px;color:var(--muted);font-size:13px;font-weight:700}.card.pause .set-row{padding:7px 2px}.card.pause .set-row small{line-height:1.3}.card.pause .row{margin-top:12px}#hud .icon-btn,#hud .run-btn,#hud .rule-pill,.coach-bubble .link-btn{position:relative}#hud .icon-btn:before,#hud .run-btn:before{content:"";position:absolute;top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px));left:min(0px,calc(50% - 22px));right:min(0px,calc(50% - 22px))}#hud .rule-pill:before{content:"";position:absolute;top:min(0px,calc(50% - 16px));bottom:min(0px,calc(50% - 16px));left:-2px;right:-2px}.coach-bubble .link-btn{padding:7px 14px}.coach-bubble .link-btn:before{content:"";position:absolute;inset:-4px -6px}.level-card.next{border-color:var(--accent);background:#3a3a33;box-shadow:0 0 0 1px var(--accent),0 0 14px #ffb02059}.level-card .next-mark{display:inline-grid;place-items:center;color:var(--accent)}.level-card .badge .next-mark svg{width:12px;height:12px}@media(prefers-reduced-motion:no-preference){.level-card.next{animation:next-glow 1.8s ease-in-out infinite}}@keyframes next-glow{50%{box-shadow:0 0 0 1px var(--accent),0 0 4px #ffb02026}}.level-card .try-dot{flex:none;width:8px;height:8px;margin:0 3px;border-radius:50%;background:#6fb1ff;box-shadow:0 0 0 2px #6fb1ff40}#chapter-strip{position:relative;flex:none;display:flex;gap:4px;padding:2px 0;margin:-6px 0 -4px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}#chapter-strip::-webkit-scrollbar{display:none}.chapter-chip{position:relative;flex:1 0 34px;max-width:52px;height:30px;padding:0 4px;border:0;border-radius:8px;overflow:hidden;background:#2f3743;color:var(--muted);font-weight:800;font-size:13px}.chapter-chip:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--done, 0) * 100%);background:var(--solved)}.chapter-chip.complete{color:#e3c47e}.chapter-chip.on{background:var(--accent);color:#2a1d00}.chapter-chip.on:after{background:#fff}.chapter-chip:active{filter:brightness(1.2)}@media(orientation:landscape)and (max-height:430px){body[data-screen=levels] #screen-levels,#screen-levels.unseen{gap:8px;padding-top:max(8px,var(--sat));padding-bottom:max(6px,var(--sab))}#chapter-strip{margin:-2px 0}.chapter-head{margin-top:6px;font-size:16px}}.part-bubble .pb-stars{display:flex;align-items:center;gap:6px;margin:1px 0 2px;color:#5a3fbf;font-size:12.5px}.part-bubble .lc-stars{display:inline-flex;font-size:16px;line-height:1}.part-bubble .lc-stars i{font-style:normal;color:#cdbf9c}.part-bubble .lc-stars i.on{color:#d48a00}.part-bubble .pb-status{color:#5a4a30;font-size:12.5px;font-weight:600}.part-bubble .pb-name+.rule-line,.part-bubble .pb-stars+.rule-line,.part-bubble .pb-status+.rule-line{margin-top:5px}.dialog .card.settings{width:min(560px,100%);padding:10px 16px 6px;text-align:left}.card.settings .sheet-head h2{margin:0 0 0 2px}.card.settings .set-row{padding:6px 2px}.card.settings .set-row:last-child{border-bottom:0}.card.settings .set-row small{line-height:1.3}.machine .open{display:flex;align-items:center;gap:10px}.machine .thumb{flex:none;border-radius:3px;box-shadow:0 0 0 2px #7a5531;pointer-events:none}.machine .body{flex:1;min-width:0}.machine .ren{height:38px;min-width:38px;padding:0 10px;border:0;border-radius:10px;background:#474f5c;display:grid;place-items:center}.machine .ren svg{width:18px;height:18px}.machine-name{flex:1;min-width:0;height:44px;padding:0 12px;border-radius:10px;border:2px solid var(--accent);background:#1d2229;color:var(--text);font:inherit;font-size:16px;font-weight:700;user-select:text;-webkit-user-select:text;touch-action:manipulation}.machine-name:focus{outline:none}#toast .toast-undo{margin:-4px -8px -4px 12px;padding:5px 14px;border:0;border-radius:14px;background:var(--accent);color:#2a1d00;font-weight:800;font-size:14px;pointer-events:auto}#toast:not(.show) .toast-undo{pointer-events:none}#tray-chips{position:fixed;top:calc(var(--sat) + var(--hud-h));right:0;width:var(--tray-open, 200px);height:47px;display:flex;align-items:center;gap:4px;padding:8px var(--tray-pad-r) 9px 6px;overflow-x:auto;overflow-y:hidden;background:var(--panel);border-left:1px solid rgba(255,255,255,.06);scrollbar-width:none;touch-action:pan-x;z-index:2}#tray-chips::-webkit-scrollbar{display:none}body:not([data-screen=game]) #tray-chips{display:none}.tray-chip{flex:none;height:30px;padding:0 11px;border:0;border-radius:15px;background:#3b4553;color:var(--text);font-weight:800;font-size:12px}.tray-chip.on{background:var(--accent);color:#2a1d00}.tray-chip:active{filter:brightness(1.2)}body[data-screen=game] #tray.open.chips{top:calc(var(--sat) + var(--hud-h) + 47px);padding-top:0}#tray.open .tray-item.group-start{grid-column-start:1}.tray-colours{position:absolute;top:5px;left:6px;display:flex;gap:1px;pointer-events:none}.tray-colours i{width:6px;height:6px;border-radius:50%;border:1px solid rgba(0,0,0,.45)}#toolbar .tb-swatch{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000080}#toolbar .tb-swatch.plain{background:repeating-linear-gradient(45deg,#9aa3ad 0 3px,#5b6470 3px 6px)}.part-bubble.tip.level-tip{max-width:min(360px,calc(100vw - 24px))}.card.settings .set-row.helpers{align-items:flex-start}.card.settings .set-row.helpers>span{flex:none;padding-top:6px}.helper-pills{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.helper-pill{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:15px;background:#3b4553;color:var(--muted);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.helper-pill input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.helper-pill i{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid #8a94a3}@media(max-height:400px){.card.settings .set-row{padding:4px 2px}.card.settings .set-row .btn{height:34px}.card.settings .sheet-head .icon-btn{width:34px;height:34px}.card.settings .helper-pill{height:28px;padding:0 10px 0 8px;font-size:12px}.helper-pills{gap:5px}.dialog .card.parts-sheet{padding:8px 12px 10px}.parts-sheet .sheet-head .icon-btn{width:34px;height:34px}.dialog .parts-sheet .small{margin-bottom:4px}#parts-list{gap:4px}.part-entry,.mark-entry{padding-top:4px;padding-bottom:4px}}.helper-pill input:checked+i{background:var(--go);border-color:var(--go)}.helper-pill:has(input:checked){background:#2d4d3b;color:var(--text)}.helper-pill:has(input:focus-visible){outline:2px solid var(--accent)}.helper-pill:active{filter:brightness(1.2)}.hint-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:2px;border-radius:50%;background:var(--accent);color:#2a1d00}.hint-mark svg{width:11px;height:11px;stroke-width:2.6}.level-card .badge .hint-mark{width:clamp(12px,18cqi,16px);height:clamp(12px,18cqi,16px)}.hint-pill{flex:none;display:inline-flex;align-items:center;gap:3px;height:17px;margin-left:6px;padding:0 7px 0 4px;border:0;border-radius:9px;background:var(--accent);color:#2a1d00;font:inherit;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1;position:relative}.hint-pill svg,#hud .hint-pill svg{width:12px;height:12px;stroke-width:2.6}.hint-pill:before{content:"";position:absolute;top:min(0px,calc(50% - 16px));bottom:min(0px,calc(50% - 16px));left:-2px;right:-2px}.level-card.has-shot{isolation:isolate;overflow:hidden}.level-card>.card-shot{position:absolute;left:0;top:0;width:100%!important;height:100%!important;z-index:-1;pointer-events:none}.level-card.next>.card-shot{filter:brightness(1.5) sepia(.35)}.chapter-chip .wrench{width:17px;height:17px;vertical-align:middle;stroke-width:2.4}.level-card.sandbox .num .wrench{width:1em;height:1em;stroke-width:2.6}.level-card.mine .num .mine-mark{width:1em;height:1em;stroke-width:2.4}.level-card.shop .num{color:var(--accent)}.level-card.shop .num .cart-mark{width:1em;height:1em;stroke-width:2.4}.dialog .card.goal-card{width:min(560px,100%);display:flex;flex-direction:column;padding:14px 18px 12px;text-align:left;overflow:hidden}.gc-head{flex:none;display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.gc-head h2{flex:1;min-width:0;margin:0;font-size:21px;line-height:1.2}.gc-stars{flex:none;display:inline-flex;align-items:center;gap:6px}.gc-stars .lc-stars{display:inline-flex;font-size:19px;line-height:1}.gc-stars .lc-stars i{font-style:normal}.gc-stars .lc-stars i.on{color:var(--accent)}.gc-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b6677 transparent}.dialog .gc-goal{font-size:16px;font-weight:700;line-height:1.4}.gc-rules{display:grid;gap:6px;margin-top:10px}.dialog .gc-rule{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.38}.gc-rule .rule-mark{width:19px;height:19px;margin-top:0}.gc-rule b{color:#ffb27a}.gc-foot{flex:none;display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.dialog .gc-par{flex:1;min-width:0;color:var(--muted);font-size:14px;font-weight:700}.dialog .gc-par b{color:var(--text)}.goal-card .gc-foot .btn{flex:none;height:42px}.help-menu{position:fixed;left:0;top:0;z-index:9;width:max-content;display:flex;flex-direction:column;gap:2px;padding:5px;border-radius:14px;background:#2a313c;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px #00000080}.help-item{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 10px;border:0;border-radius:10px;background:none;color:var(--text);font-weight:700;font-size:15px;text-align:left;white-space:nowrap}.help-item svg{flex:none;color:var(--accent)}.help-item:hover,.help-item:active{background:var(--panel-2)}#btn-help[aria-expanded=true]{background:#4b5566}.mode-row>span{min-width:0}.mode-choice{flex:none;display:inline-flex;gap:2px;padding:3px;border-radius:18px;background:#363e4b}.mode-opt{position:relative;cursor:pointer}.mode-opt input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.mode-opt span{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:15px;color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}.mode-opt input:checked+span{background:#5a6575;color:#fff}.mode-opt[data-mode=easy] input:checked+span{background:var(--easy)}.mode-opt[data-mode=expert] input:checked+span{background:var(--expert)}.look-choice .mode-opt input:checked+span{background:var(--accent);color:#2a1d00}.mode-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.mode-opt:active span{filter:brightness(1.2)}@media(max-height:400px){.mode-opt span{height:28px;padding:0 12px}}.easy-pill{flex:none;display:inline-flex;align-items:center;gap:3px;height:17px;padding:0 7px 0 5px;border:0;border-radius:9px;background:var(--easy);color:#fff;font:inherit;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1;position:relative}.easy-pill:before{content:"";position:absolute;top:min(0px,calc(50% - 16px));bottom:min(0px,calc(50% - 16px));left:-2px;right:-2px}.easy-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#22807a6b;color:#a6e3da}.level-card .badge .easy-mark{margin-right:auto;width:clamp(12px,18cqi,16px);height:clamp(12px,18cqi,16px)}.easy-pill svg,#hud .easy-pill svg,.easy-mark svg,.level-card .badge .easy-mark svg,.easy-note svg,.gc-easy svg{width:9px;height:9px;fill:currentColor;stroke:none}.easy-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 8px;color:#8fd6cc;font-weight:800}.easy-note svg{width:13px;height:13px}.dialog .gc-easy{display:flex;align-items:center;gap:8px;margin-top:10px;color:#8fd6cc;font-size:13.5px;font-weight:700;line-height:1.38}.gc-easy svg{flex:none;width:13px;height:13px;margin:0 3px}.part-bubble .pb-stars .easy-mark{background:var(--easy);color:#fff}#dlg-fail .card{display:flex;flex-direction:column;overflow:hidden}#dlg-fail .card>*{flex:none}#dlg-fail .card>.fail-body{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b6677 transparent}.fail-easy{display:flex;align-items:center;gap:8px;max-width:420px;margin:12px auto 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);text-align:left}.fail-easy svg{flex:none;width:13px;height:13px;margin:0 2px;fill:#8fd6cc;stroke:none}.dialog .fail-easy p{flex:1;min-width:0;color:#8fd6cc;font-size:13px;font-weight:700;line-height:1.32}.fail-easy .btn.easy-try{flex:none;height:34px;padding:0 14px;border-radius:17px;background:var(--easy);color:#fff;font-size:14px}.easy-menu{width:214px}.dialog .easy-menu-head,.easy-menu-head{margin:3px 8px 5px;color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.32;white-space:normal}.mode-item{width:100%}.mode-item span{flex:1}.mode-item[data-mode=easy] svg{color:#8fd6cc}.mode-item[data-mode=normal] svg{color:#9aa5b5}.mode-item[data-mode=expert] svg{color:#b49cff}.mode-check{flex:none;font-style:normal;font-size:15px;visibility:hidden}.mode-item[aria-checked=true] .mode-check{visibility:visible}.mode-item[aria-checked=true][data-mode=easy]{background:#22807a66}.mode-item[aria-checked=true][data-mode=normal]{background:#5a65758c}.mode-item[aria-checked=true][data-mode=expert]{background:#7e57e866}#easy-tag[aria-expanded=true]{box-shadow:0 0 0 2px #8fd6cc8c}.dialog .gc-expert{display:flex;align-items:center;gap:8px;margin-top:10px;color:#c7b5ff;font-size:13.5px;font-weight:700;line-height:1.38}.gc-expert svg{flex:none;width:13px;height:13px;margin:0 3px;fill:#b49cff;stroke:none}.dialog .gc-expert.no-mark{color:#aea6c8}.gc-expert.no-mark svg{fill:#6f668f}.dialog .card.expert-tip{width:min(420px,100%)}.expert-tip h2{display:flex;align-items:center;justify-content:center;gap:9px}.expert-tip h2 .expert-mark{width:24px;height:24px}.expert-tip h2 .expert-mark svg{width:13px;height:13px}.expert-tip .tip-mark{color:#b49cff}.btn.expert-try{background:var(--expert);color:#fff;box-shadow:0 3px #5a3cb8}.chapter-head .ch-expert{align-self:center;margin-left:-4px}.bonus-tag{flex:none;align-self:center;padding:2px 7px;border-radius:8px;background:#9b6a2c;color:#fff3dc;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.chapter-head.locked{color:#c9d0d9}.chapter-head .ch-lock{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:5px;color:var(--muted);white-space:nowrap}.chapter-head .ch-lock svg{width:15px;height:15px}.chapter-head .ch-lock b{font-size:13px;font-weight:800}.chapter-chip.bonus svg{width:15px;height:15px;vertical-align:middle;stroke-width:2.4}.chapter-chip.bonus.locked:not(.on){color:#808a97}.level-card.bonus-row{grid-column:1 / -1;height:auto;min-height:52px;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:8px 18px}.level-card.bonus-row.locked{background:#2f353f;border-style:dashed;border-color:#4d525a}.level-card.bonus-row.locked>*{opacity:.8}.level-card.bonus-row .name{flex:none;font-size:14px;font-weight:700;-webkit-line-clamp:1;line-clamp:1;color:var(--text)}.bonus-row .bonus-lock{display:inline-flex;color:var(--muted)}.bonus-row .bonus-lock svg{width:20px;height:20px}.bonus-row .bonus-bar{flex:0 1 220px;height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.bonus-row .bonus-bar i{display:block;height:100%;border-radius:4px;background:var(--solved)}#dlg-all-solved{background:#0e1116e0}#confetti{position:fixed;left:0;top:0;pointer-events:none}.all-solved{position:relative;margin:auto;max-width:640px;text-align:center;animation:pop .35s ease-out}#dlg-all-solved h2{margin:0;font-size:34px;line-height:1.15;text-shadow:0 3px 0 rgba(0,0,0,.35)}#dlg-all-solved .all-solved-last{margin-top:4px;display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-weight:700}.all-solved-last .lc-stars{display:inline-flex;font-size:18px;line-height:1}.all-solved-last .lc-stars i{font-style:normal}.all-solved-last .lc-stars i.on{color:var(--accent)}.all-solved-totals{list-style:none;margin:14px 0 0;padding:0;display:flex;justify-content:center;gap:10px}.all-solved-totals li{min-width:128px;padding:9px 14px 8px;border-radius:16px;background:#2a313c;box-shadow:0 8px 22px #0006;display:flex;flex-direction:column;align-items:center;gap:3px}.all-solved-totals b{display:inline-flex;align-items:center;gap:7px;font-size:26px;font-weight:900;line-height:1.1}.all-solved-totals b>i{font-style:normal}.all-solved-totals b small{font-size:15px;font-weight:800;color:var(--muted)}.all-solved-totals li>span{font-size:13px;font-weight:700;color:var(--muted)}.all-solved-totals .t-stars b{color:var(--accent)}.all-solved-totals .t-marks b{color:#b9a2ff}.all-solved-totals .expert-mark,.all-solved-totals .hint-mark{width:22px;height:22px;margin:0}.all-solved-totals .expert-mark svg{width:12px;height:12px}.all-solved-totals .hint-mark svg{width:15px;height:15px}.dialog .card.bonus-card{position:relative;width:min(460px,100%);padding:14px 22px 18px}.bonus-pics{display:flex;justify-content:center;align-items:center;gap:4px;height:44px}.bonus-pics canvas{display:block}#bonus-title{margin:4px 0 6px;font-size:26px;line-height:1.15}#bonus-title small{display:block;font-size:14px;font-weight:800;color:var(--muted);letter-spacing:.02em}.token-mark{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.token-total{flex:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px 0 8px;border:0;border-radius:17px;background:#ffb02024;color:var(--accent);font:inherit;font-size:15px;font-weight:800;line-height:1}.token-total[hidden]{display:none}.token-total .token-mark{width:18px;height:18px}.token-total:active{transform:scale(.95)}.skip-mark{flex:none;margin-right:auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--text);color:#1e232b}.skip-mark svg,.level-card .badge .skip-mark svg{width:74%;height:74%;stroke-width:2.8}.level-card .badge .skip-mark{width:clamp(15px,21cqi,19px);height:clamp(15px,21cqi,19px)}.corner-br{position:absolute;bottom:max(12px,var(--sab));right:max(12px,var(--clear-r-low, var(--sar)))}.level-card.unlock-row{grid-column:1 / -1;height:auto;min-height:52px;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:8px 18px;background:#3a3324;border-color:#8a6a28}.unlock-row .unlock-lock{display:inline-flex;color:var(--accent)}.unlock-row .unlock-lock svg{width:20px;height:20px}.level-card.unlock-row .name{flex:0 1 auto;font-size:14px;font-weight:700;-webkit-line-clamp:2;line-clamp:2;color:var(--text)}.unlock-row .unlock-price{flex:none;padding:5px 12px;border-radius:14px;background:var(--go);color:#fff;font-size:14px;font-weight:800}.reward-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 8px;color:var(--accent);font-weight:800}.dialog .reward-note{color:var(--accent)}.dialog .card.with-tokens{width:min(580px,100%)}.dialog .small.token-offer{margin-top:10px;color:var(--accent);font-weight:700}.btn.token-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;background:#4a3f22;color:#ffd27a;font-size:15px}.btn.token-btn small{margin-left:1px;font-size:12px;font-weight:700;color:#d9b25c}.dialog .row .btn[hidden]{display:none}.fail-stuck{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:440px;margin:12px auto 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);text-align:left}.fail-stuck>.token-mark{color:var(--accent)}.dialog .fail-stuck p{flex:1 1 160px;min-width:0;color:#ffd27a;font-size:13px;font-weight:700;line-height:1.32}.fail-stuck .btn.token-try{flex:none;height:34px;padding:0 12px;border-radius:17px;background:#4a3f22;color:#ffd27a;font-size:13.5px}.fail-stuck .btn[hidden]{display:none}.dialog .card.shop{width:min(660px,100%);padding:12px 16px 14px;text-align:left}.card.shop .sheet-head h2{margin:0 0 0 4px}.btn.shop-restore{height:34px;padding:0 14px;font-size:13px}.dialog .shop-lead{margin:2px 4px 0;color:var(--accent);font-size:14px;font-weight:800}.shop-cols{display:flex;gap:10px;margin-top:10px}.shop-box{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:16px;background:#343c48}.shop-box h3{display:flex;align-items:baseline;gap:8px;margin:0;font-size:16px;color:var(--text)}.dialog .shop-box p{font-size:13px;line-height:1.35;color:var(--muted)}.dialog .shop-box .small{margin-top:0;font-size:12px}.shop-box .btn.primary{align-self:stretch;margin-top:auto}.shop-box .btn.owned:disabled{opacity:1;background:#2d6a47;box-shadow:none}.shop-balance{font-size:13px;font-weight:700;color:var(--accent)}.pack-row{display:flex;gap:6px;margin-top:auto}.btn.pack{flex:1;min-width:0;height:auto;padding:7px 4px 6px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:1px;background:#4a3f22;color:#ffd27a}.btn.pack .token-mark{width:18px;height:18px}.btn.pack b{font-size:18px;line-height:1.1}.btn.pack small{font-size:12.5px;font-weight:700;color:var(--text)}.dialog .shop-status{margin:10px 4px 0;font-size:13px;font-weight:700;color:var(--muted)}.dialog .shop-status[data-tone=good]{color:#7fd8a0}.dialog .shop-status[data-tone=bad]{color:#ff9b85}.dialog .shop-status[data-tone=wait]{color:#ffd27a}@media(orientation:portrait){.shop-cols{flex-direction:column}}.look-toggle{position:absolute;left:max(12px,var(--clear-l-low, var(--sal)));bottom:max(12px,var(--sab));display:flex;gap:4px;padding:4px;border-radius:14px;background:#101319d1;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 14px #00000059}.look-toggle>button{min-width:50px;height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800;font-size:15px;letter-spacing:.05em}.look-toggle>button[aria-pressed=true]{background:var(--accent);color:#2a1d00}.look-toggle>button:disabled{opacity:.6}.look-toggle>.look-q{display:none}body.look-hd .look-toggle>[data-look=hd]{border-radius:10px 0 0 10px}#hd-badge{position:fixed;left:0;top:0;z-index:1;display:none;pointer-events:none;font-size:8.5px;line-height:1.2;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:#bcc0c685;text-shadow:0 1px 1px rgba(0,0,0,.32)}body[data-screen=game] #hd-badge{display:block}body.look-hd .look-toggle>.look-q{display:inline-flex;align-items:center;gap:5px;min-width:0;margin-left:-4px;padding:0 10px 0 9px;border-radius:0 10px 10px 0;background:#d98f0b;color:#2a1d00;font-size:13px;box-shadow:inset 1px 0 #00000038}.look-q .caret{font-size:9px;transition:transform .15s}.look-q[aria-expanded=true] .caret{transform:rotate(180deg)}.look-menu{position:absolute;left:0;top:auto;right:auto;bottom:calc(100% + 8px);width:214px}.look-menu[hidden]{display:none}.look-menu .help-item{width:100%;height:40px;padding:0 12px}.look-menu .help-item span{flex:1}.look-menu .help-item small{color:var(--muted);font-size:12px;font-weight:600}.look-rate{margin-top:3px;padding:7px 7px 5px;border-top:1px solid rgba(255,255,255,.08)}.look-rate-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 5px 5px;font-size:13px;font-weight:700}.look-rate-head small{color:var(--muted);font-size:11px;font-weight:600;visibility:hidden}.look-rate-pick{display:flex;gap:3px;padding:3px;border-radius:10px;background:#00000040}.look-rate-pick>button{flex:1;height:30px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;font-size:13px}.look-rate-pick>button[aria-pressed=true]{background:var(--accent);color:#2a1d00}.look-rate.off .look-rate-pick{opacity:.4}.look-rate.off .look-rate-head small{visibility:visible}body.look-hd{--panel: #151a22;--panel-2: rgba(255,255,255,.07)}body.look-hd #hud{background:linear-gradient(180deg,#1e242ef7,#11151cf7);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 6px 22px #00000073}body.look-hd .icon-btn{background:linear-gradient(180deg,#ffffff21,#ffffff0a);box-shadow:inset 0 1px #ffffff24,0 2px 6px #00000059}body.look-hd .run-btn{background:linear-gradient(180deg,#55dc8e,#1f9656);box-shadow:inset 0 1px #fff6,0 4px 16px #1f965680;text-shadow:0 1px 2px rgba(0,0,0,.25)}body.look-hd.running .run-btn{background:linear-gradient(180deg,#ff9160,#d4501d);box-shadow:inset 0 1px #fff6,0 4px 16px #d4501d80}body.look-hd #tray,body.look-hd #tray-tab{background:linear-gradient(180deg,#1a1f28fa,#0f1218fa);border-left:1px solid rgba(255,255,255,.07)}body.look-hd .tray-item{background:radial-gradient(120% 90% at 50% 20%,#ffffff1f,#ffffff08);box-shadow:inset 0 1px #ffffff1f,0 3px 10px #00000059}body.look-hd .tray-count{background:linear-gradient(180deg,#ffd766,#f0a51a);box-shadow:0 1px 4px #00000073}body.look-hd .big-btn{background:linear-gradient(180deg,#ffcb4a,#f29a0c);box-shadow:inset 0 2px #ffffff73,inset 0 -2px #0000001f,0 4px #b97800,0 12px 26px #0006}body.look-hd .big-btn.alt{background:linear-gradient(180deg,#6aa4f2,#3b74d0);box-shadow:inset 0 2px #fff6,inset 0 -2px #0000001f,0 4px #2d5ea8,0 12px 26px #0006}body.look-hd[data-screen=levels] #screen-levels{background:radial-gradient(130% 100% at 50% -10%,#263040,#171c24 55%,#0e1116)}body.look-hd .level-card{background:linear-gradient(180deg,#364051,#252c37);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff24,0 6px 16px #0006}body.look-hd .level-card.has-shot{background:#1d2229}body.look-hd .level-card.done{border-color:var(--solved);box-shadow:inset 0 1px #ffffff24,0 0 0 1px #c9a24a59,0 6px 16px #0006}body.look-hd .level-card.next{box-shadow:0 0 0 1px var(--accent),0 0 22px #ffb02073,0 6px 16px #0006}body.look-hd .level-card .num{text-shadow:0 2px 6px rgba(0,0,0,.6)}body.look-hd .level-card .name{text-shadow:0 1px 4px rgba(0,0,0,.7)}body.look-hd .chapter-chip{background:linear-gradient(180deg,#3a4454,#283039);box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000059}body.look-hd .chapter-chip.on{background:linear-gradient(180deg,#ffcb4a,#f2a316)}body.look-hd .dialog{background:#080a0e80;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}body.look-hd .dialog .card{background:linear-gradient(180deg,#343d4cf7,#1e232dfa);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px #ffffff24,0 26px 60px #0009}body.look-hd .dialog h2{text-shadow:0 2px 10px rgba(255,176,32,.25)}body.look-hd .btn{background:linear-gradient(180deg,#4b5567,#363e4c);box-shadow:inset 0 1px #ffffff29,0 3px 8px #00000059}body.look-hd .btn.primary{background:linear-gradient(180deg,#55dc8e,#1f9656);box-shadow:inset 0 1px #fff6,0 3px 0 var(--go-dark),0 6px 16px #1f965666}body.look-hd .btn.danger{background:linear-gradient(180deg,#d0533f,#9c2f22)}body.look-hd .switch{background:linear-gradient(180deg,#3d4552,#4c5564);box-shadow:inset 0 1px 3px #00000073}body.look-hd .switch:checked{background:linear-gradient(180deg,#3fc277,#23874f)}body.look-hd .switch:after{box-shadow:0 2px 4px #0006;background:linear-gradient(180deg,#fff,#dfe5ec)}body.look-hd .stars-big span.on{text-shadow:0 3px 0 #b36b00,0 0 18px rgba(255,190,40,.55)}body.look-hd .set-row{border-bottom-color:#ffffff14}body.look-hd #toolbar{background:linear-gradient(180deg,#2e3644f5,#161a22f7);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1f,0 10px 26px #00000080}body.look-hd #toolbar button{background:linear-gradient(180deg,#ffffff24,#ffffff0a);box-shadow:inset 0 1px #ffffff29,0 2px 5px #00000059}body.look-hd #toolbar button[data-act=del]{background:linear-gradient(180deg,#c4503c,#8a2a1d);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #8a2a1d73}body.look-hd .part-bubble,body.look-hd .coach-bubble{background:linear-gradient(180deg,#fffaea,#f6e8c4);box-shadow:inset 0 1px #fff,0 0 0 1px #c996288c,0 12px 30px #0000008c}body.look-hd .pb-arrow{background:#f9eecf}body.look-hd .coach-hand{filter:drop-shadow(0 5px 6px rgba(0,0,0,.45))}body.look-hd .coach-hand path{fill:#fdfbf6;stroke:#2b2f37}body.look-hd .help-menu,body.look-hd .easy-menu{background:linear-gradient(180deg,#323a48f7,#1a1f28fa);border-color:#ffffff1c;box-shadow:inset 0 1px #ffffff21,0 14px 34px #0000008c}body.look-hd .help-item:hover,body.look-hd .help-item:active{background:linear-gradient(180deg,#ffffff1f,#ffffff0d)}body.look-hd #toast{background:linear-gradient(180deg,#323a48f5,#161a22f7);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff21,0 10px 26px #00000080}body.look-hd #toast .toast-undo{background:linear-gradient(180deg,#ffcb4a,#f2a316);box-shadow:inset 0 1px #ffffff73}body.look-hd :is(.easy-pill,.expert-pill,.hint-pill,.rule-pill,.board-tag,.bonus-tag,.expert-mark){background-image:linear-gradient(180deg,#ffffff47,#fff0 60%);box-shadow:inset 0 1px #ffffff59,0 1px 3px #0006}body.look-hd :is(.board-choice,.shop-box){background:linear-gradient(180deg,#ffffff17,#ffffff08);box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0000004d}body.look-hd .mode-choice{background:#00000047;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff0f}body.look-hd .mode-opt input:checked+span{background-image:linear-gradient(180deg,#ffffff38,#fff0 70%);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #00000059}body.look-hd .helper-pill{background:linear-gradient(180deg,#ffffff1a,#ffffff08);box-shadow:inset 0 1px #ffffff1a,0 2px 5px #0000004d}body.look-hd .helper-pill:has(input:checked){background:linear-gradient(180deg,#3b6a50,#24442f)}body.look-hd .helper-pill input:checked+i{box-shadow:0 0 6px #3fc277cc}body.look-hd :is(.part-entry,.mark-entry,.machine){background:linear-gradient(180deg,#ffffff17,#ffffff08);box-shadow:inset 0 1px #ffffff1f,0 3px 10px #0000004d}body.look-hd :is(.part-entry,.mark-entry):active{background:linear-gradient(180deg,#ffffff29,#ffffff0f)}body.look-hd :is(.part-entry,.mark-entry) canvas{background:radial-gradient(120% 90% at 50% 20%,#ffffff1f,#ffffff08);box-shadow:inset 0 1px #ffffff1f}body.look-hd .pe-count{background:linear-gradient(180deg,#ffd766,#f0a51a);box-shadow:0 1px 3px #0006}body.look-hd .tray-chip:not(.on){background:linear-gradient(180deg,#ffffff1a,#ffffff08);box-shadow:inset 0 1px #ffffff1a,0 2px 5px #0000004d}body.look-hd .tray-chip.on{background:linear-gradient(180deg,#ffcb4a,#f2a316);box-shadow:inset 0 1px #ffffff73,0 2px 5px #0000004d}body.look-hd :is(.machine .ren,.machine .del){background:linear-gradient(180deg,#4b5567,#363e4c);box-shadow:inset 0 1px #ffffff29,0 2px 6px #0000004d}body.look-hd .machine .del.confirm{background:linear-gradient(180deg,#d0533f,#9c2f22)}body.look-hd .all-solved-totals li{background:linear-gradient(180deg,#3c4656f7,#222832fa);box-shadow:inset 0 1px #ffffff24,0 8px 22px #00000073}body.look-hd :is(.btn.token-btn,.btn.pack){background:linear-gradient(180deg,#6a5a2c,#3d3319);box-shadow:inset 0 1px #ffdc8c4d,0 3px 8px #00000059}body.look-hd .gc-foot{border-top-color:#ffffff1a}body.look-hd #boot,body.look-hd #rotate-hint{background:radial-gradient(130% 100% at 50% -10%,#263040,#171c24 55%,#0e1116)}.hd-logo{position:relative;flex:none;height:clamp(72px,20vmin,170px);aspect-ratio:500 / 172}.hd-logo>img{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}.hd-logo-gear{left:.2%;top:2.907%;width:32.4%;height:94.186%}.hd-logo-gear-shadow{left:-4%;top:-5.233%;width:40.8%;height:118.605%}.hd-logo-gear,.hd-logo-gear-shadow{animation:spin 9s linear infinite;will-change:transform}.hd-logo-words{left:0;top:0;width:100%;height:100%}.hd-logo-words-shadow{left:29.6%;top:-9.302%;width:75.2%;height:126.744%}.hd-logo-shine{position:absolute;left:34.4%;top:0;width:65.6%;height:100%;overflow:hidden;pointer-events:none}.hd-logo-shine i{position:absolute;left:0;top:0;width:27.439%;height:100%;transform-origin:0 0;will-change:transform;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);animation:hd-shine 5.5s linear infinite}@keyframes hd-shine{0%{transform:translate(-346.67%) skew(-18deg)}30%,to{transform:translate(520%) skew(-18deg)}}.logo .sr-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tray-item.locked{outline:1px dashed rgba(255,255,255,.22);outline-offset:-1px;background:#333b47;cursor:not-allowed}.tray-item.locked.empty{opacity:1}.tray-item.locked canvas{opacity:.45;filter:grayscale(.5)}.tray-item.locked .tray-name{color:#808a97}.tray-item.locked .tray-count{display:none}.tray-lock{position:absolute;top:4px;right:5px;display:inline-flex;color:var(--muted);pointer-events:none}.tray-lock svg{width:16px;height:16px;stroke-width:2.4}.tray-chip.locked{display:inline-flex;align-items:center;gap:4px}.tray-chip.locked:not(.on){color:#808a97}.tray-chip.locked svg{width:13px;height:13px;stroke-width:2.6}.web-home{position:absolute;bottom:calc(var(--sab) + 12px);left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#161a21c7;color:var(--muted);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.web-home:hover,.web-home:focus-visible{color:var(--text)}#boot.web-elsewhere{padding:24px;text-align:center;color:var(--text);font-size:18px;font-weight:700}#boot.web-elsewhere p{margin:0}#boot.web-elsewhere a{color:var(--accent);font-size:16px;text-decoration:underline;text-underline-offset:3px}#boot noscript p{margin:0;color:var(--text)}
