@layer reset,base,layout,components;@layer reset{html,body,#app{block-size:100%}body{margin:0}*,*:before,*:after{box-sizing:border-box}button{font:inherit}}@layer base{:root{color-scheme:dark;--bg: #111713;--panel: #1d2724;--panel-strong: #293932;--text: #f5f6ee;--muted: #b6c0b2;--line: #415348;--blue: #5ea7ff;--red: #ff6965;--green: #6adf8f;--yellow: #f5c84b;--wood: #9b7445;--warm: #ffb75f;--shadow: rgb(0 0 0 / .28)}body{background:linear-gradient(135deg,#101512,#1b2420 42%,#2a3025);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35;overflow:hidden}button{border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);color:var(--text);min-block-size:2.5rem;min-inline-size:2.5rem;padding:.5rem .75rem;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}button:hover:not(:disabled){background:#344c40;box-shadow:inset 0 0 0 1px #ffffff14,0 .25rem .75rem #0000002e}button:active:not(:disabled),button.is-pressed:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}}@layer layout{.game-shell{display:grid;grid-template-columns:minmax(0,1fr);position:relative;inline-size:min(100%,96rem);block-size:100dvh;margin-inline:auto;padding:.75rem;box-sizing:border-box}.board-zone{position:relative;min-block-size:0;overflow:hidden;border:1px solid rgb(255 255 255 / .08);border-radius:8px;box-shadow:0 1.1rem 3rem var(--shadow);background:#151a1d;isolation:isolate}.board-zone.is-three3d{border-color:#ffdd9d14;background:radial-gradient(circle at 76% 18%,rgb(255 176 78 / .13),transparent 18rem),linear-gradient(180deg,#05080924,#02040542),var(--rainlit-room-plate) center / cover no-repeat,#101516;box-shadow:inset 0 0 5rem #0000002e,0 1.1rem 3rem var(--shadow)}.board-zone.is-dom2d{background:radial-gradient(circle at 72% 16%,rgb(255 182 86 / .14),transparent 13rem),linear-gradient(180deg,#05080957,#050809a3),var(--rainlit-room-plate) center / cover no-repeat,#151a1d}.board-zone:before,.board-zone:after{position:absolute;inset:0;content:"";pointer-events:none;z-index:2}.board-zone:before{background:linear-gradient(115deg,transparent 0 34%,rgb(255 231 177 / .05) 48%,transparent 62%),linear-gradient(180deg,rgb(255 255 255 / .026),transparent 38%,rgb(0 0 0 / .2));mix-blend-mode:screen;opacity:.48;animation:board-breathe 5.8s ease-in-out infinite}.board-zone:after{opacity:0;transition:opacity .24s ease}.rainlit-background-video{position:absolute;inset:0;z-index:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;opacity:1;pointer-events:none}.board-zone.is-flash-topple:after{background:radial-gradient(circle at 50% 54%,rgb(255 221 157 / .16),transparent 38%),#f5c84b0f;animation:board-flash .52s ease-out}.board-zone.is-flash-clear:after,.board-zone.is-flash-win:after{background:radial-gradient(circle at 64% 28%,rgb(255 236 184 / .18),transparent 34%),#f5c84b14;animation:board-flash .68s ease-out}.board-zone.is-flash-loss:after{background:radial-gradient(circle at 50% 50%,rgb(255 105 101 / .12),transparent 36%),#4a181614;animation:board-flash .44s ease-out}.board-scene{position:absolute;inset:0;z-index:1}.mobile-board{display:none}.board-scene canvas{display:block;inline-size:100%;block-size:100%;cursor:grab;touch-action:none}.board-zone.is-three3d .board-scene canvas{opacity:.88;filter:brightness(.74) saturate(.82) contrast(.94)}.board-zone.is-gesture-pressing .board-scene canvas,.board-zone.is-gesture-aiming .board-scene canvas,.board-zone.is-gesture-blocked .board-scene canvas{cursor:grabbing}.control-panel{position:absolute;inset:1.35rem;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"pips . actions" ". . ." "levels levels levels";gap:.5rem;min-block-size:0;overflow:visible;pointer-events:none}.control-panel :is(button,.placement-pips,.audio-panel){pointer-events:auto}}@layer components{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.top-strip{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none}.top-strip :is(.instruction,.status-line){position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;box-shadow:none}.instruction,.status-line,.toast{margin:0;border:1px solid rgb(255 255 255 / .1);border-radius:8px;background:#0e1412bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .55rem 1.5rem var(--shadow)}.instruction{max-inline-size:58rem;padding:.5rem .75rem;color:var(--text);font-size:.9375rem;font-weight:650}.status-line{justify-self:start;max-inline-size:min(100%,44rem);padding:.5rem .75rem;color:var(--muted);font-size:.875rem}.toast{position:absolute;inset-inline-start:50%;inset-block-end:clamp(4.75rem,9dvh,7rem);transform:translate(-50%,.5rem);max-inline-size:min(24rem,calc(100% - 2rem));padding:.5rem .75rem;opacity:0;color:var(--text);font-size:.8125rem;font-weight:650;text-align:center;transition:opacity .16s ease,transform .16s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%);animation:toast-pop .22s ease-out}.start-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:linear-gradient(180deg,#090e0d7a,#0c110fb3);-webkit-backdrop-filter:blur(4px) saturate(.9);backdrop-filter:blur(4px) saturate(.9)}.start-screen[hidden]{display:none}.start-card{display:grid;justify-items:center;gap:.75rem;inline-size:min(26rem,100%);border:1px solid rgb(255 255 255 / .14);border-radius:8px;background:linear-gradient(180deg,#23312bf0,#141c19f0);box-shadow:0 1.2rem 3rem #0000005c;padding:1.5rem;text-align:center}.start-stones{display:flex;align-items:end;justify-content:center;gap:.25rem;block-size:2rem}.start-stone{display:block;inline-size:1.5rem;block-size:.5rem;border:1px solid rgb(255 255 255 / .28);border-radius:999px;box-shadow:inset 0 .18rem .35rem #fff3,0 .35rem .75rem #00000038}.start-stone-blue{background:linear-gradient(180deg,#86c9ff,#2f6fcb)}.start-stone-high{transform:translateY(-.5rem);box-shadow:inset 0 .18rem .35rem #fff3,0 .5rem #1d558f,0 .75rem #16436f,0 1rem .75rem #0000003d}.start-stone-red{background:linear-gradient(180deg,#ff9d88,#d5413f)}.start-kicker,.start-description,.start-status{margin:0}.start-kicker{color:var(--warm);font-size:.6875rem;font-weight:600;text-transform:uppercase}.start-card h1{margin:0;color:#fff8dc;font-size:1.875rem;font-weight:600;line-height:1.1}.start-description{max-inline-size:18rem;color:var(--text);font-size:.8125rem}.start-status{min-block-size:1rem;color:var(--muted);font-size:.6875rem}.start-status[hidden]{display:none}.start-button{min-inline-size:min(16rem,100%);border-color:color-mix(in oklab,var(--yellow),white 18%);background:#425134;color:#fff7cf;font-weight:600;box-shadow:0 .85rem 2rem var(--shadow)}.start-button:hover:not(:disabled){background:#516640}.progress-panel{grid-area:levels;justify-self:center;align-self:end;inline-size:min(44rem,100%);container-type:inline-size}.progress-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.125rem .5rem;align-items:baseline;margin-block-end:.625rem}.progress-summary strong{color:#fff8dc;font-size:1rem;font-weight:750;overflow-wrap:anywhere}.progress-kicker,#level-progress-text{color:var(--muted);font-size:.6875rem;font-weight:650}.progress-kicker{color:var(--warm);text-transform:uppercase}#level-progress-text{grid-column:1 / -1}.level-tabs,.action-row{display:flex;gap:.35rem}.level-tabs{flex-wrap:wrap;justify-content:center;overflow:visible}.level-tab{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;min-inline-size:2.25rem;min-block-size:2.25rem;border-color:#f7cd732e;border-radius:999px;background:radial-gradient(circle at 42% 30%,rgb(255 247 200 / .13),transparent 34%),linear-gradient(180deg,#1f261ead,#0c110fb8);padding:0;color:#fff7cf;font-size:.75rem;font-weight:800;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 .08rem .22rem #ffefb51f,inset 0 -.18rem .32rem #00000042,0 .36rem .86rem #0000002e}.level-tab__index{display:contents}.level-tab__body,.level-tab__tier{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.level-tab.is-active{border-color:var(--yellow);background:radial-gradient(circle at 42% 30%,rgb(255 248 202 / .28),transparent 36%),linear-gradient(180deg,#5c5b36e6,#2d3925db);color:#fff7cf;box-shadow:inset 0 .1rem .22rem #fffbda33,inset 0 -.18rem .32rem #3a250438,0 0 0 .125rem #f5c84b29,0 .5rem 1rem #00000038}.level-tab.is-complete{border-color:#6adf8f73;background:radial-gradient(circle at 42% 30%,rgb(223 255 205 / .18),transparent 36%),linear-gradient(180deg,#274631c7,#0f1914b8)}.level-tab.is-complete .level-tab__index{color:#eaffd9}.level-tab.is-next:not(.is-active){border-color:#f5c84b80}.action-row{grid-area:actions;justify-self:end;align-self:start;position:relative}.action-row button{display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;min-inline-size:2.5rem;min-block-size:2.5rem;border-radius:999px;background:#11181580;padding:0;color:#fff7cf;font-size:1.25rem;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#audio-button[aria-expanded=true]{border-color:#f5c84b8a;background:#444125b8;box-shadow:inset 0 .08rem .22rem #fffbda29,0 .36rem .9rem #0000003d}.audio-panel{position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-end:0;display:grid;gap:.62rem;inline-size:min(17rem,calc(100dvw - 2rem));border:1px solid rgb(247 205 115 / .18);border-radius:8px;background:radial-gradient(circle at 74% 8%,rgb(255 205 116 / .12),transparent 38%),linear-gradient(180deg,#121b18e0,#090e0de6);box-shadow:inset 0 .08rem .2rem #ffefb51f,0 .8rem 1.8rem #00000057;padding:.72rem;color:var(--text);-webkit-backdrop-filter:blur(12px) saturate(1.04);backdrop-filter:blur(12px) saturate(1.04)}.audio-panel[hidden]{display:none}.audio-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.audio-panel__head strong{color:#fff7cf;font-size:.78rem;letter-spacing:0}.audio-panel__head button{inline-size:1.75rem;block-size:1.75rem;min-inline-size:1.75rem;min-block-size:1.75rem;border-color:#ffffff14;background:#ffffff0d;font-size:1rem;line-height:1}.audio-control{display:grid;grid-template-columns:3.2rem minmax(6rem,1fr) 2.25rem;align-items:center;gap:.55rem;color:var(--muted);font-size:.74rem;font-weight:700}.audio-control input{inline-size:100%;accent-color:var(--yellow);cursor:pointer}.audio-control input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.audio-control output{justify-self:end;color:#fff7cf;font-variant-numeric:tabular-nums}.placement-panel{grid-area:pips;justify-self:start;align-self:start}.placement-pips{display:flex;flex-wrap:wrap;gap:.32rem;max-inline-size:6.25rem;padding:.42rem;border:1px solid rgb(247 205 115 / .18);border-radius:999px;background:linear-gradient(180deg,#151d1994,#080c0b7a);box-shadow:inset 0 .08rem .18rem #ffefb51a,0 .45rem 1.1rem #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.placement-pip{inline-size:.74rem;block-size:.74rem;border:1px solid rgb(217 239 255 / .72);border-radius:999px;background:radial-gradient(circle at 38% 30%,rgb(244 251 255 / .82) 0 16%,transparent 17%),radial-gradient(circle at 52% 56%,#75c5ff 0 44%,#286dc6 72%);box-shadow:inset 0 .08rem .14rem #ffffff52,inset 0 -.12rem .16rem #08265347,0 .12rem #154a84a3;transition:opacity .16s ease,transform .18s ease,filter .16s ease}.placement-pip.is-spent{opacity:.38;filter:saturate(.3) brightness(.78);transform:translateY(.08rem) scale(.92)}.placement-pip.is-live{animation:metric-pop .34s ease-out}}@keyframes board-breathe{0%,to{opacity:.44}50%{opacity:.72}}@keyframes board-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes metric-pop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes toast-pop{0%{transform:translate(-50%,.34rem) scale(.97)}to{transform:translate(-50%) scale(1)}}@media(max-width:820px){body{overflow:hidden}.game-shell{block-size:100dvh;min-block-size:100dvh;padding:.5rem}.control-panel{inset:.95rem}.level-tab{inline-size:2.05rem;block-size:2.05rem;min-inline-size:2.05rem;min-block-size:2.05rem;font-size:.6875rem}}@media(max-width:720px),(max-height:520px)and (max-width:960px){body{overflow:hidden;overscroll-behavior:contain}.game-shell{block-size:100dvh;min-block-size:100dvh;padding:.5rem}.board-zone{display:grid;align-items:center;justify-items:center;overflow:hidden}.board-scene{display:none}.mobile-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative;gap:0;inline-size:min(100%,calc(100dvw - 1.25rem),30rem);aspect-ratio:1;justify-self:center;margin-block:3.8rem 4.65rem;border:1px solid rgb(255 232 174 / .18);border-radius:10px;background:linear-gradient(90deg,transparent calc(12.5% - 1px),rgb(93 50 33 / .66) calc(12.5% - 1px) calc(12.5% + 1px),transparent calc(12.5% + 1px)),linear-gradient(90deg,transparent calc(25% - 1px),rgb(93 50 33 / .58) calc(25% - 1px) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(90deg,transparent calc(37.5% - 1px),rgb(93 50 33 / .62) calc(37.5% - 1px) calc(37.5% + 1px),transparent calc(37.5% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgb(93 50 33 / .58) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(62.5% - 1px),rgb(93 50 33 / .62) calc(62.5% - 1px) calc(62.5% + 1px),transparent calc(62.5% + 1px)),linear-gradient(90deg,transparent calc(75% - 1px),rgb(93 50 33 / .58) calc(75% - 1px) calc(75% + 1px),transparent calc(75% + 1px)),linear-gradient(90deg,transparent calc(87.5% - 1px),rgb(93 50 33 / .66) calc(87.5% - 1px) calc(87.5% + 1px),transparent calc(87.5% + 1px)),linear-gradient(0deg,transparent calc(12.5% - 1px),rgb(93 50 33 / .66) calc(12.5% - 1px) calc(12.5% + 1px),transparent calc(12.5% + 1px)),linear-gradient(0deg,transparent calc(25% - 1px),rgb(93 50 33 / .58) calc(25% - 1px) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(0deg,transparent calc(37.5% - 1px),rgb(93 50 33 / .62) calc(37.5% - 1px) calc(37.5% + 1px),transparent calc(37.5% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgb(93 50 33 / .58) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(62.5% - 1px),rgb(93 50 33 / .62) calc(62.5% - 1px) calc(62.5% + 1px),transparent calc(62.5% + 1px)),linear-gradient(0deg,transparent calc(75% - 1px),rgb(93 50 33 / .58) calc(75% - 1px) calc(75% + 1px),transparent calc(75% + 1px)),linear-gradient(0deg,transparent calc(87.5% - 1px),rgb(93 50 33 / .66) calc(87.5% - 1px) calc(87.5% + 1px),transparent calc(87.5% + 1px)),radial-gradient(circle at 22% 18%,rgb(255 214 142 / .12),transparent 24%),linear-gradient(135deg,#884f2ed1,#683d26eb 42%,#422a1ff7),repeating-linear-gradient(96deg,#ffd68e0b 0 .28rem,#301d151f .28rem .62rem);background-blend-mode:normal,normal,normal,normal,normal,normal,normal,normal,normal,normal,normal,normal,normal,normal,screen,normal,soft-light;box-shadow:inset 0 0 0 .55rem #2f2720f0,inset 0 0 0 .72rem #dc744352,inset 0 0 1.45rem #ffd18714,inset 0 -.45rem .9rem #00000080,0 .95rem 1.8rem #00000061;padding:clamp(.9rem,3.2vw,1.22rem);touch-action:none;-webkit-user-select:none;user-select:none}.mobile-board:before,.mobile-board:after{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none}.mobile-board:before{border:1px solid rgb(255 246 198 / .16);background:linear-gradient(115deg,transparent 0 34%,rgb(255 235 190 / .1) 46%,transparent 58%),radial-gradient(circle at 70% 22%,rgb(255 188 82 / .09),transparent 30%),radial-gradient(circle at 20% 88%,rgb(0 0 0 / .3),transparent 32%);box-shadow:inset 0 0 0 .12rem #0000006b,inset 0 .18rem .34rem #ffffff1f,inset 0 -.42rem .72rem #00000052;mix-blend-mode:screen;opacity:.34}.mobile-board:after{inset:.5rem;border:1px solid rgb(0 0 0 / .42);box-shadow:inset 0 0 0 1px #fff2be1f}.mobile-cell{position:relative;display:grid;place-items:center;z-index:1;min-inline-size:0;min-block-size:0;aspect-ratio:1;border:0;border-radius:4px;background:transparent;box-shadow:none;padding:0;transform:none}.mobile-cell:hover:not(:disabled),.mobile-cell:active:not(:disabled),.mobile-cell.is-pressed:not(:disabled){transform:none}.mobile-cell:disabled{cursor:default;opacity:1}.mobile-cell.has-red,.mobile-cell.has-blue,.mobile-cell.has-red.has-blue{background:transparent}.mobile-cell.is-selected{outline:.12rem solid rgb(255 229 139 / .88);outline-offset:-.35rem;box-shadow:inset 0 0 0 .2rem #492d143d,inset 0 0 .8rem #ffdb8638}.mobile-cell.is-legal{box-shadow:inset 0 0 0 .12rem #c4ebc952}.mobile-cell.is-legal:after{position:absolute;inset:38%;z-index:0;border-radius:999px;background:#bee1c561;box-shadow:0 0 .45rem #bee1c53d;content:""}.mobile-cell.is-active-path{background:radial-gradient(circle at 50% 50%,rgb(255 223 134 / .26),transparent 54%);box-shadow:inset 0 0 0 .12rem #ffe18b73}.mobile-cell.is-active-path:after{inset:32%;background:#ffe18b9e;box-shadow:0 0 .55rem #ffd67357}.mobile-cell.is-terminal:after{display:none}.mobile-cell.is-invalid{outline:.16rem solid rgb(255 105 101 / .76);outline-offset:-.28rem}.mobile-cell.is-blocked-aim{outline:.16rem solid color-mix(in oklab,var(--red),white 15%);outline-offset:-.28rem;animation:no-shake .26s ease}.mobile-cell__stack,.mobile-cell__target,.mobile-cell__arrow{position:absolute;pointer-events:none;z-index:1}.mobile-cell__target{position:absolute;inline-size:72%;block-size:72%;border:.16rem solid rgb(255 202 118 / .94);border-radius:999px;background:radial-gradient(circle at 42% 32%,rgb(255 219 188 / .5) 0 13%,transparent 14%),radial-gradient(circle at 52% 54%,#ff6f5bfa 0 54%,#cd2f2afa 75%);box-shadow:inset 0 .18rem .34rem #ffffff40,inset 0 -.22rem .34rem #62100c57,0 .18rem #702318bf,0 .32rem .55rem #00000047}.mobile-cell__stack{position:absolute;display:grid;place-items:center;inline-size:70%;block-size:70%;border:.14rem solid rgb(205 232 238 / .94);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgb(235 238 214 / .92) 0 13%,transparent 14%),radial-gradient(circle at 42% 30%,rgb(184 224 255 / .46) 0 19%,transparent 20%),radial-gradient(circle at 53% 56%,#5baae5fa 0 55%,#2a6cb1fa 76%);color:#f7f3d7;font-size:clamp(.62rem,2.5vw,.78rem);font-weight:800;line-height:1;text-shadow:0 1px 1px rgb(0 0 0 / .45);box-shadow:inset 0 .16rem .28rem #ffffff57,inset 0 -.2rem .34rem #092e535c,0 .16rem #124b7fbd,0 .34rem .55rem #0000004d}.mobile-cell__stack:before,.mobile-cell__target:before{position:absolute;inset:14%;border:1px solid rgb(36 54 63 / .2);border-radius:inherit;content:"";pointer-events:none}.mobile-cell__target:before{border-color:#ffe29a5c}.mobile-cell__arrow{display:grid;place-items:center;inline-size:70%;block-size:70%;border-radius:999px;background:radial-gradient(circle at 42% 30%,rgb(255 244 180 / .48),transparent 30%),#f5c84beb;color:#251b08;font-size:1rem;font-weight:900;line-height:1;box-shadow:0 .2rem .45rem #00000038}.toast{inset-block-end:4.75rem;max-inline-size:min(19rem,calc(100% - 1.5rem));padding:.55rem .75rem;font-size:.8125rem}.control-panel{inset:.75rem}.level-tabs{gap:.28rem}.level-tab,.action-row button{inline-size:2rem;block-size:2rem;min-inline-size:2rem;min-block-size:2rem}}@media(max-width:370px){.mobile-board{inline-size:min(100%,calc(100dvw - .875rem));padding:.25rem}.game-shell{padding:.375rem}}@media(max-height:520px)and (max-width:960px){body{overflow:hidden}.game-shell{block-size:100dvh;min-block-size:100dvh;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);gap:.5rem;align-items:stretch;overflow:hidden}.board-zone{min-block-size:0;display:grid;grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;overflow:hidden}.mobile-board{inline-size:min(100%,calc(100dvh - 1rem));margin-block:0}.control-panel{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;inline-size:3rem;min-block-size:0;overflow:visible}.level-tabs{flex-direction:column;flex-wrap:nowrap;align-items:center;max-block-size:calc(100dvh - 8rem);overflow:auto;scrollbar-width:thin}.progress-panel,.placement-panel,.action-row{align-self:center}.placement-pips{flex-direction:column;max-inline-size:none}.action-row{flex-direction:column}.audio-panel{inset-block-start:auto;inset-block-end:0;inset-inline-end:calc(100% + .45rem);inline-size:min(16rem,calc(100dvw - 4.25rem))}}@media(pointer:coarse){button{min-block-size:2.8rem;min-inline-size:2.8rem}.level-tab,.action-row button{min-block-size:2.4rem;min-inline-size:2.4rem}}@media(prefers-reduced-motion:reduce){button,.toast,.board-zone:before,.board-zone:after,.rainlit-background-video,.placement-pip.is-live{animation:none;transition-duration:1ms}}