*{box-sizing:border-box}body{margin:0;background:#06121f;color:#eef5ff;font:16px/1.5 Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:transform .18s,background .2s,border-color .2s}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:2px solid #72e4ef;outline-offset:5px}button:disabled{cursor:default;opacity:.5}.app-shell{min-height:100svh;background:radial-gradient(ellipse at 76% 37%,#13395355,transparent 53%),radial-gradient(ellipse at 20% 105%,#12334666,transparent 50%),#06121f;padding:0 6.3vw}.mast{height:105px;display:flex;align-items:center;border-bottom:1px solid #ffffff0d;gap:34px}.brand{display:block;position:relative;width:111px;height:31px;overflow:hidden;mix-blend-mode:screen;flex-shrink:0}.brand img{position:absolute;max-width:none;width:262px;height:131px;left:-72px;top:-49px}.mast-caption{font-size:11px;letter-spacing:2px;color:#7890a4}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.header-actions button{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;color:#a3b5c8}.header-actions .profile{width:auto;border:1px solid #ffffff19;border-radius:30px;padding:0 16px;gap:8px;font-size:14px}.home-grid{max-width:1160px;margin:0 auto;min-height:calc(100svh - 190px);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:46px 0}.intro{max-width:450px}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#82bdce}h1{font-size:clamp(48px,5.8vw,80px);line-height:1.1;font-weight:500;letter-spacing:-4px;margin:23px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#7ad9e3}.intro-copy{color:#98afc3;line-height:1.85;font-size:17px}.difficulty-label{font-size:11px;letter-spacing:1.8px;color:#7890a4;margin:34px 0 12px}.difficulty-options{display:flex;background:#020b144d;border:1px solid #ffffff13;border-radius:13px;padding:5px;gap:5px}.difficulty-options button{flex:1;border-radius:9px;padding:11px 10px;color:#859aae;font-size:14px;display:flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent}.difficulty-options button small{font-size:11px;opacity:.65}.difficulty-options .selected{color:#bbf6fa;background:#183548;border-color:#5cb9d343;box-shadow:0 2px 10px #0003}.difficulty-help{font-size:13px;color:#7890a4;margin:10px 0 24px}.play-button{width:100%;border:1px solid #75e3f389;border-radius:12px;background:linear-gradient(105deg,#5ccdde,#79b7ed);box-shadow:0 7px 40px #43b8dc15;min-height:58px;color:#082638;font-weight:600;display:flex;justify-content:center;align-items:center;gap:12px;position:relative}.play-button svg:last-child:not(:first-child){position:absolute;right:20px}.home-links{display:flex;justify-content:center;gap:29px;margin-top:23px}.home-links button{display:flex;align-items:center;gap:8px;font-size:13px;color:#97aabc}.best-strip{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff10;margin-top:31px;padding-top:25px;color:#a5b8c9}.best-strip>svg{color:#c4b991}.best-strip span{font-size:10px;letter-spacing:1.7px;color:#728a9f}.best-strip strong{display:block;font-size:25px;font-weight:400}.best-strip small{font-size:12px;font-weight:400;color:#758c9f;margin-left:9px}.toy-preview{position:relative;width:100%;max-width:465px;aspect-ratio:.84;border:1px solid #6090ac3d;border-radius:34px;background:radial-gradient(ellipse at 50% 30%,#16567566,transparent 57%),linear-gradient(#0d2334aa,#061522);box-shadow:inset 0 1px 1px #bddcff24,0 40px 80px #0003;overflow:hidden;justify-self:end}.tank-top{display:flex;justify-content:space-between;margin:27px 28px;color:#7996ab;font-size:10px;letter-spacing:1.8px}.tank-top span:first-child{display:flex;align-items:center;gap:9px}.preview-peg{position:absolute;left:50%;top:30%;width:7px;height:27%;border-radius:9px;background:linear-gradient(90deg,#7992a5,#e1f6ff,#6b8ba7);box-shadow:0 0 18px #72c0ed30}.preview-ring{position:absolute;width:115px;height:42px;border-radius:50%;border:10px solid #60deef;box-shadow:0 0 19px #29c8f25c,inset 0 0 8px #5bdeed;transform:rotate(-23deg)}.preview-ring.one{top:40%;left:37%;transform:rotate(-6deg);width:125px;height:43px}.preview-ring.two{top:24%;left:17%;width:92px;height:38px;border-color:#8b94ed;box-shadow:0 0 19px #8d7eef45;transform:rotate(35deg)}.preview-ring.three{top:58%;left:62%;width:91px;height:35px;border-color:#5e9cda;transform:rotate(-37deg)}.water-floor{position:absolute;bottom:20%;left:10%;width:80%;height:45px;background:#33afe822;filter:blur(30px);border-radius:50%}.preview-controls{position:absolute;bottom:10%;left:0;width:100%;display:flex;justify-content:space-evenly}.preview-controls>div{height:70px;width:70px;display:grid;place-items:center;border:1px solid #83dcee6b;box-shadow:inset 0 0 25px #62d6e527,0 0 0 7px #629bc908;border-radius:50%;color:#7cddec;font-size:25px}.preview-controls>div:last-child{color:#b3a5e8;border-color:#9f94d765;box-shadow:inset 0 0 25px #9180dd20,0 0 0 7px #9c78d608}.preview-controls small{position:absolute;bottom:-26px;font-size:9px;letter-spacing:1.7px;color:#7995aa}footer{min-height:80px;border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#617d92}footer span:first-child{display:flex;align-items:center;gap:9px}footer button{display:flex;gap:12px;align-items:center;color:#8aa0b4}footer small{font-size:9px;letter-spacing:1px;border:1px solid #ffffff13;border-radius:5px;padding:4px 6px}
@media(max-width:800px){.app-shell{padding:0 6vw}.mast{height:77px}.mast-caption{display:none}.home-grid{gap:5%}h1{font-size:50px;letter-spacing:-3px}.home-links{gap:16px}.intro-copy{font-size:15px}.toy-preview{aspect-ratio:.69}.tank-top{margin:20px 17px;font-size:9px}.header-actions{gap:7px}}
@media(max-width:600px){.home-grid{display:flex;flex-direction:column-reverse;padding:25px 0 30px;gap:27px}.toy-preview{width:100%;max-width:360px;height:240px;aspect-ratio:auto;border-radius:25px}.tank-top{margin:16px 19px}.preview-controls{display:none}.preview-peg{top:30%;height:43%}.preview-ring.one{top:50%;left:36%;width:100px;height:35px;border-width:8px}.preview-ring.two{top:29%;left:15%;width:73px;height:29px;border-width:7px}.preview-ring.three{top:68%;left:68%;width:64px;height:27px;border-width:6px}.intro{width:100%;max-width:360px}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:49px;margin:13px 0}.intro-copy{font-size:15px;line-height:1.65}.difficulty-label{margin-top:24px}.difficulty-help{margin-bottom:19px}.best-strip{margin-top:22px;padding-top:18px}footer{min-height:70px}footer>span:last-child{display:none}.header-actions button:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
button{font:inherit;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}h1,p{margin-top:0}button.play-button>span{position:absolute;right:21px}body{color-scheme:dark}
[hidden]{display:none!important}.play-button svg:last-child:not(:first-child){position:absolute;right:20px}.play-button svg:first-child{position:static}.toy-preview canvas{position:absolute;left:0;top:6%;width:100%;height:77%;pointer-events:none}.preview-controls svg{pointer-events:none}.intro .best-strip>svg{flex-shrink:0}.connection-note{font-size:13px;color:#d9b491;margin-top:12px}.connection-note button,.empty-board button{text-decoration:underline}.back-link{display:flex;align-items:center;gap:8px;font-size:14px;color:#86a3b9;margin-bottom:70px}.game-layout{display:grid;grid-template-columns:1fr 465px;max-width:1080px;margin:auto;gap:10%;align-items:center;padding:35px 0 40px}.game-aside h1{font-size:63px}.round-notes{display:grid;gap:18px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:25px 0;margin:30px 0;max-width:300px}.round-notes span{display:flex;justify-content:space-between;color:#7999b0;font-size:14px}.round-notes b{color:#d4e8f5;font-weight:400}.game-chamber{border:1px solid #4c809d55;border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#12456244,transparent 62%),#081a29;box-shadow:inset 0 1px 0 #bce7ff15,0 25px 70px #0002;overflow:hidden;position:relative}.game-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.game-top>div{text-align:center}.game-top .timer{text-align:right}.game-top span{display:block;font-size:10px;letter-spacing:1.4px;color:#7898ae}.game-top strong{display:block;font-weight:400;font-size:28px;font-variant-numeric:tabular-nums}.game-top .timer strong{font-size:23px}.icon-button{width:43px;height:43px;border-radius:50%;border:1px solid #79a8c244;display:grid;place-items:center;color:#c4d8e7;background:#17314755}.game-leaderboard{margin:0 20px;border:1px solid #5688a02d;border-radius:13px;background:linear-gradient(120deg,#1b354877,#101f2f88);padding:12px 13px;min-height:104px}.board-label{font-size:10px;letter-spacing:1.5px;color:#91adbf;display:flex;justify-content:space-between;align-items:center}.board-label small{font-size:10px;color:#7893a8;letter-spacing:0}.empty-board{font-size:13px;line-height:1.6;color:#9cb9cd;text-align:center;margin:13px 0 3px}.empty-board span{font-size:12px;color:#6f8da2}.leader-podium{display:grid;gap:7px;margin-top:12px}.leader-card{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:8px;background:#0a192666}.leader-card .rank{color:#8ba9bd;font-size:12px;width:18px}.leader-card div{min-width:0;flex:1}.leader-card b{font-size:13px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.leader-card small{font-size:8px;letter-spacing:1px;display:none;color:#7592a7}.leader-card strong{font-size:15px;font-weight:500}.leader-card.place-0{background:#94bbce12;padding:13px 9px}.leader-card.place-0 .rank{color:#d5c899;font-size:20px}.leader-card.place-0 small{display:block}.game-leaderboard .leader-podium{grid-template-columns:1fr 1fr;gap:5px}.game-leaderboard .place-0{grid-column:span 2;padding:9px}.game-leaderboard .leader-card:not(.place-0){padding:6px;gap:5px}.game-leaderboard .leader-card:not(.place-0) b{font-size:11px;max-width:83px}.game-leaderboard .leader-card:not(.place-0) strong{font-size:12px}.playfield{position:relative;height:320px}.playfield canvas{width:100%;height:100%;display:block}.environment-label{position:absolute;top:12px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#5d829b;pointer-events:none}.game-hint{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:12px;color:#88a6bb;pointer-events:none;transition:opacity 1s}.jet-controls{display:flex;justify-content:space-around;padding:15px 27px 10px;touch-action:none;user-select:none}.jet-controls>div{display:flex;flex-direction:column;align-items:center}.jet{width:79px;height:79px;border-radius:50%;border:1px solid #73d9eaa6;box-shadow:inset 0 0 30px #61d3eb25,0 0 0 7px #629bc908,0 0 24px #4798bb10;background:radial-gradient(circle at 40% 23%,#5597b044,#07233c 70%);color:#85ddeb;display:grid;place-items:center;position:relative;touch-action:none;overflow:hidden;user-select:none}.jet.right{border-color:#a193e099;box-shadow:inset 0 0 30px #8f79dd24,0 0 0 7px #9c78d608;background:radial-gradient(circle at 40% 23%,#8874ae33,#17203d 70%);color:#b4a7e5}.jet.pressed{transform:scale(.93);box-shadow:inset 0 0 28px #7eddff55,0 0 22px #48c4e849}.jet.right.pressed{box-shadow:inset 0 0 28px #b591f055,0 0 22px #ad8aea49}.jet-controls strong{font-size:10px;letter-spacing:1.5px;font-weight:500;margin-top:16px;color:#adbdce}.jet-controls small{font-size:10px;color:#516e85;margin-top:3px}.ripple{position:absolute;inset:0;border:1px solid #fff5;border-radius:50%;opacity:0}.pressed .ripple{animation:ripple 1.4s infinite}@keyframes ripple{0%{transform:scale(.2);opacity:.6}100%{transform:scale(1.2);opacity:0}}.chamber-foot{display:flex;justify-content:space-between;margin:7px 24px 16px;font-size:10px;color:#5f7d93}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#9db7cd;font-size:14px;padding:10px 0}.secondary{padding:13px 17px;border:1px solid #7092ad33;border-radius:11px;background:#19324644;color:#c6d8e7;display:inline-flex;gap:9px;justify-content:center;align-items:center;font-size:14px}.secondary:hover{background:#23455a66}.full{width:100%;margin-top:12px}.muted{color:#93aabe;font-size:15px;line-height:1.65}.fine{color:#7f99af;font-size:12px;line-height:1.7;margin:16px 0 0}.fine button{text-decoration:underline}.fine small{font-size:inherit}.result-layout{display:grid;place-items:center;min-height:calc(100svh - 190px);padding:35px 0}.result-card{width:100%;max-width:440px;text-align:center;background:linear-gradient(145deg,#102a3c88,#061420aa);border:1px solid #ffffff17;border-radius:25px;padding:35px}.result-card h1{font-size:55px;margin:16px 0 11px;letter-spacing:-2px}.result-score{font-size:77px;font-weight:400;line-height:1.3;margin-top:21px;letter-spacing:-3px}.score-label{font-size:10px;letter-spacing:2px;color:#7b97ae}.personal-result{display:flex;align-items:center;justify-content:center;gap:9px;color:#9bafbd;font-size:13px;margin:28px 0}.personal-result>svg{color:#c6ba90}.personal-result strong{color:#d9d0af;margin-left:8px;font-weight:500}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.stats-grid>div{display:flex;flex-direction:column;gap:7px}.stats-grid span{color:#809aaf;font-size:12px}.stats-grid strong{font-weight:400;font-size:28px}.result-stats{grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ffffff10;padding:20px 0 27px;gap:12px}.result-stats strong{font-size:23px}.result-actions{display:flex;gap:10px;margin-top:12px}.result-actions button{flex:1}.result-card .fine{font-size:11px}dialog{width:min(450px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;border:1px solid #50758d66;border-radius:24px;padding:32px;color:#e7f1fb;background:linear-gradient(135deg,#10293a,#081725 75%);box-shadow:0 30px 100px #0009;margin:auto}dialog::backdrop{background:#020a13c9;backdrop-filter:blur(9px)}dialog h2{font-weight:400;font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:3px 25px 10px 0}dialog h3{text-align:center;font-weight:400;font-size:25px;margin:10px 0 22px}dialog .muted{font-size:14px;margin-bottom:20px}.modal-close{position:absolute;top:18px;right:16px;padding:8px;color:#7691a5;display:grid;place-items:center}.login-logo{margin:30px auto 0}form label{font-size:13px;color:#a3b8ca;display:block;margin:20px 0 8px}input[type=text],input:not([type]){width:100%;padding:14px;background:#05111e;border:1px solid #6588a244;border-radius:10px;color:#e2f0fb;font:16px Arial;margin-bottom:13px;outline-color:#72d7e5}input::placeholder{color:#58758e}.setting-row{padding:17px 0;border-bottom:1px solid #ffffff0e;display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer}.setting-row input{appearance:none;width:39px;height:23px;border-radius:18px;background:#293c4c;position:relative;cursor:pointer;transition:background .2s}.setting-row input:before{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#d7e4ef;transition:transform .2s}.setting-row input:checked{background:#548eab}.setting-row input:checked:before{transform:translateX(16px)}.danger{color:#d79199}.danger-button{background:#633747;border:1px solid #bd778155;border-radius:10px;padding:14px;color:#ffe3e6}.instructions{padding:0;list-style:none;counter-reset:steps}.instructions li{counter-increment:steps;padding:5px 0 20px 43px;position:relative}.instructions li:before{content:counter(steps);position:absolute;left:0;top:5px;width:27px;height:27px;border-radius:50%;border:1px solid #7ac6dc44;display:grid;place-items:center;color:#8fcee0;font-size:12px}.instructions b{display:block;font-size:15px;font-weight:500;margin-bottom:7px}.instructions span{font-size:13px;line-height:1.65;color:#8ba5ba}.score-guide{display:flex;justify-content:space-between;background:#05132088;padding:15px 12px;border-radius:12px;font-size:12px;color:#86a1b5}.score-guide b{display:block;font-size:20px;font-weight:400;color:#c0e5ef}.periods,.share-formats{display:flex;margin:18px 0 15px;border-bottom:1px solid #ffffff15;gap:15px}.periods button,.share-formats button{font-size:13px;padding:9px 5px;color:#829bb0;border-bottom:2px solid transparent}.periods .selected,.share-formats .selected{color:#a7e9f0;border-color:#85cedd}.theme-list{display:grid;gap:17px;font-size:14px}.theme-list>div{display:flex;gap:12px;align-items:center}.theme-list span{width:14px;height:14px;border-radius:50%;box-shadow:0 0 15px currentColor}.theme-list small{margin-left:auto;color:#68879d;font-size:12px}.privacy-copy{font-size:14px;line-height:1.8;color:#9ab0c2}#share-canvas{display:block;width:145px;max-height:265px;object-fit:contain;height:auto;margin:10px auto;border-radius:9px;border:1px solid #66859833}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#173044;color:#e6f4fd;border:1px solid #7997ab44;border-radius:12px;padding:14px 22px;font-size:14px;transition:.2s;box-shadow:0 10px 40px #0006;max-width:90vw;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}.reduce *{animation:none!important;transition:none!important}.light .app-shell{background:radial-gradient(ellipse at 70% 30%,#e7f7fa,#d0e3ee);color:#193447}.light .intro-copy,.light .home-links button,.light .eyebrow,.light .mast-caption,.light footer,.light .difficulty-label,.light .difficulty-help{color:#47677d}.light h1 em{color:#338099}.light .brand{mix-blend-mode:multiply;filter:invert(1)}.light .best-strip strong,.light .header-actions button{color:#284f67}.light .game-chamber,.light .toy-preview,.light .result-card{color:#e9f3ff}.light .result-card h1 em{color:#7ad9e3}
@media(max-width:900px){.game-layout{grid-template-columns:1fr 430px;gap:5%}.game-aside h1{font-size:48px}.game-aside .intro-copy{font-size:15px}.back-link{margin-bottom:40px}}
@media(max-width:700px){.game-layout{display:flex;justify-content:center;padding:19px 0}.game-aside{display:none}.game-chamber{width:100%;max-width:440px}.game-top{padding:15px 21px 12px}.playfield{height:clamp(225px,35svh,320px)}.jet{width:71px;height:71px}.jet-controls{padding-top:10px}.result-layout{min-height:calc(100svh - 157px)}}
@media(max-width:600px){.toy-preview canvas{height:105%;top:-2%}.toy-preview .tank-top{position:relative;z-index:1}.header-actions button:first-child{display:flex}.header-actions{gap:2px}.header-actions .profile{font-size:12px;padding:0 11px}.mast{height:72px}.intro-copy{margin-bottom:0}.game-layout{padding:13px 0}.game-chamber{border-radius:21px}.chamber-foot{margin-bottom:12px}.game-top strong{font-size:25px}.game-leaderboard{margin:0 15px}.game-leaderboard .empty-board{margin:8px 0}.jet-controls small{display:none}.jet-controls strong{margin-top:14px}.result-card{padding:28px 22px}.result-score{font-size:70px}.result-layout{padding:22px 0}.game-top span{font-size:9px}}
@media(max-height:650px) and (min-width:650px){.mast{height:70px}.game-layout{padding:15px 0;grid-template-columns:1fr 390px;align-items:start}.playfield{height:215px}.game-top{padding:12px 20px}.game-leaderboard{min-height:75px;padding:8px 12px}.jet{width:58px;height:58px}.jet-controls strong{margin-top:10px}.jet-controls small{display:none}.game-aside{padding-top:30px}.game-layout .back-link{margin-bottom:30px}}
.app-shell:has(.game-layout) .header-actions .profile{display:none}
@media(max-height:500px) and (min-width:650px){
.app-shell:has(.game-layout){padding:8px 16px}
.app-shell:has(.game-layout) .mast{display:none}
.game-layout{display:block;padding:0;max-width:none}
.game-aside{display:none}
.game-chamber{max-width:none;width:100%;height:calc(100svh - 16px);display:grid;grid-template-columns:165px minmax(200px,1fr) 145px;grid-template-rows:58px minmax(0,1fr) 22px;border-radius:20px}
.game-top{grid-column:1 / -1;grid-row:1;padding:8px 20px}
.game-top>div:not(.timer){position:absolute;left:50%;transform:translateX(-50%)}
.game-top strong{font-size:23px}
.game-leaderboard{grid-column:1;grid-row:2;margin:8px 0 5px 12px;align-self:start;padding:12px 9px;min-height:100px}
.board-label{display:block;font-size:10px;line-height:1.8}.board-label small{display:block}
.game-leaderboard .leader-podium{display:flex;flex-direction:column}
.game-leaderboard .leader-card b{max-width:68px;font-size:11px}
.game-leaderboard .leader-card.place-0{padding:9px 5px;gap:5px}
.game-leaderboard .leader-card.place-0 small{font-size:7px}
.game-leaderboard .leader-card strong{font-size:12px}
.playfield{grid-column:2;grid-row:2;height:100%;min-height:0;max-width:390px;width:100%;justify-self:center}
.environment-label{top:1px}
.jet-controls{grid-column:3;grid-row:2;flex-direction:column;justify-content:space-evenly;padding:0 10px;gap:6px}
.jet{width:65px;height:65px}.jet-controls strong{font-size:9px;margin-top:9px}
.chamber-foot{grid-column:1 / -1;grid-row:3;margin:0 20px 6px}
.game-hint{font-size:10px;bottom:1px}
}