@import "https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--paper:#fbf7ef;--paper-2:#f4eee1;--ink:#20262e;--ink-soft:#5b6470;--line:#e7dfd1;--card:#fff;--board:#14a06a;--board-deep:#0b7d52;--board-soft:#e2f4ea;--wire:#ff6a3d;--wire-deep:#e14f24;font-family:Zen Kaku Gothic New,system-ui,sans-serif}body{background-color:var(--paper);background-image:radial-gradient(var(--line) 1.4px, transparent 1.4px);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-size:22px 22px;flex-direction:column;align-items:center;gap:14px;margin:0;padding:20px 16px 48px;display:flex}.sim-topbar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:820px;display:flex}.sim-topbar a{color:var(--ink);font-size:14px;text-decoration:none}.sim-topbar a:hover{color:var(--board-deep)}.sim-brand{align-items:center;gap:8px;font-family:Zen Maru Gothic,sans-serif;font-weight:900;display:inline-flex}.sim-brand .logo{background:var(--board);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}h1{text-align:center;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:900}#hint{color:var(--ink-soft);margin:0;font-size:14px}#after-note{color:var(--ink-soft);margin:4px 0 0;font-size:14px}#after-note a{color:var(--board-deep);font-weight:700}canvas{background:var(--card);border:1px solid var(--line);touch-action:none;border-radius:14px;max-width:100%;box-shadow:0 10px 30px -18px #00000040}#controls{flex-wrap:wrap;gap:12px;width:100%;max-width:820px;display:flex}#controls fieldset{border:1px solid var(--line);background:var(--card);border-radius:12px;flex:240px;padding:10px 14px 12px}#controls legend{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:0 6px;font-family:Space Mono,monospace;font-size:11px}#controls label{align-items:center;gap:8px;margin:8px 0;font-size:14px;display:flex}#controls input[type=range]{accent-color:var(--board);flex:1}#controls span{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em;font-family:Space Mono,monospace}#action-row{flex-wrap:wrap;flex-basis:100%;gap:10px;display:flex}#reset-btn,#save-btn{cursor:pointer;color:#fff;border:none;border-radius:999px;flex:auto;padding:11px 16px;font-family:inherit;font-size:15px;font-weight:700}#reset-btn{background:var(--wire);box-shadow:0 4px 0 0 var(--wire-deep)}#reset-btn:hover{background:var(--wire-deep)}#save-btn{background:var(--board);box-shadow:0 4px 0 0 var(--board-deep)}#save-btn:hover{background:var(--board-deep)}#reset-btn:active,#save-btn:active{transform:translateY(1px)}#save-btn:disabled{opacity:.6;cursor:default}#leaderboard{background:var(--card);border:1px solid var(--line);border-radius:14px;width:100%;max-width:820px;padding:16px 18px 18px}#leaderboard h2{margin:0 0 10px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:900}#auth-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;display:flex}#auth-status{color:var(--ink-soft)}#google-btn{cursor:pointer;color:#fff;background:var(--board);box-shadow:0 3px 0 0 var(--board-deep);border:none;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:700}#google-btn:hover{background:var(--board-deep)}#google-btn:active{transform:translateY(1px)}#google-btn:disabled{opacity:.5;cursor:default;box-shadow:none}#leaderboard-list{margin:0;padding-left:1.4em;font-size:14px}#leaderboard-list li{margin:4px 0}#leaderboard-list b{font-weight:700}#leaderboard-list small{color:var(--ink-soft);font-family:Space Mono,monospace}#leaderboard-list .empty{color:var(--ink-soft);margin-left:-1.4em;list-style:none}