:root{color-scheme:dark;--bg: #0b0c0f;--panel: #15171d;--panel-2: #1d2028;--ink: #f5f3ed;--muted: #9ca3af;--line: #2b303b;--gold: #d8b56d;--mint: #67d4a1;--sky: #78a8ff;--rose: #ef8da2;--violet: #a98cff;--shadow: 0 24px 80px rgba(0, 0, 0, .42);--game-surface: #100f0d;--tile-top: #27231d;--tile-bottom: #1a1815;--tile-selected: #eadfc6;--group-1: #d8b56d;--group-2: #a98cff;--group-3: #90c5d7;--group-4: #9ad2a4;--serif: Georgia, "Hiragino Mincho ProN", "Yu Mincho", serif;--sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", "Segoe UI", sans-serif;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.light{color-scheme:light;--ink: #2a2017;--muted: #7b6e5f;--line: rgba(91, 63, 36, .2);--game-surface: #f7f1e6;--tile-top: #fff9ee;--tile-bottom: #efe3d0;--tile-selected: #6b4a2c;--group-1: #e6be68;--group-2: #c4b0e8;--group-3: #90c5d7;--group-4: #9ad2a4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(216,181,109,.12),transparent 28rem),radial-gradient(circle at 100% 14%,rgba(169,140,255,.08),transparent 26rem),var(--bg);color:var(--ink)}body.light{background:radial-gradient(circle at 10% 0%,rgba(230,190,104,.18),transparent 28rem),radial-gradient(circle at 100% 14%,rgba(144,197,215,.16),transparent 26rem),#efe5d4}button{font:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(216,181,109,.72);outline-offset:3px}.shell{position:relative;width:min(100%,1180px);margin:0 auto;padding:18px 14px 32px}.theme-toggle{position:absolute;top:20px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(216,181,109,.24);border-radius:50%;color:#d8b56d;background:#ffffff09;font-family:var(--serif);font-size:17px;font-weight:600;cursor:pointer}body.light .theme-toggle{color:#6b4a2c;border-color:#5b3f2438;background:#fff9ee94}.stage{display:grid;place-items:start center}.app-status{display:grid;place-items:center;align-content:center;gap:14px;min-height:min(420px,70dvh);padding:48px 20px;text-align:center;font-family:var(--serif)}.app-status p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.app-status-error p{color:var(--ink)}body.light .app-status-error p{color:#2a2017}.phone{width:min(100%,392px);min-height:min(780px,100dvh);max-height:100dvh;border:1px solid rgba(216,181,109,.25);border-radius:28px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow)}body.light .phone{border-color:#71542e38;box-shadow:0 24px 80px #3a2b1942}.game{min-height:min(780px,100%);padding:18px 16px 22px;background:linear-gradient(135deg,rgba(216,181,109,.13),transparent 38%),var(--game-surface)}body.light .game{color:#2a2017;background:linear-gradient(90deg,rgba(94,68,38,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(94,68,38,.035) 1px,transparent 1px),var(--game-surface);background-size:18px 18px}.game-play[hidden],.result-view[hidden]{display:none}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.brand{display:grid;gap:3px}.brand strong{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:0}.brand span,.date{color:var(--muted);font-size:12px;font-weight:600}.tries{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tries-label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em}.mistake-chances{display:inline-flex;align-items:center;gap:6px}.chance{display:inline-block;flex-shrink:0;width:11px;height:11px;border:1px solid rgba(216,181,109,.55);border-radius:3px;background:linear-gradient(180deg,#d8b56df2,#d8b56d8c);box-shadow:inset 0 1px #fff3}body.light .chance{border-color:#6b4a2c59;background:linear-gradient(180deg,#e6be68,#c9a24e);box-shadow:inset 0 1px #ffffffa6}.chance.is-spent{border-color:#9ca3af59;background:transparent;box-shadow:none;opacity:.45}body.light .chance.is-spent{border-color:#7b6e5f59}.solved{display:grid;gap:8px;margin-bottom:14px}.group{min-height:58px;padding:10px 12px;border-radius:6px;color:#111319}.group b{display:block;margin-bottom:4px;font-size:13px;font-weight:650;font-family:var(--serif)}.group span{font-size:12px;font-weight:550;font-family:var(--serif)}.group:nth-child(1){background:var(--group-1)}.group:nth-child(2){background:var(--group-2)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile{aspect-ratio:1.12;min-width:0;border:1px solid rgba(216,181,109,.22);border-radius:6px;color:var(--ink);background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 1px #ffffff0d;font-size:clamp(13px,4vw,18px);font-family:var(--serif);font-weight:600;letter-spacing:0;cursor:pointer}body.light .tile{box-shadow:inset 0 1px #ffffffd9,0 8px 20px #5b3f2417}.tile.selected{color:#111319;background:var(--tile-selected)}body.light .tile.selected{color:#fdf7ea}.feedback{display:grid;place-items:center;min-height:38px;margin:14px 0 12px;color:var(--gold);font-size:13px;font-weight:560}.feedback.is-wrong{color:#ef8da2}body.light .feedback{color:#8a5d24}body.light .feedback.is-wrong{color:#b84a5a}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.action{min-height:42px;border-radius:6px;border:1px solid var(--line);color:var(--ink);background:transparent;font-family:var(--serif);font-size:14px;font-weight:600}body.light .action{background:#fff9ee8f}.action.primary{border-color:transparent;color:#101113;background:var(--gold)}body.light .action.primary{color:#fff9ee;background:#6b4a2c}.outcome-kicker,.outcome-meta{color:var(--muted);font-size:12px;font-weight:600}.outcome-title{margin:6px 0 14px;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.2}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}.stat{min-height:64px;padding:10px;border:1px solid rgba(216,181,109,.16);border-radius:8px;background:#ffffff09}body.light .stat{border-color:#5b3f2433;background:#fff9ee85}.stat b{display:block;margin-bottom:4px;color:var(--gold);font-family:var(--serif);font-size:20px;font-weight:600}.stat span{color:var(--muted);font-size:11px;font-weight:600}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.result-button{min-height:42px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:transparent;font-family:var(--serif);font-size:14px;font-weight:600}body.light .result-button{background:#fff9ee85}.result-button.primary{border-color:transparent;color:#101113;background:var(--gold)}body.light .result-button.primary{color:#fff9ee;background:#6b4a2c}.answer-list{display:grid;gap:8px}.answer{padding:9px 11px;border-radius:6px;color:#111319;font-family:var(--serif)}.answer:nth-child(1){background:var(--group-1)}.answer:nth-child(2){background:var(--group-2)}.answer:nth-child(3){background:var(--group-3)}.answer:nth-child(4){background:var(--group-4)}.answer b{display:block;margin-bottom:3px;font-size:13px;font-weight:650}.answer span{font-size:12px;font-weight:550}.share-card{display:grid;gap:13px;width:100%;margin-top:16px;padding:18px 18px 20px;border:1px solid rgba(216,181,109,.24);border-radius:16px;background:radial-gradient(circle at 82% 12%,rgba(216,181,109,.16),transparent 5.5rem),#15120d}body.light .share-card{color:#2a2017;border-color:#5b3f242e;background:radial-gradient(circle at 82% 12%,rgba(230,190,104,.22),transparent 5.5rem),#fff9eec7}.share-title{display:flex;justify-content:space-between;gap:12px;font-family:var(--serif);font-weight:600}.share-badge{display:grid;place-items:center;width:max-content;min-width:118px;max-width:100%;min-height:72px;margin:0 auto;padding:10px 18px 12px;border:1px solid rgba(216,181,109,.34);border-radius:999px;color:var(--gold);font-family:var(--serif);line-height:1.05}body.light .share-badge{color:#6b4a2c;border-color:#5b3f243d}.share-badge b{display:block;max-width:100%;font-size:22px;font-weight:600;letter-spacing:0;white-space:nowrap}.share-badge span{display:block;margin-bottom:5px;font-size:11px;font-weight:600;letter-spacing:0;white-space:nowrap}.share-phrase{margin:-2px 0 0;padding:0 4px;text-align:center;font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.45;word-break:keep-all}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.share-cell{aspect-ratio:1;border-radius:5px;background:var(--group-1)}.share-cell.blue{background:#90c5d7}.share-cell.violet{background:#a98cff}.share-cell.green{background:#9ad2a4}.share-cell.blank{background:#ffffff1f}.share-copy{display:grid;gap:3px;color:var(--muted);font-size:12px;line-height:1.4;text-align:center}.copy-toast{min-height:0;margin:8px 0 0;color:var(--gold);font-size:12px;line-height:1.4;text-align:center}.copy-toast:not([hidden]){min-height:1.25rem;padding:2px 6px 0}body.light .copy-toast{color:#8a5d24}@media(max-width:400px){.shell{padding-left:10px;padding-right:10px}.theme-toggle{top:16px;right:10px}.game{padding-left:14px;padding-right:14px}.share-badge b{font-size:20px}.outcome-title{font-size:22px}}@media(min-width:900px){.shell{padding-top:28px}}