:root{--surface-2:#fff;--surface-1:#f5f4ef;--surface-0:#f0eee7;--text-primary:#1b1b19;--text-secondary:#5f5e5a;--text-muted:#8a897f;--text-disabled:#b4b2a9;--border:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.17);--bg-accent:#e6f1fb;--text-accent:#185fa5;--border-accent:#85b7eb;--bg-success:#e1f5ee;--text-success:#0f6e56;--bg-warning:#faeeda;--text-warning:#854f0b;--bg-danger:#fcebeb;--text-danger:#a32d2d;--border-danger:#f09595;--fill-disabled:#f0eee7;--radius-lg:16px;--radius:12px;--radius-sm:8px;--ease:cubic-bezier(0.22,0.61,0.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--surface-0);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface-0)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;gap:12px;padding:14px 18px;background:color-mix(in srgb,var(--surface-0) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:.5px solid var(--border)}.topbar,.topbar h1{display:flex;align-items:center}.topbar h1{font-size:17px;margin:0;font-weight:600;letter-spacing:-.01em;gap:8px}.topbar .brand-dot{color:var(--text-accent);font-size:12px}.content{flex:1 1;padding:16px;display:flex;flex-direction:column;gap:14px;animation:page-in .32s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card-tappable{cursor:pointer;transition:transform .08s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.card-tappable:active{transform:scale(.985)}.stack{flex-direction:column}.row,.stack{display:flex;gap:12px}.row{justify-content:space-between}.btn,.row{align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:.5px solid var(--border-strong);border-radius:var(--radius);padding:14px 18px;font-size:15px;font-weight:600;color:var(--text-primary);background:var(--surface-2);cursor:pointer;min-height:50px;width:100%;display:inline-flex;justify-content:center;gap:8px;text-decoration:none;transition:background .14s var(--ease),transform .07s var(--ease),opacity .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--fill-disabled);color:var(--text-disabled);border-color:var(--border);cursor:not-allowed;transform:none}.btn-primary{background:var(--text-primary);color:var(--surface-2);border-color:var(--text-primary)}.btn-primary:active:not(:disabled){background:#000}.btn-secondary{background:var(--surface-2);color:var(--text-primary)}.btn-secondary:active:not(:disabled){background:var(--surface-1)}.btn-danger{background:var(--bg-danger);color:var(--text-danger);border-color:var(--border-danger)}.btn-ghost{color:var(--text-accent);border-color:transparent;min-height:auto;width:auto;padding:8px 10px;font-weight:600}.btn-ghost,.btn-ghost:disabled{background:transparent}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;display:inline-block}.dot-active{background:var(--text-success);box-shadow:0 0 0 3px var(--bg-success)}.dot-free{background:var(--text-disabled)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.status-active{background:var(--bg-success);color:var(--text-success)}.status-accent{background:var(--bg-accent);color:var(--text-accent)}.post-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:100%;text-align:left;font-family:inherit;color:inherit}.post-row-free{border-color:var(--border-accent);cursor:pointer;transition:transform .08s var(--ease),background .15s var(--ease)}.post-row-free:active{transform:scale(.985);background:var(--surface-1)}.post-title{font-size:15px;font-weight:600;display:block}.post-sub{font-size:11.5px;color:var(--text-muted);margin-top:1px;display:block}label{font-weight:600;font-size:13px;color:var(--text-secondary)}input,select{width:100%;padding:13px 14px;font-size:16px;font-family:inherit;border:.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text-primary);transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}input:focus,select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--bg-accent)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.seg{padding:13px 0;border:.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);font-weight:600;font-size:15px;cursor:pointer;text-align:center;font-family:inherit;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease),transform .07s var(--ease)}.seg:active{transform:scale(.97)}.seg-active{background:var(--bg-accent);color:var(--text-accent);border-color:var(--border-accent)}.game-list{display:flex;flex-direction:column;gap:8px}.game-option{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;font-size:14px;font-family:inherit;color:inherit;transition:background .14s var(--ease),border-color .14s var(--ease),transform .07s var(--ease)}.game-option:active{transform:scale(.99)}.game-option-active{border-color:var(--border-accent);background:var(--bg-accent)}.game-option .name{display:flex;align-items:center;gap:10px;font-weight:600}.game-option i{color:var(--text-secondary);font-size:18px}.list-row{justify-content:space-between;padding:12px 14px;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);animation:row-in .28s var(--ease) both}.list-row,.list-row .name{display:flex;align-items:center;gap:10px}.list-row .name{font-weight:600;font-size:14px}.list-row i{color:var(--text-secondary);font-size:18px}@keyframes row-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.timer-block{padding:18px;border-radius:var(--radius);text-align:center;transition:background .4s var(--ease),color .4s var(--ease)}.timer-ok{background:var(--bg-success);color:var(--text-success)}.timer-warn{background:var(--bg-warning);color:var(--text-warning)}.timer-over{background:var(--bg-danger);color:var(--text-danger)}.timer-num{font-size:42px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.08;letter-spacing:.01em}.timer-cap{font-size:12px;font-weight:500;opacity:.95}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat{background:var(--surface-1);border-radius:var(--radius-sm);padding:12px 14px}.stat .label{font-size:11px;color:var(--text-muted)}.stat .value{font-size:19px;font-weight:600;margin-top:2px}.check-circle{width:54px;height:54px;border-radius:50%;background:var(--bg-success);color:var(--text-success);display:grid;place-items:center;margin:0 auto 12px;font-size:28px;animation:pop .4s var(--ease) both}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.receipt-box{padding:14px;border:.5px dashed var(--border-strong);border-radius:var(--radius)}.amount-lg{font-size:40px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.amount-cur{font-size:14px;color:var(--text-muted);font-weight:500}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.metric{padding:13px 12px}.metric .label{font-size:10.5px;color:var(--text-muted);font-weight:500;line-height:1.3}.metric .value{font-size:19px;font-weight:600;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.02em}.metric .value .amount-cur{font-size:11px;letter-spacing:0}.sheet-overlay{position:fixed;inset:0;background:rgba(20,20,18,.42);display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:overlay-in .2s var(--ease) both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface-2);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(20,20,18,.2);max-height:92dvh;overflow-y:auto;animation:sheet-in .3s var(--ease) both}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{width:38px;height:4px;border-radius:2px;background:var(--border-strong);margin:2px auto 14px}.tabbar{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;border:.5px solid var(--border);background:var(--surface-2);transition:background .14s var(--ease),color .14s var(--ease)}.tab-active{background:var(--text-primary);color:var(--surface-2);border-color:var(--text-primary)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 8px;border-bottom:.5px solid var(--border)}th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}.divider{height:.5px;background:var(--border);border:0;margin:2px 0}.error{background:var(--bg-danger);color:var(--text-danger);padding:11px 14px;border-radius:var(--radius);font-size:13px;border:.5px solid var(--border-danger)}.notice{padding:12px 14px;border-radius:var(--radius);font-size:13px}.notice-success{background:var(--bg-success);color:var(--text-success)}.notice-accent{background:var(--bg-accent);color:var(--text-accent);border:.5px solid var(--border-accent)}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:20px}.link{color:var(--text-accent);text-decoration:none;font-weight:600}.section-label{font-size:12px;font-weight:600}.hint,.section-label{color:var(--text-muted)}.hint{font-size:11px;display:inline-flex;align-items:center;gap:6px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}