:root{font-family:Nunito,Avenir Next,Trebuchet MS,sans-serif;color:#f5f5ff;background:#10122c;font-synthesis:none;--muted: #a4acd6;--gold: #ffe452;--dock-color: #28caff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 48% 40%,#2b346a,#191e45 32%,#10122b 67%,#090c1d);overflow-x:hidden;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #9ae7ff;outline-offset:6px}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 0 50%,#a72dff0a,transparent 40%),radial-gradient(ellipse at 90% 60%,#268eff12,transparent 50%)}.atmosphere i{position:absolute;width:3px;height:3px;border-radius:50%;background:#a7bdff;box-shadow:0 0 10px #99c6ff;opacity:.28;animation:drift 12s ease-in-out infinite alternate}.atmosphere i:nth-child(1){left:13%;top:17%}.atmosphere i:nth-child(2){left:84%;top:30%;animation-delay:-4s}.atmosphere i:nth-child(3){left:25%;top:77%;animation-delay:-8s}.atmosphere i:nth-child(4){left:71%;top:85%;animation-delay:-2s}.atmosphere i:nth-child(5){left:5%;top:58%;animation-delay:-6s}.atmosphere i:nth-child(6){left:92%;top:70%;animation-delay:-9s}@keyframes drift{to{translate:6px -26px;opacity:.08}}#app{position:relative;width:min(100%,740px);min-height:100svh;margin:auto;padding:max(24px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"pause brand sound" "score caption combo";align-items:center;gap:22px 0;padding:0 18px;position:relative;z-index:2}.icon-btn{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;border:1px solid #8b95c566;background:linear-gradient(150deg,#353c68,#1c2345 65%);box-shadow:0 5px #080d24,0 8px 16px #0006,inset 0 0 0 4px #a6b5f012,inset 0 2px 3px #d6dcff33;transition:filter .15s,transform .15s}.icon-btn:hover{filter:brightness(1.2)}.icon-btn:active{transform:translateY(3px)}.pause-button{grid-area:pause}.pause-icon{width:16px;height:22px;border-left:6px solid #f4f4ff;border-right:6px solid #f4f4ff;filter:drop-shadow(0 2px 1px #0006);border-radius:2px}#btn-sound{grid-area:sound;justify-self:end}#btn-sound svg{width:25px;fill:#eef1ff;stroke:#eef1ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#btn-sound svg path:not(:first-child){fill:none}#btn-sound.muted .sound-waves,#btn-sound:not(.muted) .sound-slash{display:none}#btn-sound.muted{opacity:.8}.wordmark{grid-area:brand;position:relative;margin:2px 20px 0}.wordmark h1{margin:0;position:relative;font-size:clamp(29px,6.9vw,51px);line-height:1;letter-spacing:-.025em;font-weight:1000;color:#fcfcff;text-shadow:0 2px 0 #d0d3ee,0 4px 0 #8b95c2,0 7px 2px #060a23,0 10px 15px #050921}.crown{position:absolute;width:24px;height:18px;top:-16px;right:28%;filter:drop-shadow(0 2px 1px #11162e);transform:rotate(8deg)}.brand-arrow{position:absolute;width:14px;height:14px;border-radius:3px;background:var(--color);filter:drop-shadow(0 0 8px var(--color));clip-path:polygon(50% 0,100% 85%,0 85%)}.brand-top{--color: #22d8ff;top:-27px;left:calc(50% - 7px)}.brand-bottom{--color: #9bea23;bottom:-23px;left:calc(50% - 7px);rotate:180deg}.brand-left{--color: #ff705f;left:-24px;top:40%;rotate:-90deg}.brand-right{--color: #d24fff;right:-24px;top:40%;rotate:90deg}.score-block{grid-area:score;display:flex;flex-direction:column;gap:1px}.label{font-weight:900;font-size:13px;letter-spacing:.045em;color:#b4b8e0}.score-block strong{font-size:clamp(32px,7vw,47px);line-height:1.05;letter-spacing:-.035em;text-shadow:0 3px 0 #05091e}.best{color:#808dbb;font-size:10px;font-weight:900;letter-spacing:.08em;margin-top:6px}.best span{color:#b9c3e6}.session-caption{grid-area:caption;text-align:center;color:#6c79a8;font-weight:900;font-size:9px;letter-spacing:.14em;display:flex;flex-direction:column;gap:5px;padding-top:12px}.combo-block{grid-area:combo;text-align:right}.combo-block .label{color:var(--gold)}.combo-block strong{display:block;color:#ffdf42;font-size:clamp(35px,8vw,53px);line-height:1;font-weight:1000;text-shadow:0 3px 0 #aa691c,0 0 22px #ffcc353b}.combo-dots{display:flex;gap:5px;justify-content:flex-end;margin-top:8px}.combo-dots span{width:8px;height:8px;border-radius:50%;background:#30324a;border:1px solid #080d23}.combo-dots .on{background:linear-gradient(#fff2aa,#ffcd28);box-shadow:0 0 10px #ffd33777;border-color:#ffe987}.stage{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:6px 0}.board-frame{--dock: clamp(42px, 11vw, 72px);--rail: clamp(82px, 21vw, 126px);--gap: 12px;width:100%;max-width:674px;display:grid;grid-template-columns:var(--dock) minmax(0,1fr) var(--dock);grid-template-rows:var(--rail) auto var(--rail);grid-template-areas:". top ." "left board right" ". bottom .";gap:var(--gap);align-items:center;justify-items:center}.board-wrap{grid-area:board;width:100%;aspect-ratio:1;position:relative;border-radius:15px;background:#10142f;isolation:isolate;box-shadow:0 0 0 2px #161936,0 0 0 5px #586491,0 0 0 6px #b0bce2,0 0 0 9px #38426d,0 0 0 11px #1b244a,0 14px 0 8px #080c2566,0 23px 38px 6px #02051799,0 0 70px #6269ed26}.board-wrap:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:24px;border:2px solid transparent;border-top-color:#cedaff99;border-left-color:#8a99cb66;pointer-events:none;z-index:3}.board-wrap:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:23px;box-shadow:inset 0 -4px 3px #0a1239,inset 0 3px 6px #a9bcff44;pointer-events:none}#board{display:block;width:100%;height:100%;border-radius:14px;touch-action:none}.dock{position:relative;width:100%;height:100%;overflow:visible}.dock-top{grid-area:top}.dock-right{grid-area:right}.dock-bottom{grid-area:bottom}.dock-left{grid-area:left}.dock-slot{position:absolute;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;border-radius:0;touch-action:none;cursor:grab;z-index:4;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dock-slot:active{cursor:grabbing}.dock-top .dock-slot{top:50%;transform:translate(-50%,calc(-50% - 10px))}.dock-bottom .dock-slot{top:50%;transform:translate(-50%,calc(-50% + 10px))}.dock-left .dock-slot{left:50%;transform:translate(calc(-50% - 10px),-50%)}.dock-right .dock-slot{left:50%;transform:translate(calc(-50% + 10px),-50%)}.piece-canvas{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 6px 3px #0007) drop-shadow(0 0 7px color-mix(in srgb,var(--dock-color) 22%,transparent));transition:filter .16s}.dock-slot:hover .piece-canvas,.dock-slot.selected .piece-canvas{filter:drop-shadow(0 7px 4px #0005) drop-shadow(0 0 12px color-mix(in srgb,var(--dock-color) 65%,transparent))}.dock-slot:focus-visible{outline:none}.dock-slot:focus-visible .piece-canvas{filter:drop-shadow(0 0 3px white) drop-shadow(0 0 12px var(--dock-color))}.dock-slot:disabled{cursor:default}.dock-slot.dealt .piece-canvas{animation:deal-in .38s cubic-bezier(.2,1.5,.4,1)}@keyframes deal-in{0%{transform:scale(.35);opacity:0}to{transform:scale(1);opacity:1}}.dock-slot.coached:after{content:"TRY THIS";position:absolute;z-index:7;left:50%;top:-20px;transform:translate(-50%);padding:5px 9px 4px;border:1px solid #fff0a5;border-radius:999px;background:#172047f2;color:#fff7c8;font-size:9px;font-weight:1000;letter-spacing:.14em;white-space:nowrap;box-shadow:0 0 18px #ffcf4f88,0 3px 8px #0008;animation:coach-pulse 1.15s ease-in-out infinite;pointer-events:none}.dock-slot.coached .piece-canvas{animation:coach-piece-pulse 1.15s ease-in-out infinite!important}.dock-slot.coach-muted{opacity:.48;filter:saturate(.55) brightness(.72)}@keyframes coach-pulse{0%,to{opacity:.72;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.24)}}@keyframes coach-piece-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.28)}}.push-arrow{position:absolute;width:28px;height:22px;pointer-events:none;color:var(--dock-color);z-index:5;filter:drop-shadow(0 3px 2px #020619) drop-shadow(0 0 5px currentColor)}.push-arrow svg{display:block;width:100%;height:100%;overflow:visible}.pusher-base{fill:color-mix(in srgb,currentColor 50%,#09112b)}.pusher-face{fill:currentColor;stroke:color-mix(in srgb,currentColor 40%,white);stroke-width:1;stroke-linejoin:round}.pusher-shine{fill:none;stroke:#ffffffad;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dock-top .push-arrow{bottom:-7px;transform:translate(-50%)}.dock-bottom .push-arrow{top:-7px;transform:translate(-50%) rotate(180deg)}.dock-left .push-arrow{right:-10px;transform:translateY(-50%) rotate(-90deg)}.dock-right .push-arrow{left:-10px;transform:translateY(-50%) rotate(90deg)}.dock.aiming .push-arrow{filter:drop-shadow(0 0 9px currentColor)}.dock.aiming .push-arrow svg{animation:pusher-aim 1.1s ease-in-out infinite}.dock.pushing .push-arrow svg{animation:pusher-recoil .48s ease-out both}@keyframes pusher-aim{0%,to{transform:translateY(-2px)}55%{transform:translateY(3px) scaleY(.9)}}@keyframes pusher-recoil{0%{transform:translateY(4px) scaleY(.8)}35%{transform:translateY(-5px)}to{transform:translateY(0)}}.controls{width:100%;text-align:center;padding:0 6px 4px}.pressure{width:min(55%,260px);margin:2px auto 18px}.pressure-label{display:flex;justify-content:space-between;color:#8e9aca;font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}.pressure-track{height:5px;border-radius:8px;background:#070d25;box-shadow:0 1px #8299dd29,inset 0 1px 3px #0006;overflow:hidden}#pressure-fill{height:100%;width:0;background:linear-gradient(90deg,#35cdff,#9770ff);box-shadow:0 0 9px #7a84ff;transition:width .35s;border-radius:inherit}.pressure.high #pressure-fill{background:linear-gradient(90deg,#ffd345,#ff6962)}.pressure.high .pressure-label{color:#ffc887}#move-status{font-weight:800;color:#b6c7ee;font-size:12px;margin:0;min-height:19px}#move-status.invalid{color:#ff9fae}.gesture-help{font-size:9px;letter-spacing:.18em;font-weight:900;color:#6879a9;margin:7px 0}.gesture-help span,.keyboard-help span{padding:0 7px;color:#535f89}.keyboard-help{color:#637199;font-size:9px;margin:14px 0 0}.nudge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;pointer-events:none;text-align:center;background:radial-gradient(ellipse,#111830aa,transparent 75%)}.nudge span{color:#ffe98a;font-weight:1000;font-size:8px;letter-spacing:.2em;text-shadow:0 0 12px #ffcf4f77}.nudge strong{color:#e5edff;font-size:clamp(18px,3.8vw,27px);line-height:1.3;text-shadow:0 2px 3px #040720,0 0 22px #759aff55}.nudge small{color:#afbee6;font-size:10px;line-height:1.6;white-space:pre-line}.hidden{display:none!important}.fx-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit}.score-pop{position:absolute;left:50%;top:42%;display:flex;flex-direction:column;align-items:center;white-space:nowrap;animation:score-pop 1.55s cubic-bezier(.2,.8,.2,1) forwards;z-index:9}.clear-title{font-size:clamp(20px,4.3vw,32px);font-weight:1000;font-style:italic;color:#fffdec;text-shadow:0 2px 0 #b8821b,0 0 13px #ffd332,0 4px 6px #301c06}.clear-pts{color:#ffeb59;font-size:26px;font-weight:1000;text-shadow:0 2px 0 #6d4205,0 0 15px #ffcf36}.score-pop.big .clear-title{font-size:clamp(24px,5vw,38px)}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.4)}14%{opacity:1;transform:translate(-50%,-5px) scale(1.17)}28%,72%{opacity:1;transform:translate(-50%,-12px) scale(1)}to{opacity:0;transform:translate(-50%,-72px) scale(.95)}}.score-block.score-reward strong{animation:score-hud-pop 1.12s cubic-bezier(.18,1.45,.3,1);color:#fff6a8}@keyframes score-hud-pop{0%,to{transform:scale(1)}18%{transform:scale(1.24) rotate(-2deg)}40%{transform:scale(.98) rotate(1deg)}}.clear-flash{position:absolute;background:linear-gradient(90deg,#fc20,#fffbd0,#fc20);box-shadow:0 0 34px #ffcf42dd,0 0 70px #ff8a3266;animation:flash .95s ease-out forwards;border-radius:4px}.clear-flash.col{background:linear-gradient(#fc20,#fffbd0,#fc20)}@keyframes flash{0%{opacity:0}10%,42%{opacity:1}to{opacity:0}}.sparkle{position:absolute;width:6px;height:6px;border-radius:2px;background:#ffe566;box-shadow:0 0 10px #ffc52f,0 0 3px #fff;animation:spark 1.05s ease-out forwards}@keyframes spark{0%{opacity:1;transform:scale(.25)}14%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15) rotate(190deg)}}.board-wrap.impact{animation:impact .24s ease-out}@keyframes impact{0%,to{transform:translate(0)}28%{transform:translate(var(--impact-x),var(--impact-y))}65%{transform:translate(calc(var(--impact-x) * -.3),calc(var(--impact-y) * -.3))}}.dock-slot.rejected{animation:reject .25s ease-in-out}@keyframes reject{25%,75%{translate:-3px 0}50%{translate:3px 0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#060a1bba;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.modal{width:min(100%,340px);border:1px solid #7488be66;border-radius:26px;padding:32px 28px;text-align:center;background:linear-gradient(150deg,#2b345a,#141b36);box-shadow:0 25px 80px #0008,inset 0 1px #bbceff33}.modal-eyebrow{font-size:9px;letter-spacing:.2em;color:#8e9fcf}.modal h2{font-size:32px;margin:12px 0;font-weight:1000}.modal p{font-size:13px;color:#a5b6df;line-height:1.7}.modal .overlay-score{font-size:24px;color:#fff;font-weight:900}.modal button{width:100%;padding:13px;border:1px solid #8299d13b;background:#13203b;border-radius:12px;margin-top:10px;font-size:14px;font-weight:900}.modal .primary{color:#473208;border-color:#ffeb87;background:linear-gradient(#ffec86,#ffca3c);box-shadow:0 4px #815b20,0 8px 20px #ffbe3222}@media (min-width: 800px){#app{max-width:min(740px,84svh)}.stage{padding:8px 0}}@media (max-width: 480px){#app{padding:max(27px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))}.top-bar{padding:0 9px;gap:25px 0}.icon-btn{width:44px;height:44px}.wordmark{margin:0 17px}.crown{width:19px;height:15px;top:-13px}.brand-arrow{width:12px;height:12px}.brand-left{left:-18px}.brand-right{right:-18px}.brand-top{top:-22px}.brand-bottom{bottom:-20px}.label{font-size:11px}.session-caption{font-size:7px;letter-spacing:.1em}.board-frame{--gap: 10px}.board-wrap{border-radius:11px}.board-wrap:before{border-radius:21px}.combo-dots{gap:4px}.combo-dots span{width:7px;height:7px}.controls{padding-top:5px}.keyboard-help{display:none}.gesture-help{font-size:10px;letter-spacing:.1em}.push-arrow{scale:.8}}@media (max-width: 350px){.wordmark h1{font-size:26px}.icon-btn{width:34px;height:34px}.session-caption{visibility:hidden}.board-frame{--dock: 36px;--gap: 9px}.nudge{gap:10px}.nudge small{font-size:8px}#move-status{font-size:10px}}@media (pointer: coarse){.keyboard-help{display:none}}@media (max-height: 750px) and (min-width: 481px){#app{max-width:590px}.top-bar{gap:16px}.wordmark h1{font-size:36px}.board-frame{--dock: 54px;--rail: 90px}.score-block strong{font-size:32px}.combo-block strong{font-size:36px}.pressure{margin-bottom:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (min-width: 800px){#app{width:min(680px,calc((100svh - 210px)*.84));min-width:430px}.board-frame{--rail: 86px;--dock: 58px}.wordmark h1{font-size:clamp(32px,5svh,45px)}.top-bar{gap:19px;padding:0 8px}.score-block strong{font-size:38px}.combo-block strong{font-size:43px}.controls{padding-top:8px}.pressure{margin-bottom:12px}}@media (max-height: 700px) and (max-width: 799px){#app{padding-top:20px;padding-bottom:10px}.board-frame{--rail: 62px;--gap: 9px}.top-bar{gap:18px}.score-block strong{font-size:30px}.combo-block strong{font-size:35px}.label{font-size:10px}.best{margin-top:3px;font-size:8px}.pressure{margin:0 auto 9px}.gesture-help{margin-bottom:0}.keyboard-help{display:none}.session-caption{visibility:hidden}}@media (min-width: 800px){#app{width:min(680px,calc((100svh - 260px)*.84))}}@media (min-width: 800px) and (max-height: 780px){#app{padding-top:22px}.board-frame{--rail: 62px;--dock: 48px}.wordmark h1{font-size:34px}.icon-btn{width:40px;height:40px}.top-bar{row-gap:14px}.score-block strong{font-size:30px}.combo-block strong{font-size:35px}.pressure{margin-bottom:9px}.keyboard-help{margin-top:8px}}@media (max-width: 350px){.top-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:0}.wordmark{margin-inline:14px}}@media (max-width: 350px) and (max-height: 600px){#app{padding-top:18px}.top-bar{row-gap:14px}.best{display:none}.board-frame{--rail: 52px}.pressure{margin-bottom:6px}}.score-pop{transform:translate(-50%,-10px)}.undo-button{padding:8px 18px;min-height:44px;border:1px solid #6779b0;border-radius:22px;background:linear-gradient(#303e69,#192342);color:#edf2ff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 3px 8px #05092066}.undo-button:hover:not(:disabled){border-color:#b9d8ff;background:#354977}.undo-button:focus-visible{outline:3px solid #65d9ff;outline-offset:3px}.undo-button:disabled,#btn-overlay-undo:disabled{opacity:.35;cursor:default}.piece-canvas{filter:drop-shadow(0 10px 5px #0009) drop-shadow(0 0 2px #e8faff) drop-shadow(0 0 10px color-mix(in srgb,var(--dock-color) 45%,transparent))}.dock-slot:not(:disabled):not(.selected):not(.dragging):not(.dealt) .piece-canvas{animation:waiting-float 3.2s ease-in-out infinite}.dock-right .piece-canvas{animation-delay:-.8s!important}.dock-bottom .piece-canvas{animation-delay:-1.6s!important}.dock-left .piece-canvas{animation-delay:-2.4s!important}.dock-slot.selected .piece-canvas,.dock-slot.dragging .piece-canvas{transform:scale(1.08);filter:drop-shadow(0 12px 6px #0009) drop-shadow(0 0 2px white) drop-shadow(0 0 15px var(--dock-color))}@keyframes waiting-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#board{cursor:default}@media (orientation: landscape) and (max-height: 620px){html,body{height:100%;overflow:hidden;overscroll-behavior:none}.site-nav{display:none!important}#app{width:100%;max-width:none;min-width:0;min-height:0;height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(110px,1fr);gap:14px;align-items:center}.top-bar{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:12px;padding:0}.wordmark{order:-1;width:100%;margin:0 0 8px;text-align:center}.wordmark h1{font-size:clamp(18px,3vw,30px)}.brand-arrow,.crown,.session-caption{display:none}.icon-btn{width:44px;height:44px}.score-block,.combo-block{width:100%;text-align:center;align-items:center}.score-block strong,.combo-block strong{font-size:28px}.combo-dots{justify-content:center;margin-top:4px}.stage{padding:0;min-width:0}.board-frame{--dock: 44px;--rail: 44px;--gap: 12px;width:min(calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),calc(100vw - 270px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:none;grid-template-rows:var(--rail) minmax(0,1fr) var(--rail);aspect-ratio:1}.controls{padding:0;min-width:0}.pressure{width:100%;margin:0 0 18px}.pressure-label{font-size:9px;letter-spacing:0}#move-status{margin-top:14px;line-height:1.3}.gesture-help{font-size:10px;letter-spacing:0;line-height:1.5}.keyboard-help{display:none}.dock-top .dock-slot,.dock-bottom .dock-slot{transform:translate(-50%,-50%)}.dock-slot .piece-canvas{animation:none!important}.nudge{gap:8px}.nudge strong{font-size:16px}.nudge span{font-size:7px}.nudge small{max-width:90%;font-size:9px}.overlay{padding:8px}.modal{max-height:100%;overflow-y:auto;padding:12px 22px}.modal-eyebrow{display:none}.modal h2{margin:4px 0;font-size:26px}.modal p{margin:6px 0}.modal button{min-height:44px;padding:10px;margin-top:6px}}@media (prefers-reduced-motion: reduce){.dock-slot .piece-canvas{animation:none!important;transition:none!important}}body{background:#030820}.atmosphere{background:linear-gradient(180deg,#02061f35,#06143d7a 46%,#020515df),url(/arcade/pressure/assets/pressure-cosmic-deluxe-bg-BwQbLOg4.webp) center / cover no-repeat,#030820;opacity:.98}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,transparent 24%,#0205161c 68%,#01030c99 100%)}.atmosphere i{width:4px;height:4px;opacity:.5;box-shadow:0 0 12px #a9d6ff,0 0 28px #5e7dff66}#app{max-width:760px}.top-bar{filter:drop-shadow(0 10px 24px #01031455)}.wordmark h1{color:#fff;text-shadow:0 2px 0 #e2e9ff,0 4px 0 #8190c7,0 7px 2px #060a23,0 10px 20px #050921,0 0 26px #8b9dff38}.session-caption{color:#9da9d9;text-shadow:0 0 13px #586dff52}.board-wrap{background:linear-gradient(145deg,#15204e,#070d28 72%);box-shadow:0 0 0 2px #141a3b,0 0 0 5px #50649e,0 0 0 7px #d5e3ff,0 0 0 10px #35467e,0 0 0 13px #121b42,0 14px 0 9px #080c2577,0 25px 44px 8px #020517bb,0 0 84px #6573ff45}.board-wrap:before{top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:27px;border-top-color:#f0f7ffcc;border-left-color:#a1b6f28a;box-shadow:0 0 24px #8da6ff38}.board-wrap:after{top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:25px;box-shadow:inset 0 -5px 5px #07103d,inset 0 4px 8px #d0ddff55,0 0 22px #99b7ff21}.controls{position:relative;margin-top:2px;padding:12px 12px 8px;border:1px solid #8da8e52e;border-radius:26px;background:linear-gradient(180deg,#0d1743a8,#040a22b8);box-shadow:inset 0 1px #d2ddff26,0 18px 38px #01030e44}.pressure{width:min(100%,350px);margin:0 auto 14px}.pressure-label{color:#b7c9ef;text-shadow:0 0 12px #6b8bff4c}.pressure-meter-row{display:flex;align-items:center;justify-content:center;gap:11px}.pressure-track{flex:1;max-width:285px;height:8px;border:1px solid #526db4;border-radius:999px;background:#03071a;box-shadow:inset 0 2px 6px #000b,0 0 18px #304bff3d}#pressure-fill{background:linear-gradient(90deg,#24dcff,#6f9dff 52%,#a66bff);box-shadow:0 0 9px #6b9dff,0 0 20px #5774ff88}.pressure[data-band=uneasy] #pressure-fill{background:linear-gradient(90deg,#5ddcff,#d9e34d,#ffbd45);box-shadow:0 0 12px #d2dd5e}.pressure[data-band=squeezed] #pressure-fill{background:linear-gradient(90deg,#ffd64d,#ff964b,#ff5d82);box-shadow:0 0 15px #ff7e5e}.pressure[data-band=critical] #pressure-fill{background:linear-gradient(90deg,#ffe35a,#ff755c 65%,#ff3f87);box-shadow:0 0 16px #ff536b,0 0 25px #ff3e6a88;animation:pressure-critical .75s ease-in-out infinite alternate}.pressure.high .pressure-label,.pressure[data-band=critical] .pressure-label{color:#ffbf9d}.pressure-buddy{--buddy-color: #48d7ff;position:relative;flex:0 0 52px;width:52px;height:38px;border:2px solid color-mix(in srgb,var(--buddy-color) 65%,white);border-radius:13px 13px 11px 11px;background:linear-gradient(160deg,#e6faff,var(--buddy-color) 39%,color-mix(in srgb,var(--buddy-color) 52%,#1b2161));box-shadow:inset 0 3px 3px #fffa,inset 0 -7px 10px #12154866,0 4px #0b1238,0 0 18px color-mix(in srgb,var(--buddy-color) 66%,transparent);transition:background .26s,border-color .26s,box-shadow .26s,transform .22s}.pressure-buddy:after{content:"";position:absolute;left:10px;right:10px;bottom:-5px;height:7px;border-radius:0 0 9px 9px;background:color-mix(in srgb,var(--buddy-color) 65%,#0a1233);box-shadow:0 3px #080d28}.pressure-buddy[data-band=uneasy]{--buddy-color: #c6dc5b;transform:rotate(-2deg)}.pressure-buddy[data-band=squeezed]{--buddy-color: #ff9b53;transform:scale(.96) rotate(2deg)}.pressure-buddy[data-band=critical]{--buddy-color: #ff5d76;transform:scale(.92);animation:buddy-tremble .18s linear infinite}.buddy-eyes{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:center;gap:13px}.buddy-eyes i{width:5px;height:7px;border-radius:50%;background:#12183f;box-shadow:0 1px #fff9}.buddy-mouth{position:absolute;left:50%;bottom:8px;width:13px;height:5px;border-bottom:2px solid #12183f;border-radius:0 0 14px 14px;transform:translate(-50%)}.pressure-buddy[data-band=uneasy] .buddy-mouth{height:4px;border-top:2px solid #12183f;border-bottom:0;border-radius:12px 12px 0 0;bottom:7px}.pressure-buddy[data-band=squeezed] .buddy-mouth,.pressure-buddy[data-band=critical] .buddy-mouth{height:8px;border:2px solid #12183f;border-top:0;border-radius:0 0 12px 12px;bottom:6px}.pressure-buddy-label{min-height:13px;margin-top:5px;color:#ffbf72;font-size:9px;font-weight:1000;letter-spacing:.2em;text-align:center;text-shadow:0 0 12px #ff714d88}.pressure-buddy-label:empty{visibility:hidden}@keyframes pressure-critical{to{filter:saturate(1.25) brightness(1.18)}}@keyframes buddy-tremble{0%,to{translate:0 0}25%{translate:-1px 0}75%{translate:1px 0}}.combo-block strong{text-shadow:0 3px 0 #aa691c,0 0 22px #ffcc3577,0 0 40px #ffbd3a35}.push-arrow{width:31px;height:25px}.dock-slot:not(:disabled) .piece-canvas{filter:drop-shadow(0 11px 6px #000a) drop-shadow(0 0 3px #e8faff) drop-shadow(0 0 13px color-mix(in srgb,var(--dock-color) 52%,transparent))}.overlay{background:#02051bcc}.modal{border-color:#9cbaff7a;background:linear-gradient(150deg,#26366b,#0c1531);box-shadow:0 25px 90px #000b,inset 0 1px #e2ebff55,0 0 42px #536dff30}@media (max-width: 480px){.controls{margin-inline:2px;padding:10px 8px 7px;border-radius:22px}.pressure{margin-bottom:11px}.pressure-buddy{flex-basis:46px;width:46px;height:34px}.pressure-meter-row{gap:8px}}@media (orientation: landscape) and (max-height: 620px){.controls{margin-top:0;padding:8px;border-radius:20px}.pressure{margin-bottom:14px}.pressure-buddy{flex-basis:44px;width:44px;height:32px}}@media (min-width: 800px) and (max-height: 760px){#app{padding-top:18px;padding-bottom:6px}.stage{padding-block:0}.controls{padding-top:8px;padding-bottom:4px}.pressure{margin-bottom:7px}.pressure-buddy-label{min-height:9px;margin-top:2px;font-size:8px}.undo-button{min-height:38px;padding-block:6px}.gesture-help,.keyboard-help{display:none}}@media (prefers-reduced-motion: reduce){.pressure[data-band=critical] #pressure-fill,.pressure-buddy[data-band=critical],.dock-slot.coached:after{animation:none}}#board{image-rendering:auto;will-change:transform}.board-wrap{transition:box-shadow .18s ease,filter .18s ease}.board-wrap.celebrate{animation:impact .24s ease-out,board-celebrate 1.12s ease-out}.board-wrap.clear-hold{box-shadow:0 0 0 2px #fff3a8,0 0 0 6px #ffcd5c,0 0 34px #ffc13cbb,0 0 92px #ff853f66}.pressure{transition:filter .18s ease,transform .18s ease}.pressure.watching{filter:brightness(1.08)}.pressure.reward{animation:meter-reward .98s cubic-bezier(.2,1.4,.3,1)}.combo-block.combo-pop strong{animation:combo-pop .98s cubic-bezier(.2,1.4,.3,1)}#move-status[data-state=ready]{color:#d8e8ff}#move-status[data-state=blocked]{color:#ff9fae}#move-status[data-state=reward]{color:#fff0a0;text-shadow:0 0 14px #ffc83f99}.buddy-brows{position:absolute;top:7px;left:0;right:0;display:flex;justify-content:center;gap:13px}.buddy-brows i{display:block;width:7px;height:2px;border-radius:99px;background:#18204d;transform:rotate(9deg);opacity:.72}.buddy-brows i+i{transform:rotate(-9deg)}.buddy-cheeks{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:space-between;padding:0 7px;opacity:.72}.buddy-cheeks i{width:7px;height:4px;border-radius:50%;background:#ff7195;box-shadow:0 0 5px #ff709588}.buddy-spark{position:absolute;top:-13px;right:-8px;color:#fff5a6;font-size:14px;line-height:1;text-shadow:0 0 9px #ffe568;transform:rotate(12deg);opacity:.9}.pressure-buddy.watching .buddy-eyes i{transform:translateY(-1px) scaleY(.82)}.pressure-buddy.watching .buddy-mouth{width:16px;height:7px;border-bottom-width:3px}.pressure-buddy[data-band=uneasy] .buddy-brows i:first-child{transform:rotate(-8deg)}.pressure-buddy[data-band=uneasy] .buddy-brows i+i{transform:rotate(8deg)}.pressure-buddy[data-band=squeezed] .buddy-spark,.pressure-buddy[data-band=critical] .buddy-spark{color:#fff;content:"!";font-weight:1000}.pressure-buddy[data-band=squeezed] .buddy-cheeks i,.pressure-buddy[data-band=critical] .buddy-cheeks i{background:#ff556e}.pressure-buddy[data-band=critical] .buddy-brows i{transform:rotate(18deg)}.pressure-buddy[data-band=critical] .buddy-brows i+i{transform:rotate(-18deg)}.pressure-buddy[data-band=critical] .buddy-spark{animation:spark-alert .36s ease-in-out infinite alternate}.score-pop{filter:drop-shadow(0 9px 13px #02031499)}.score-pop:before{content:"";position:absolute;z-index:-1;width:150px;height:82px;border-radius:50%;background:radial-gradient(ellipse,#ffdd5c38,#ff8b3d12 42%,transparent 72%);transform:translateY(6px)}.clear-title{letter-spacing:.025em}.clear-pts{letter-spacing:.02em}.sparkle{width:6px;height:6px;transform-origin:center}@keyframes board-celebrate{0%{filter:brightness(1)}20%{filter:brightness(1.28) saturate(1.25)}to{filter:brightness(1)}}@keyframes meter-reward{0%{transform:scale(1)}18%{transform:scale(1.025)}42%{transform:scale(.99)}to{transform:scale(1)}}@keyframes combo-pop{0%{transform:scale(1)}20%{transform:scale(1.25) rotate(-3deg)}45%{transform:scale(.98) rotate(2deg)}to{transform:scale(1)}}@keyframes spark-alert{to{transform:rotate(-14deg) scale(1.18)}}@media (max-width: 799px) and (orientation: portrait){#app{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.top-bar{gap:14px 0}.wordmark h1{font-size:clamp(28px,8vw,43px)}.stage{flex:0 1 auto;padding-block:8px}.board-frame{width:min(100%,calc(100svh - 250px));--dock: clamp(42px, 10vw, 62px);--rail: clamp(54px, 13vw, 78px);--gap: 10px}.dock-left .dock-slot{transform:translate(calc(-50% - 3px),-50%)}.dock-right .dock-slot{transform:translate(calc(-50% + 3px),-50%)}.controls{margin-top:auto}.pressure{width:min(100%,330px)}.gesture-help{margin:5px 0}}@media (max-width: 520px) and (orientation: portrait){.top-bar{padding-inline:2px}.session-caption{display:none}.score-block strong{font-size:34px}.combo-block strong{font-size:39px}.board-frame{width:min(100%,calc(100svh - 235px));--dock: 43px;--rail: 58px}.controls{padding-inline:8px}}@media (prefers-reduced-motion: reduce){.board-wrap.celebrate,.pressure-widget.reward,.combo-block.combo-pop strong,.pressure-buddy[data-band=critical] .buddy-spark,.dock-slot.coached:after{animation:none}}