:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#272626;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:3px solid #d7a400;outline-offset:5px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}
.app{min-height:100svh;max-width:600px;margin:auto;padding:max(12px,env(safe-area-inset-top)) 24px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:0}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:65px;flex:none}.brand{width:148px;height:auto;display:block;margin-left:-5px}.top-right{display:flex;align-items:center;gap:15px}.edition{font-size:11px;font-weight:600;letter-spacing:2px}.icon-button{height:42px;width:42px;border:1px solid #e5e5e5;border-radius:50%;background:white;color:#555;font-size:18px}.play-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.board-wrap{position:relative;width:min(100%,calc((100svh - 315px)*.923));min-width:240px;max-width:460px;margin:0 auto}canvas{display:block;width:100%;height:auto;touch-action:none}.exit-label{position:absolute;left:82.4%;top:94%;transform:translateX(-50%);font-size:10px;letter-spacing:1.8px;color:#777}
.game-controls{text-align:center;flex:none;padding-top:5px;padding-bottom:6px}.instruction{margin-bottom:23px}h1{font-size:23px;line-height:1.15;letter-spacing:-.8px;font-weight:500;margin:0 0 10px}#status{margin:0 auto;font-size:14px;line-height:1.45;color:#6a6a6a;max-width:310px;min-height:21px}.primary{border:0;background:#272626;color:#fff;border-radius:100px;min-height:54px;padding:15px 27px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none;transform:rotate(-13deg)}.primary:active{transform:scale(.98)}.text-button{display:block;margin:8px auto 0;border:0;background:none;padding:12px 14px;min-height:44px;color:#6a6a6a;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ccc}.small{font-size:13px;padding:8px;min-height:36px;margin-top:0}.utility-row{display:flex;align-items:center;justify-content:space-between;max-width:360px;margin:auto}.utility-row .text-button{margin:0}.utility-row time{font-variant-numeric:tabular-nums;font-size:17px;letter-spacing:1.5px}footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#969696;font-size:11px;letter-spacing:.6px;min-height:30px;margin-top:4px}.material-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(150deg,#fff,#aab0b6 40%,#fff 48%,#69727b 62%,#e6e9ed);border:.5px solid #9ea3a8}
#touch-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:4px}#joystick{width:94px;height:94px;border:1px solid #e1e1e1;background:#f6f6f6;border-radius:50%;position:relative;touch-action:none}#stick{position:absolute;left:32px;top:32px;width:28px;height:28px;border-radius:50%;background:linear-gradient(140deg,#fff 0%,#c0c6cc 41%,#fff 50%,#8d969e 80%,#f6f7f9);box-shadow:0 2px 6px #0002;pointer-events:none}.joystick-cross:before,.joystick-cross:after{content:"";position:absolute;top:46px;left:14px;width:64px;height:1px;background:#dfdfdf}.joystick-cross:after{transform:rotate(90deg)}.touch-hint{font-size:13px;line-height:1.6;text-align:left;color:#818181}.app.touch .board-wrap{width:min(100%,calc((100svh - 374px)*.923))}.app.playing .instruction{margin-bottom:8px}
dialog{border:0;padding:35px 30px 26px;border-radius:24px;max-width:420px;width:calc(100% - 32px);box-shadow:0 15px 100px #0002;color:#272626}dialog::backdrop{background:#0005;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:14px;top:14px;font-size:26px;border:0}dialog p{font-size:15px;line-height:1.6;color:#666}dialog h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:13px 0}dialog h3{font-size:17px;font-weight:500;margin-top:25px}.eyebrow{font-size:11px!important;letter-spacing:2px;font-weight:500;color:#858585}.note{font-size:13px!important;color:#888!important}
.victory{position:fixed;inset:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.victory-inner{width:100%;max-width:760px;text-align:center}#victory-copy{padding:0 20px 25px;animation:appear .6s ease}#victory-copy h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:15px 0 10px}#result-time{color:#888;font-size:14px;margin-bottom:23px}#victory-copy .text-button{margin-top:7px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:700px){.app{padding-top:20px;padding-bottom:20px}.topbar{padding:0 25px}.board-wrap{width:min(100%,calc((100svh - 305px)*.923));max-width:500px}.app.touch .board-wrap{width:min(100%,calc((100svh - 354px)*.923))}h1{font-size:25px}}
@media(max-height:660px){.app{padding-left:14px;padding-right:14px}.topbar{min-height:49px}.brand{width:120px}.board-wrap{min-width:205px}.instruction{margin-bottom:12px}h1{font-size:20px}.game-controls{padding-top:0}.primary{min-height:48px}footer{display:none}.app.touch .board-wrap{min-width:205px}}
@media(orientation:landscape) and (max-height:550px){.app{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:55px 1fr;padding:0 25px}.topbar{grid-column:1/-1}.play-area{grid-column:1}.board-wrap,.app.touch .board-wrap{width:auto;height:calc(100svh - 70px);min-width:0;aspect-ratio:480/520}canvas{height:100%;width:auto}.game-controls{grid-column:2;grid-row:2;align-self:center}footer{display:none}.brand{width:125px}.instruction{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.phases{display:flex;gap:4px;max-width:400px;width:100%;align-self:center;justify-content:center;padding:4px;background:#f5f5f5;border-radius:100px;margin:3px 0 7px;flex:none}.phases button{border:0;flex:1;border-radius:100px;padding:10px 9px;min-height:42px;white-space:nowrap;background:none;color:#777;font-size:14px}.phases button span{margin-right:5px;font-variant-numeric:tabular-nums;color:#999}.phases button[aria-pressed="true"]{background:#292828;color:#fff}.phases button[aria-pressed="true"] span{color:#c5c5c5}.arcade-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:370px;margin:5px auto 0;font-size:13px;color:#767676;min-height:23px;font-variant-numeric:tabular-nums}#power-status{color:#5567bd;font-size:12px}.board-wrap{width:min(100%,calc((100svh - 370px)*.923))}.app.touch .board-wrap{width:min(100%,calc((100svh - 420px)*.923))}.app.arcade .board-wrap{width:min(100%,calc((100svh - 399px)*.923))}.app.arcade.touch .board-wrap{width:min(100%,calc((100svh - 449px)*.923))}.wallpaper-link{color:#818181;font-size:13px;line-height:1.5;min-height:40px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#d5d5d5}dialog a{color:#333;text-underline-offset:3px}dialog{max-height:85svh;overflow-y:auto}.edition,.exit-label{font-size:12px}#victory-copy button{max-width:calc(100% - 30px)}
@media(max-height:660px){.phases{margin-bottom:0}.phases button{font-size:13px;min-height:38px;padding:8px 7px}.phases button span{margin-right:3px}.arcade-hud{margin-top:2px}.app.touch footer{display:none}}
@media(orientation:landscape) and (max-height:550px){.app{grid-template-rows:55px 50px 1fr}.phases{grid-column:2;grid-row:2;justify-self:center;margin:0}.arcade-hud{grid-column:1;grid-row:2;max-width:260px}.play-area{grid-column:1;grid-row:2/4}.app.arcade .play-area{grid-row:3}.game-controls{grid-row:3}.board-wrap,.app.touch .board-wrap,.app.arcade .board-wrap,.app.arcade.touch .board-wrap{width:auto;height:calc(100svh - 105px);min-width:0;aspect-ratio:480/520}.app.arcade .board-wrap{height:calc(100svh - 130px)}}
.app:not(.playing) .exit-label{visibility:hidden}
.victory{overflow-y:auto}.victory-inner{margin:auto}.sting-stage{position:relative;display:grid;place-items:center;aspect-ratio:910/512;max-height:44svh;width:100%;background:#fff;overflow:hidden}.sting-stage img{width:74%;height:auto;max-height:74%;object-fit:contain}.sting-stage video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0}.sting-stage video::-webkit-media-controls,.sting-stage video::-webkit-media-controls-start-playback-button{display:none!important}