:root{--bg:#f4f3ee;--surface:#fff;--surface-2:#eeece5;--surface-3:#e4e1d8;--text:#1b1d1b;--muted:#5a605b;--border:#dedad1;--accent:#1d5a46;--accent-hover:#174a39;--on-accent:#fff;--accent-soft:#dcebe4;--hit:#1d5a46;--on-hit:#fff;--line:#e9b23a;--line-soft:#fbefd0;--on-line:#1b1d1b;--danger:#b3261e;--on-danger:#fff;--danger-soft:#f9e3e1;--warn-soft:#fbf0d4;--focus:#2b6fd6;--hero:#1d5a46;--on-hero:#fff;--col-b:#2f6fd0;--col-i:#d1403c;--col-n:#6d736e;--col-g:#24935a;--col-o:#d9821a;--shadow-sm:0 1px 2px #1e231e0f, 0 1px 1px #1e231e0a;--shadow:0 6px 20px #1e231e14, 0 1px 3px #1e231e0f;--shadow-lg:0 20px 60px #00000038;--radius:16px;--radius-sm:10px;--gap:12px;--touch:48px;--header-h:56px;--tabbar-h:64px;--ease:cubic-bezier(.2, .8, .2, 1);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111311;--surface:#1b1e1c;--surface-2:#252926;--surface-3:#2f3430;--text:#ecebe6;--muted:#a6aca7;--border:#333835;--accent:#6cc3a0;--accent-hover:#86d1b2;--on-accent:#0c1f17;--accent-soft:#1d362c;--hit:#3f9b7a;--on-hit:#fff;--line:#f2c14e;--line-soft:#3a3220;--on-line:#1b1d1b;--danger:#ff8a80;--on-danger:#2a0c09;--danger-soft:#3d1f1c;--warn-soft:#3a3220;--focus:#8ab4ff;--hero:#22543f;--on-hero:#ecebe6;--col-b:#6ea2f2;--col-i:#f07b76;--col-n:#a9afaa;--col-g:#5cc58d;--col-o:#f2a650;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 24px #00000059;--shadow-lg:0 20px 60px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font:17px/1.45 var(--font);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}h1,h2,h3{margin:0;line-height:1.25}h2{font-size:1.15rem}h3{font-size:1.02rem}p{margin:0 0 .5em}p:last-child{margin-bottom:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius-sm);padding:8px 12px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.app-header{z-index:20;min-height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);align-items:center;gap:8px;display:flex;position:sticky;top:0}.app-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.3rem;font-weight:750;overflow:hidden}.app-header-actions{align-items:center;gap:4px;display:flex}.app-main{max-width:960px;padding:16px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));outline:none;margin:0 auto}.app-main.view-enter{animation:view-in .28s var(--ease)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}.tabbar{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;top:auto;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.tabbar .tab-icon{width:56px;height:30px;transition:background .2s var(--ease), transform .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:flex}.tabbar a svg{width:24px;height:24px}.tabbar a[aria-current=page]{color:var(--accent)}.tabbar a[aria-current=page] .tab-icon{background:var(--accent-soft)}.tabbar a:active .tab-icon{transform:scale(.92)}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:48px 0;display:flex}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.spread{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.875rem}.num{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.card.flat{background:var(--surface-2);box-shadow:none;border-color:#0000}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:24px 4px 8px;font-size:.78rem;font-weight:700}.app-main>.section-title:first-child{margin-top:4px}.notice{border-radius:var(--radius-sm);background:var(--warn-soft);padding:12px 14px;font-size:.94rem}.notice.error{background:var(--danger-soft)}.notice.info{background:var(--accent-soft)}.notice ul{margin:4px 0 0;padding-left:20px}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:40px 16px;display:flex}.empty h2{color:var(--text)}.empty .btn-row{justify-content:center;margin-top:10px}.empty-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.empty-icon svg{width:32px;height:32px}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.76rem;font-weight:650;display:inline-flex}.badge.ok{background:var(--accent-soft);color:var(--accent)}.badge.win{background:var(--line);color:var(--on-line)}.linkish{color:var(--accent);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline;display:inline}.btn{min-height:var(--touch);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .15s, transform .12s var(--ease), box-shadow .15s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 30%, transparent)}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.icon{width:var(--touch);padding:0}.btn.small{min-height:36px;padding:0 12px;font-size:.88rem}.btn.icon.small{width:36px}.btn.block{width:100%}.btn svg{flex:none;width:22px;height:22px}.btn.small svg{width:19px;height:19px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row>.btn{flex:auto}.form-grid{gap:14px;display:grid}@media (min-width:640px){.form-grid.two{grid-template-columns:1fr 1fr}}label.field,div.field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.input,select.input,textarea.input{width:100%;min-height:var(--touch);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:17px/1.3 var(--font);padding:10px 14px;font-weight:400;transition:border-color .15s,box-shadow .15s}textarea.input{resize:vertical;min-height:88px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.input-icon{position:relative}.input-icon>svg{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon>.input{background:var(--surface);border-radius:999px;padding-left:44px}.hint{color:var(--muted);font-size:.82rem;font-weight:400}.switch{min-height:var(--touch);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.switch .hint{display:block}.switch input{-webkit-appearance:none;appearance:none;background:var(--surface-3);cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background .2s;position:relative}.switch input:after{content:"";width:26px;height:26px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(20px)}.card.stack>.switch:not(:first-child){border-top:1px solid var(--border);padding-top:var(--gap)}.segmented{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:flex}.segmented button{min-height:38px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;flex:1;padding:0 10px;font-size:.9rem;font-weight:650;transition:background .15s,color .15s}.tab-badge{background:var(--surface-3);min-width:22px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:6px;padding:0 7px;font-size:.78rem;line-height:20px;display:inline-block}.tab-badge.win{background:var(--line);color:var(--on-line)}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.col-b.col-b{--col:var(--col-b)}.col-i.col-i{--col:var(--col-i)}.col-n.col-n{--col:var(--col-n)}.col-g.col-g{--col:var(--col-g)}.col-o.col-o{--col:var(--col-o)}.grid5{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.grid5 .cell{aspect-ratio:1;background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-weight:650;transition:background .2s,color .2s,border-color .2s;display:flex}.grid5 .head{color:var(--col,var(--accent));flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:2px;font-size:.9rem;font-weight:800;line-height:1.1;display:flex}.grid5 .head small{color:var(--muted);font-size:.65rem;font-weight:500}.grid5.heads{margin-bottom:4px}.grid5.mini{gap:2px;width:100%;max-width:180px}.grid5.mini .cell{border-width:1px;border-radius:4px;font-size:.68rem}.grid5.compact .cell{font-size:.95rem}.grid5 .cell.hit{background:var(--hit);color:var(--on-hit)}.grid5 .cell.line{background:var(--line);color:var(--on-line)}.grid5 .cell.need{border-color:var(--line);background:var(--line-soft)}.grid5.edit .cell{border:2px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;min-height:52px;padding:0;font-family:inherit;font-size:1.25rem}.grid5.edit .cell.empty{color:var(--muted);font-weight:400}.grid5.edit .cell[aria-selected=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:var(--accent-soft)}.grid5.edit .cell.invalid{border-color:var(--danger);background:var(--danger-soft)}.numpad{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.numpad button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:54px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);font-size:1.35rem;font-weight:600;transition:background .1s,transform 80ms}.numpad button:active{background:var(--surface-2);transform:scale(.96)}.numpad button.wide{grid-column:span 2}.numpad button.fn{background:var(--surface-2);font-size:.95rem}.numpad button svg{vertical-align:middle;width:24px;height:24px}.field-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.field-tabs button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 16px;font-size:.92rem;font-weight:650}.field-tabs button svg{vertical-align:middle;width:20px;height:20px}.field-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.field-tabs button.has-error{border-color:var(--danger)}.photo-preview{object-fit:contain;border-radius:var(--radius-sm);background:var(--surface-2);width:100%;max-height:60vh;display:block}.photo-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:96px;height:96px}details.photo-ref summary,details.card summary{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-weight:600;list-style:none;display:flex}details.photo-ref summary::-webkit-details-marker{display:none}details.card summary::-webkit-details-marker{display:none}details.photo-ref summary:after,details.card summary:after{content:"";border:solid var(--muted);width:8px;height:8px;transition:transform .2s var(--ease);border-width:0 2px 2px 0;margin-left:auto;transform:translateY(-2px)rotate(45deg)}details[open].photo-ref summary:after,details[open].card summary:after{transform:translateY(2px)rotate(-135deg)}.hero{border-radius:calc(var(--radius) + 4px);background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--line) 35%, transparent) 0%, transparent 55%), linear-gradient(135deg, var(--hero) 0%, color-mix(in srgb, var(--hero) 70%, #000) 100%);color:var(--on-hero);box-shadow:var(--shadow);gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.hero .eyebrow{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:.78rem;font-weight:700}.hero .headline{letter-spacing:-.01em;font-size:1.45rem;font-weight:750}.hero .facts{flex-wrap:wrap;gap:6px;display:flex}.hero .fact{background:color-mix(in srgb, var(--on-hero) 16%, transparent);border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:600}.hero .btn{background:var(--on-hero);border-color:var(--on-hero);color:var(--hero);box-shadow:none}.hero .btn:hover{background:color-mix(in srgb, var(--on-hero) 90%, var(--hero))}.hero-balls{opacity:.22;pointer-events:none;gap:6px;display:flex;position:absolute;top:-14px;right:-14px}.hero-balls span{border:3px solid;border-radius:50%;width:46px;height:46px}.ticket-list{gap:10px;display:grid}@media (min-width:700px){.ticket-list{grid-template-columns:1fr 1fr}}.ticket-card{transition:transform .15s var(--ease), box-shadow .15s;grid-template-columns:minmax(0,1fr) 96px;align-items:start;gap:10px 14px;display:grid;position:relative}.ticket-card:has(.title:active){transform:scale(.99)}@media (hover:hover){.ticket-card:hover{box-shadow:var(--shadow)}}.ticket-card.expired{opacity:.72}.ticket-card .info{flex-direction:column;gap:6px;min-width:0;display:flex}.ticket-card .title{color:var(--text);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700;text-decoration:none}.ticket-card .title:after{content:"";border-radius:var(--radius);position:absolute;top:0;bottom:0;left:0;right:0}.ticket-card .actions{z-index:1;gap:2px;margin:2px 0 -6px -8px;display:flex;position:relative}.ticket-card .meta{color:var(--muted);flex-wrap:wrap;gap:2px 10px;font-size:.86rem;display:flex}.ticket-card .grid5.mini{max-width:96px}.filters{gap:10px;margin:18px 0 10px;display:grid}.filter-row{align-items:center;gap:8px;display:flex}.filter-row .segmented{flex:1}.date-filter{align-items:center;gap:8px;display:flex}.date-filter .input{border-radius:999px;flex:1;min-height:42px}.btn.toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.play-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.play-top .hint{flex:none}.play-top .input{border-radius:999px;flex:1;min-height:42px;padding-block-start:6px;padding-block-end:6px}.play-layout{gap:16px;display:grid}@media (min-width:900px){.play-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.play-layout .play-tabs{display:none}.play-layout .play-pane[hidden]{display:flex!important}}.play-status{top:calc(var(--header-h) + env(safe-area-inset-top) + 8px);z-index:10;border-radius:calc(var(--radius) + 4px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 12px;padding:10px 10px 10px 12px;display:grid;position:sticky}.play-status .chance{background:var(--surface-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;margin-left:6px;padding:0 8px;font-weight:650;display:inline-block}.play-status .chance.hot{background:var(--line-soft);box-shadow:inset 0 0 0 1.5px var(--line)}.play-status .progress-line{background:var(--surface-2);border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.play-status .progress-line>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s var(--ease);display:block}.last-ball{--col:var(--accent);background:radial-gradient(circle at 50% 52%, var(--surface) 0 47%, transparent 48%), var(--col);width:60px;height:60px;color:var(--text);font-variant-numeric:tabular-nums;box-shadow:inset 0 -3px 6px #0000002e, var(--shadow-sm);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:1.45rem;font-weight:800;line-height:1;display:flex}.last-ball small{color:var(--col);margin-bottom:1px;font-size:.62rem;font-weight:800}.last-ball.pop{animation:pop .35s var(--ease)}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}.last-ball.none{--col:var(--surface-3);color:var(--muted)}.board{gap:8px;display:grid}.board-group,.board-nums{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}@media (min-width:600px) and (max-width:899px){.board-group{grid-template-columns:repeat(16,minmax(0,1fr))}}.board-letter{aspect-ratio:1;background:color-mix(in srgb, var(--col) 16%, transparent);color:var(--col);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:850;display:flex}.board button{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .15s, color .15s, transform .1s var(--ease);border-radius:50%;padding:0;font-size:1.05rem;font-weight:700;position:relative}.board button:active{transform:scale(.92)}.board button[aria-pressed=true]{background:var(--col,var(--hit));border-color:var(--col,var(--hit));color:#fff;box-shadow:inset 0 -3px 5px #0003}.board button.near{border:2px solid var(--line);background:var(--line-soft);animation:1.6s ease-in-out infinite alternate near-glow}@keyframes near-glow{to{box-shadow:0 0 0 4px color-mix(in srgb, var(--line) 35%, transparent)}}.board button[aria-pressed=true].mine:after{content:"";background:var(--line);border:2px solid var(--surface);border-radius:50%;width:30%;height:30%;position:absolute;top:-1px;right:-1px}.board button[aria-pressed=true]:not(.mine){background:color-mix(in srgb, var(--col,var(--hit)) 30%, var(--surface));border-color:var(--col,var(--hit));color:var(--text);box-shadow:none}.board button.mine:not([aria-pressed=true]):not(.near){background:var(--surface-2);border-color:color-mix(in srgb, var(--col) 45%, var(--border))}.quick-entry{--col:var(--accent);gap:12px;display:grid}.qe-letters{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.qe-letter{border:2px solid color-mix(in srgb, var(--col) 45%, var(--border));background:color-mix(in srgb, var(--col) 12%, var(--surface));min-width:0;min-height:52px;color:var(--col);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .15s, color .15s, transform .1s var(--ease);border-radius:14px;font-size:1.5rem;font-weight:850}.qe-letter:active,.qe-key:active{transform:scale(.94)}.qe-letter[aria-pressed=true]{background:var(--col);border-color:var(--col);color:#fff;box-shadow:inset 0 -3px 5px #0003}.qe-letter:disabled{opacity:.35;cursor:default}.qe-display{background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:64px;font-size:1.05rem;display:flex}.qe-ball{background:var(--col);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:850;display:grid}.qe-value{font-variant-numeric:tabular-nums;min-width:2.2ch;font-size:2.2rem;font-weight:800}.qe-value.empty{color:var(--muted);font-size:1.3rem;font-weight:650}.qe-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.qe-key{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:56px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .15s, opacity .15s, transform .1s var(--ease);border-radius:14px;font-size:1.5rem;font-weight:700}.qe-key.fn{background:var(--surface-2)}.qe-key.ok{background:var(--col);border-color:var(--col);color:#fff;font-size:1.15rem}.qe-key:disabled{opacity:.3;cursor:default}.board button.blocked{opacity:.35;animation:none}.board-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:.8rem;display:flex}.board-legend span:before{content:"";vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.board-legend .lg-mine:before{background:var(--surface-2);border:1px solid var(--muted)}.board-legend .lg-hit:before{background:var(--line);box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--muted);width:8px;height:8px}.board-legend .lg-near:before{background:var(--line-soft);border:2px solid var(--line)}.drawn-list{flex-wrap:wrap;gap:5px;display:flex}.drawn-list .ball{border:2px solid var(--col,var(--muted));background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 4px;font-size:.88rem;font-weight:700;display:inline-flex}.drawn-list .ball.latest{background:var(--col,var(--muted));color:#fff}.result-card{gap:10px;display:grid}.result-card.won{border-color:var(--line);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-sm);background:linear-gradient(180deg, var(--line-soft), var(--surface) 70%)}.result-fields{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:14px;display:grid}.result-field{align-content:start;gap:6px;min-width:0;display:grid}.result-field .grid5{max-width:220px}.need-text{font-size:.9rem}.need-text strong{font-variant-numeric:tabular-nums}.win-banner{border-radius:var(--radius);background:linear-gradient(135deg, var(--line), color-mix(in srgb, var(--line) 75%, #ff7a00));width:100%;color:var(--on-line);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow);animation:pop .4s var(--ease);border:0;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;font-weight:700;display:flex}.win-banner svg{flex:none;width:28px;height:28px}.win-banner .chevron{color:inherit}@media (min-width:900px){.win-banner .chevron{display:none}}.key-echo{z-index:40;background:var(--text);min-width:96px;color:var(--bg);text-align:center;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-lg);pointer-events:none;border-radius:24px;padding:14px 22px;font-size:2.6rem;font-weight:800;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.celebrate{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;place-items:center;padding:24px 16px;animation:.2s ease-out fade-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.celebrate.out{opacity:0;transition:opacity .2s}@keyframes fade-in{0%{opacity:0}}.celebrate-card{background:linear-gradient(180deg, var(--line-soft), var(--surface) 45%);width:min(360px,100%);box-shadow:var(--shadow-lg), inset 0 0 0 2px var(--line);text-align:center;border-radius:28px;justify-items:center;gap:10px;padding:24px 20px 20px;animation:.5s cubic-bezier(.2,1.4,.4,1) celebrate-in;display:grid;position:relative}@keyframes celebrate-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}}.celebrate-icon{background:var(--line);width:72px;height:72px;color:var(--on-line);box-shadow:0 0 0 8px color-mix(in srgb, var(--line) 30%, transparent);border-radius:50%;place-items:center;animation:.9s ease-in-out .4s 2 wiggle;display:grid}.celebrate-icon svg{width:40px;height:40px}@keyframes wiggle{25%{transform:rotate(-12deg)scale(1.08)}75%{transform:rotate(12deg)scale(1.08)}}.celebrate-title{letter-spacing:-.02em;font-size:2rem;font-weight:850;line-height:1.1}.celebrate-sub{color:var(--muted);font-weight:650}.celebrate-card .grid5{width:100%;max-width:230px;margin:4px 0}.celebrate-card .btn{margin-top:6px}.confetti i{top:-20px;left:var(--x);background:var(--c);width:9px;height:14px;animation:confetti-fall var(--dur) cubic-bezier(.25, .4, .5, 1) var(--delay) forwards;opacity:0;border-radius:2px;position:absolute}.confetti i:nth-child(3n){border-radius:50%;width:10px;height:10px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.9;transform:translate(var(--drift), 110vh) rotate(var(--rot))}}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:14px 12px}.stat .value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem;font-weight:750}.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:600}.stat .value.pos{color:var(--accent)}.stat .value.neg{color:var(--danger)}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{border-bottom:1px solid var(--border);text-align:left;padding:10px 6px}table.data th{color:var(--muted);font-size:.78rem;font-weight:650}table.data td.r,table.data th.r{text-align:right;font-variant-numeric:tabular-nums}.list{gap:8px;display:grid}.list-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:64px;color:var(--text);box-shadow:var(--shadow-sm);transition:background .15s, transform .12s var(--ease);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.list-item:hover{background:var(--surface-2)}.list-item:active{transform:scale(.99)}.list-item.live{border-color:var(--accent);background:var(--accent-soft)}.list-icon{background:var(--surface-2);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.list-icon.win{background:var(--line);color:var(--on-line)}.list-icon svg{width:22px;height:22px}.chevron{color:var(--muted);flex:none;display:flex}.chevron svg{width:20px;height:20px}.update-status{align-items:center;gap:10px;margin:0;font-weight:650;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot.current{background:var(--accent)}.dot.ready{background:var(--line);box-shadow:0 0 0 4px var(--line-soft)}.dot.error{background:var(--danger)}.dot.checking,.dot.downloading{background:var(--accent);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.update-banner{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px);z-index:45;border-radius:calc(var(--radius) + 4px);background:var(--surface);border:1px solid var(--border);width:min(520px,100vw - 20px);box-shadow:var(--shadow-lg);animation:slide-up .35s var(--ease);align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex;position:fixed;transform:translate(-50%)}.update-banner strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;display:block;overflow:hidden}.update-banner .btn{min-height:42px}.update-icon{background:var(--line-soft);width:38px;height:38px;color:color-mix(in srgb, var(--line) 70%, var(--text));border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.update-icon svg{width:22px;height:22px}body:has(.update-banner) .toast-host{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 92px)}.changelog{gap:10px;margin:0;padding:0;list-style:none;display:grid}.changelog li{border-left:3px solid var(--accent-soft);gap:2px;padding-left:14px;display:grid}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,16px)}}dialog{border:1px solid var(--border);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:22px;padding:22px}dialog[open]{animation:dialog-in .25s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073}dialog h2{margin-bottom:10px}dialog .btn-row{margin-top:20px}@media (max-width:599px){dialog{width:100%;max-width:100%;padding-bottom:max(22px, env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;margin:auto 0 0}dialog[open]{animation:sheet-in .3s var(--ease)}dialog:before{content:"";background:var(--surface-3);border-radius:999px;width:40px;height:5px;margin:-10px auto 14px;display:block}@keyframes sheet-in{0%{transform:translateY(100%)}}}.toast-host{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);z-index:50;pointer-events:none;gap:8px;width:min(480px,100vw - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .3s var(--ease);align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.toast.win{background:var(--line);color:var(--on-line);font-weight:650}.toast .btn{min-height:36px;color:inherit;background:0 0;border-color:currentColor;padding:0 12px}progress{-webkit-appearance:none;appearance:none;background:var(--surface-2);border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-2)}progress::-webkit-progress-value{background:var(--accent);transition:width .3s}progress::-moz-progress-bar{background:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}