:root{color-scheme:light;--bg:#f5f2e9;--text:#203e59;--muted:#5e7180;--line:#c9d2d5;--mint:#244f77;--amber:#b9432e;font:16px/1.5 Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select,summary{cursor:pointer}:focus-visible{outline:3px solid #df6742;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-shell{max-width:1180px;margin:auto;padding:0 32px}.masthead{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--text)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand img{width:34px;height:34px}.header-actions{display:flex;gap:25px;align-items:center}.rules-link{font-size:15px}.rules-link span{display:none}.rules-link:hover{text-decoration:underline}.launch-screen{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:80px;padding:48px 0 40px}.art-panel{position:relative;min-width:0}h1{font-size:clamp(58px,7vw,88px);font-weight:800;letter-spacing:-5px;line-height:.94;margin:0 0 22px}.title-dot{color:#d04c34}.home-intro{font-size:17px;line-height:1.65;margin:0;color:#4b6274}.paper-board{max-width:350px;margin:21px 0 0 18px;transform:rotate(-4deg)}.paper-board svg{display:block;width:100%;height:auto;overflow:visible}.paper-board text{font:13px monospace;fill:#244c6c}.board-caption{display:flex;align-items:center;gap:23px;margin:21px 0 0 28px;font-size:12px;color:#647481}.board-caption span{display:flex;align-items:center;gap:6px}.board-caption b{color:#d64b35;font-size:20px;line-height:1}.ink-dot{display:block;width:5px;height:5px;background:#5a798e;border-radius:50%}.launch-panel{padding-top:5px}.launch-panel h2{font-size:28px;letter-spacing:-.8px;margin:0 0 24px}fieldset{border:0;margin:0;padding:0}.mode-option{display:flex;position:relative;align-items:center;gap:16px;padding:23px 18px 23px 52px;min-height:99px;border-top:1px solid var(--line);cursor:pointer}.mode-option:last-child{border-bottom:1px solid var(--line)}.mode-option:has(input:checked){background:#e5eaf0}.mode-option:hover{background:#eaf0f3}.mode-option input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.mode-option:has(input:focus-visible){outline:3px solid #df6742;outline-offset:3px}.mode-option strong{display:block;font-size:18px;font-weight:700;letter-spacing:-.3px}.mode-option small{display:block;font-size:14px;margin-top:4px;color:var(--muted)}.radio-dot{position:absolute;left:18px;width:18px;height:18px;border:2px solid #8698a5;border-radius:50%}.mode-option input:checked~.radio-dot{border:5px solid #244f77;background:#fff}.difficulty-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;color:var(--muted);min-height:82px}.difficulty-row select{background:#fffdf9;border:1px solid #aebcc5;color:var(--text);padding:9px 16px;min-width:160px;border-radius:3px}.local-note{margin:0;min-height:82px;padding:17px 0;font-size:14px;color:var(--muted);line-height:1.7}.launch-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:15px 23px;font-size:19px;font-weight:700;border:2px solid #203e59;border-radius:4px;background:#244f77;color:white;box-shadow:0 4px 0 #193853;cursor:pointer}.launch-button:hover{background:#193c60}.launch-button:active{transform:translateY(3px);box-shadow:0 1px 0 #193853}.launch-button svg{width:24px;height:24px}.save-note{font-size:13px;text-align:center;color:var(--muted);margin:19px 0}.rules{border-top:1px solid #aebcc5;border-bottom:1px solid #aebcc5}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:62px;font-size:17px;font-weight:700;gap:15px}summary::-webkit-details-marker{display:none}.expand{font-size:24px;font-weight:400}details[open] .expand{transform:rotate(45deg)}.rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;margin:0;padding:10px 0 28px}.rules li{display:flex;gap:13px}.rules li>span{font:bold 15px/1.5 monospace;color:#b9432e}.rules h2{font-size:17px;margin:0 0 8px}.rules p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;padding:25px 0}footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.launch-screen{gap:35px}.site-shell{padding-inline:24px}h1{font-size:72px}.mode-option{padding-right:10px}.mode-option strong{font-size:16px}.mode-option small{font-size:13px}}
@media(max-width:680px){.site-shell{padding-inline:20px}.masthead{min-height:76px;gap:12px}.brand{font-size:21px}.brand img{width:30px;height:30px}.header-actions{gap:15px}.rules-link{font-size:13px}.launch-screen{grid-template-columns:1fr;gap:29px;padding:28px 0}.art-panel{display:grid;grid-template-columns:1fr 118px;gap:0 10px;align-items:center}h1{font-size:49px;letter-spacing:-2.5px;margin:0 0 14px;grid-column:1;grid-row:1}.home-intro{font-size:14px;line-height:1.6;grid-column:1/-1}.home-intro br{display:none}.paper-board{width:118px;margin:0;grid-column:2;grid-row:1;transform:rotate(-5deg)}.board-caption{display:none}.launch-panel{padding:0}.launch-panel h2{font-size:23px;margin-bottom:15px}.mode-option{padding:18px 12px 18px 46px;min-height:86px}.mode-option strong{font-size:16px}.radio-dot{left:13px}.difficulty-row{min-height:72px;padding:15px 0}.local-note{min-height:72px;padding:13px 0}.save-note{margin-bottom:0}.launch-button{font-size:17px}.rules ol{grid-template-columns:1fr;gap:22px}.rules p{font-size:15px}footer{font-size:11px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}