:root{--night:#0a1730;--ink:#10223d;--paper:#f3e5bf;--paper2:#d6bd84;--foam:#dff8f2;--coral:#ee704f;--cyan:#65d5d0;--gold:#f1c45a;--danger:#b9383d;--shadow:#07101f;--tilt:0deg;color-scheme:dark;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--night)}body{margin:0;min-width:280px;color:#f8f3df;background:#071325;overflow-x:hidden}button,a{font:inherit}button{min-height:46px;border:2px solid #f8e9bb;background:#142b47;color:#fff;border-radius:6px;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 #020812}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}.masthead{height:54px;padding:7px max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #07101f;background:#12243b;font-size:.86rem;letter-spacing:.06em}.masthead a{color:#fff;text-decoration:none;font-weight:800}.masthead button{min-height:36px;padding:4px 10px;border-width:1px;box-shadow:none;font-size:.8rem}main{max-width:920px;margin:auto}.screen{min-height:calc(100svh - 54px)}[hidden]{display:none!important}.primary{background:var(--coral);border-color:#ffe6b5;color:#17151b}.kicker{color:var(--gold);font-weight:900;letter-spacing:.09em}.opening{position:relative;overflow:hidden;display:grid;align-items:center;grid-template-columns:1.1fr .9fr;padding:clamp(22px,5vw,64px)}.opening-sky{position:absolute;inset:0;background:#071731;overflow:hidden}.opening-sky:before{content:"";position:absolute;width:32vmin;height:32vmin;min-width:170px;min-height:170px;border-radius:50%;right:10%;top:10%;background:#f4df9a;box-shadow:0 0 0 18px #f4df9a18}.opening-sky:after{content:"";position:absolute;left:-5%;right:-5%;height:35%;bottom:-14%;background:#123a52;border-radius:50% 50% 0 0/30% 30% 0 0;box-shadow:0 -18px 0 #1f5b69}.opening-sky i{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:60px 35px #fff,130px -12px #f1c45a,240px 46px #fff,330px -25px #fff,410px 68px #f1c45a}.opening-sky i:nth-child(1){left:5%;top:12%}.opening-sky i:nth-child(2){left:30%;top:33%}.opening-sky i:nth-child(3){left:58%;top:16%}.opening-sky b{position:absolute;right:22%;bottom:17%;width:62px;height:280px;background:#e7d6aa;clip-path:polygon(28% 0,72% 0,88% 100%,12% 100%);filter:drop-shadow(10px 8px 0 #07101f)}.opening-sky b:after{content:"";position:absolute;left:-15%;top:0;width:130%;height:35px;background:#d25f49;border:5px solid #07101f}.opening-copy{position:relative;max-width:540px;padding:20px 0;text-shadow:0 2px 0 #07101f}.opening h1{margin:.2em 0;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(3rem,8vw,6.6rem);line-height:.92;letter-spacing:-.06em}.opening h1 em{color:var(--gold);font-style:normal}.opening-copy>p:not(.kicker):not(.best-line){max-width:40em;line-height:1.8;font-weight:700}.quick-guide{display:grid;gap:8px;padding:0;list-style:none;max-width:470px}.quick-guide li{display:flex;align-items:center;border-left:6px solid var(--cyan);padding:6px 10px;background:#07101fbf}.quick-guide b{width:8em;color:var(--gold)}.quick-guide span{font-size:.83rem}.opening .primary{padding:10px 26px;font-size:1.1rem}.best-line{font-size:.82rem}.night-log{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:#07101fee;border-bottom:3px solid #d6bd84;padding:6px}.night-log div{text-align:center;border-right:1px solid #75684d}.night-log div:last-child{border:0}.night-log small{display:block;color:#c9c1a8;font-size:.66rem}.night-log b{font-family:ui-monospace,Consolas,monospace;color:#fff}.sea-world{position:relative;min-height:480px;overflow:hidden;background:#0d2948;isolation:isolate;border-bottom:6px solid #07101f}.sea-world:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 11%,#ffe790 0 1px,transparent 2px),radial-gradient(circle at 45% 29%,#fff 0 1px,transparent 2px);background-size:160px 120px}.moon{position:absolute;left:10%;top:58px;width:64px;height:64px;background:#f4df9a;border-radius:50%;box-shadow:0 0 30px #f4df9a66}.cliff{position:absolute;left:-8%;bottom:78px;width:54%;height:90px;background:#1b2932;clip-path:polygon(0 25%,70% 0,100% 45%,86% 100%,0 100%)}.sea{position:absolute;left:0;right:0;bottom:0;height:100px;background:#0d465d}.sea i{position:absolute;left:-10%;right:-10%;height:22px;border-top:8px solid #b8eee5;border-radius:50%;animation:tide 3.6s ease-in-out infinite}.sea i:nth-child(1){top:10px}.sea i:nth-child(2){top:42px;animation-delay:-1.2s}.sea i:nth-child(3){top:72px;animation-delay:-2.1s}.wave-warning{position:absolute;top:22px;right:18px;z-index:4;width:min(270px,48%);background:#07101fd9;border:2px solid #f1c45a;padding:8px 11px;transform:rotate(1deg);box-shadow:5px 5px 0 #07101f}.wave-warning span{display:block;color:var(--cyan);font-size:1.35rem;letter-spacing:.1em}.wave-warning b{font-size:.82rem}.lighthouse{position:absolute;z-index:5;left:52%;bottom:72px;width:250px;height:350px;transform:translateX(-50%) rotate(var(--tilt));transform-origin:50% 100%;transition:transform .42s cubic-bezier(.2,.8,.25,1.2)}.lantern{position:absolute;z-index:3;left:79px;top:0;width:92px;height:54px;background:#b9473d;border:6px solid #07101f}.lantern:before{content:"";position:absolute;left:11px;top:8px;width:58px;height:30px;background:#ffe58d;box-shadow:0 0 28px #ffe58d}.lantern span:after{content:"";position:absolute;left:77px;top:13px;width:230px;height:25px;background:#ffe58d77;clip-path:polygon(0 15%,100% 0,100% 100%,0 85%)}.tower-floors{position:absolute;left:45px;right:45px;bottom:44px;height:250px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start}.floor{position:relative;width:122px;height:35px;margin-top:-1px;border:4px solid #07101f;background:#ead8ae;transform:translateX(var(--x))}.floor:nth-child(even){background:#c95a49}.floor small{display:block;color:#07101f;text-align:center;font:900 .65rem ui-monospace,monospace;line-height:27px}.current-floor{position:absolute;left:20px;right:20px;bottom:43px;height:245px;pointer-events:none}.placed-cell{position:absolute;left:calc(50% + var(--slot)*38px);bottom:calc(var(--row)*23px);width:55px;height:25px;transform:translateX(-50%);border:3px solid #07101f;background:var(--gold);color:#07101f;text-align:center;font:900 .72rem/19px ui-monospace,monospace;box-shadow:2px 2px 0 #07101f}.placed-cell.lift{background:var(--cyan);border-radius:50% 50% 6px 6px}.tower-base{position:absolute;left:30px;right:30px;bottom:18px;height:34px;background:#d0b47d;border:5px solid #07101f;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.mission-plaque{position:absolute;z-index:6;left:16px;bottom:112px;width:min(310px,40%);padding:10px 12px;background:#f0e1bc;color:#10223d;border:4px solid #07101f;transform:rotate(-1deg);box-shadow:6px 6px 0 #07101f}.mission-plaque p{margin:0;font-weight:900}.mission-plaque strong{display:block;margin:5px 0;font:900 clamp(1.15rem,3vw,1.7rem) ui-monospace,Consolas,monospace}.mission-plaque span{font-size:.8rem}.mission-note{margin:0;padding:10px 16px;background:#e7d5a7;color:#13243a;font-weight:800;line-height:1.5}.danger-strip{padding:8px 16px;background:#173d4d;border-bottom:4px solid #07101f;font-size:.85rem;font-weight:800}.danger-strip.warning{background:#7c2e35}.cargo-dock{padding:16px;background:#14243a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 39L39 0M20 40L40 20' stroke='%23ffffff08' stroke-width='2'/%3E%3C/svg%3E")}.dock-title{display:flex;align-items:center;justify-content:space-between}.dock-title h2{margin:0;font-family:Georgia,"Yu Mincho",serif}.dock-title span{background:var(--gold);color:#10223d;padding:4px 10px;font-weight:900;transform:rotate(1deg)}.cell-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.cell-choice{position:relative;padding:8px;background:#d5b975;color:#10223d;border-color:#07101f;box-shadow:4px 4px 0 #07101f;font:900 1.18rem ui-monospace,monospace}.cell-choice.lift{background:#65d5d0;border-radius:50% 50% 6px 6px}.cell-choice[aria-pressed="true"]{transform:translate(3px,3px);box-shadow:1px 1px 0 #07101f;outline:4px double #fff}.selection-text{margin:5px 0 10px;color:#fff6cb;font-size:.84rem}.crane-track{position:relative;height:112px;background:#0b1828;border:3px solid #d1bd86;touch-action:pan-y;user-select:none;overflow:hidden}.rail{position:absolute;left:8%;right:8%;top:28px;height:9px;background:#6f6046;border:2px solid #07101f}.rail:before{content:"";position:absolute;left:0;right:0;top:-12px;height:8px;background:repeating-linear-gradient(90deg,#cbb47d 0 8px,transparent 8px 18px)}.drag-cell{--slot:0;position:absolute;z-index:2;left:calc(50% + var(--slot)*18%);top:11px;width:76px;height:62px;min-height:0;transform:translateX(-50%);background:#f1c45a;color:#10223d;border-color:#07101f;box-shadow:4px 5px 0 #07101f;transition:left .16s ease}.drag-cell.lift{background:var(--cyan);border-radius:50% 50% 7px 7px}.drag-cell b{display:block;font:900 1.05rem ui-monospace,monospace}.drag-cell small{font-size:.58rem}.slot-labels{position:absolute;left:1%;right:1%;bottom:7px;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;color:#bfc8cc;font-size:.62rem}.move-buttons{display:grid;grid-template-columns:1fr .8fr 1fr;gap:7px;margin:8px 0}.forecast{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.forecast div{min-height:58px;padding:7px;background:#e8d6aa;color:#10223d;border:3px solid #07101f;text-align:center}.forecast small{display:block;font-size:.66rem}.forecast b{display:block;margin-top:4px;font-size:.86rem}.forecast b.danger{color:#a51f2d}.action-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px}.wave-button{display:block;width:100%;margin-top:9px;background:#65d5d0;color:#10223d;border-color:#07101f}.status{min-height:3em;margin:10px 0 0;padding:9px 11px;border-left:6px solid var(--cyan);background:#07101f;line-height:1.5}.status.success{border-color:var(--gold);color:#fff2b3}.status.warning{border-color:#f27a78}.quiz{position:relative;overflow:hidden;padding:clamp(22px,5vw,60px);background:#e8d8af;color:#10223d}.quiz:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 31px,#18345512 31px 33px)}.quiz>*{position:relative}.quiz-mark{position:absolute;right:4%;top:4%;font:900 clamp(6rem,22vw,13rem) Georgia,serif;color:#b85a4530;transform:rotate(-7deg)}.quiz h2{max-width:690px;font:900 clamp(1.8rem,5vw,3.5rem) Georgia,"Yu Mincho",serif}.quiz-question{max-width:720px;font-weight:900;font-size:1.2rem;line-height:1.7}.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px}.quiz-choices button{white-space:normal;overflow-wrap:anywhere;background:#17344f;text-align:left;padding:10px}.quiz-choices button[data-correct="true"]{background:#176653}.quiz-choices button[data-chosen="true"]{outline:4px double #f1c45a}.quiz-feedback{max-width:760px;margin-top:16px;padding:13px;border:4px solid #10223d;background:#fff5d9}.quiz-feedback b{font-size:1.1rem}.quiz-feedback p{line-height:1.7}.result{position:relative;overflow:hidden;padding:clamp(28px,6vw,72px);background:#0b1b35}.result:before{content:"";position:absolute;right:10%;bottom:-5%;width:120px;height:390px;background:#dfcda0;clip-path:polygon(30% 0,70% 0,91% 100%,9% 100%);filter:drop-shadow(12px 8px 0 #07101f)}.result-beam{position:absolute;right:calc(10% + 60px);bottom:330px;width:70vw;height:70px;background:#ffe58d55;transform-origin:right;transform:rotate(-10deg);clip-path:polygon(0 25%,100% 0,100% 100%,0 75%)}.result>*:not(.result-beam){position:relative;z-index:2;max-width:690px}.result h2{font:900 clamp(2rem,6vw,4.4rem) Georgia,"Yu Mincho",serif;margin:.2em 0}.final-score{display:inline-flex;flex-direction:column;padding:10px 26px;background:#f1c45a;color:#10223d;border:5px solid #07101f;transform:rotate(-1deg)}.final-score span{font-size:.72rem;font-weight:900}.final-score b{font:900 2.5rem ui-monospace,monospace}.result-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.result-ledger div{padding:8px;background:#f0e1bc;color:#10223d;border:3px solid #07101f}.result-ledger small{display:block}.result-ledger b{font-size:1.15rem}.result-message{padding:10px;background:#07101fd9;line-height:1.7}.result-actions{display:flex;flex-wrap:wrap;gap:9px}.ranking-panel{margin-top:14px;max-height:min(55svh,430px);overflow:auto;padding:10px;background:#f5e7c2;color:#10223d;border:5px solid #07101f}.ranking-panel button{color:#fff}.ranking-panel [aria-selected="true"]{background:#1a6170;color:#fff}.release{animation:release .65s ease}.impact{animation:impact .45s ease}.shake{--tilt:5deg}
@keyframes tide{50%{transform:translateX(7%) translateY(5px)}}@keyframes release{50%{filter:brightness(1.35)}}@keyframes impact{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@media(max-width:700px){.opening{display:block;padding:24px 17px 210px}.opening-sky b{right:13%;height:210px}.sea-world{min-height:430px}.mission-plaque{left:8px;bottom:105px;width:48%;padding:7px}.lighthouse{left:68%;transform:translateX(-50%) rotate(var(--tilt));height:330px}.wave-warning{right:8px;top:10px}.action-row{grid-template-columns:1fr 1fr}.action-row .primary{grid-column:1/-1}.result-ledger{grid-template-columns:1fr}.result:before{opacity:.55}.quiz-choices{grid-template-columns:1fr}.quick-guide li{display:block}.quick-guide b{display:block;width:auto}.night-log{font-size:.88rem}.cell-choices{gap:6px}}
@media(max-width:390px){.masthead span{display:none}.sea-world{min-height:410px}.lighthouse{left:69%;width:220px}.mission-plaque{font-size:.75rem}.cell-choice{font-size:1rem;padding:6px}.move-buttons button{padding:4px;font-size:.78rem}.forecast{grid-template-columns:1fr}.forecast div{min-height:44px}.forecast small,.forecast b{display:inline}.action-row{grid-template-columns:1fr}.action-row .primary{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}