@font-face{font-family:system-ui;src:local("Segoe UI")}
:root{color-scheme:dark;--bg:#071b24;--panel:#0b252e;--line:#25414a;--text:#ecf3ed;--muted:#9bb3b9;--mint:#a8e4cf;--amber:#e8bd7e;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 10%,#123541 0,transparent 55%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.site-shell{max-width:1376px;margin:auto;padding:0 max(32px,env(safe-area-inset-left)) 0 max(32px,env(safe-area-inset-right))}.masthead{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:750;letter-spacing:2px}.brand img{border:1px solid #416069;border-radius:50%;padding:7px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:2.8px;margin-top:5px}.rules-link{display:flex;gap:14px;align-items:center;font-size:14px;color:#c7d8da}.rules-link>span{border:1px solid #46626a;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.launch-screen{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(310px,1fr);border:1px solid #31515a;border-radius:4px;overflow:hidden;box-shadow:0 25px 85px #0004;background:#091f28}.art-panel{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;background:#061e29}.cover{display:block;width:100%;height:auto;object-fit:contain}.art-caption,.art-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 30px;color:#aec9cd;font-size:12px;letter-spacing:1.5px}.art-caption{margin-bottom:auto}.art-bottom{margin-top:auto;font-size:14px;letter-spacing:.1px}.edition{font-size:11px;letter-spacing:2px;border:1px solid #365763;padding:7px 9px;white-space:nowrap}.launch-panel{padding:36px clamp(22px,3vw,46px) 25px;background:linear-gradient(160deg,#12323a,#0b222b);border-left:1px solid #31515a}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--amber);margin:0 0 16px}h1{font-size:clamp(38px,3.3vw,50px);letter-spacing:-1.3px;line-height:1.08;margin:0 0 28px;font-weight:650}h1 em{font-style:normal;color:var(--mint)}fieldset{padding:0;border:0;margin:0}legend{font-size:14px;color:var(--muted);margin-bottom:12px}.mode-option{position:relative;display:flex;align-items:center;gap:14px;padding:16px 14px;border:1px solid #38535c;border-radius:4px;margin-bottom:10px;cursor:pointer;transition:border-color .2s,background .2s;background:#0a222b}.mode-option:has(input:checked){border-color:#8cc9b4;background:#204239}.mode-option:hover{border-color:#9bbcb5}.mode-option:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.mode-option input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer}.mode-option strong{display:block;font-size:16px;font-weight:600}.mode-option small{display:block;margin-top:5px;font-size:12px;color:#b3c6c9}.mode-symbol{font:13px Consolas,monospace;color:#86aaa9}.radio-dot{width:17px;height:17px;flex-shrink:0;border-radius:50%;border:1px solid #718b91;margin-left:auto}.mode-option input:checked~.radio-dot{border:5px solid var(--mint);background:#214b40}.difficulty-row{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:60px;font-size:14px;color:#bbced1}.difficulty-row select{max-width:58%;color:var(--text);background:#0a222b;border:1px solid #405b63;border-radius:4px;padding:9px 25px 9px 12px;min-height:42px}.local-note{font-size:13px;line-height:1.55;min-height:60px;margin:0;display:flex;align-items:center;color:#bbced1}.launch-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:14px;min-height:58px;border:0;border-radius:4px;background:var(--mint);color:#123b32;padding:16px 20px;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 6px 24px #84d7ba18;transition:background .2s,transform .2s}.launch-button svg{width:24px;height:24px}.launch-button:hover{background:#c6f4e1;transform:translateY(-1px)}.save-note{text-align:center;font-size:12px;line-height:1.5;color:var(--muted);margin:15px 0 0}[hidden]{display:none!important}.rules{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:66px;font-size:14px;color:#c5d7db;gap:20px}summary::-webkit-details-marker{display:none}.rule-number{font:12px Consolas,monospace;color:#719b9e;margin-right:24px}.expand{font-size:24px;color:var(--mint)}details[open] .expand{transform:rotate(45deg)}.rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:8px 0 28px;margin:0}.rules li{display:flex;gap:16px}.rules li>span{font:13px Consolas,monospace;color:var(--amber);padding-top:5px}.rules h2{font-size:16px;font-weight:600;margin:0 0 10px}.rules p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;color:#799aa3;font-size:12px;line-height:1.5}footer>span:first-child{letter-spacing:2px}@media(min-width:1600px){.site-shell{padding-top:30px}}@media(max-width:950px){.site-shell{padding-inline:22px}.masthead{height:85px}.launch-screen{grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}.launch-panel{padding:26px 22px}.art-caption,.art-bottom{padding:20px 18px}.art-caption{font-size:10px;letter-spacing:.8px}.art-bottom{flex-wrap:wrap;font-size:12px}.rules ol{gap:22px}}@media(max-width:680px){.site-shell{padding-inline:16px}.masthead{height:78px}.brand{font-size:13px;letter-spacing:1.5px}.brand small{font-size:10px}.rules-link{font-size:13px;gap:7px}.launch-screen{grid-template-columns:1fr}.art-panel{max-height:200px}.cover{width:100%;height:200px;object-fit:cover;object-position:center 42%}.art-caption,.art-bottom{display:none}.launch-panel{padding:23px 20px;border-left:0;border-top:1px solid #31515a}h1{font-size:30px;line-height:1.15;margin-bottom:20px}h1 br{display:none}h1 em{margin-left:8px}.eyebrow{margin-bottom:11px;font-size:10px}.mode-option{padding:14px 12px;min-height:74px}.launch-button{margin-top:9px}.rules{margin-top:20px}.rules ol{grid-template-columns:1fr;gap:22px}.rule-number{margin-right:12px}footer{flex-wrap:wrap;gap:8px;padding-block:21px}}@media(max-width:370px){.site-shell{padding-inline:10px}.brand img{display:none}.art-panel,.cover{height:168px}.launch-panel{padding:20px 16px}.mode-option{gap:10px}.mode-option small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}