:root{--brand-primary:#7c5cff;--brand-accent:#22d3ee;--brand-background:#0b0b14;--surface:#15151f;--border:#2a2a3a;--text:#f4f4f7;--muted:#9a9aae;--danger:#ff6b6b;--success:#4ade80}*{box-sizing:border-box}body{background:var(--brand-background);color:var(--text);margin:0;font-family:Noto Sans Thai,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.shell{flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem 1rem 3rem;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:60rem;display:flex}.brand{color:var(--brand-primary);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.5rem;font-weight:700}.who{color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1.25rem;width:100%;max-width:30rem;padding:2rem;display:flex}.card h1{margin:0;font-size:1.5rem}form{flex-direction:column;gap:1.25rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--muted);font-size:.9rem}.required{color:var(--danger)}.field input{border:1px solid var(--border);color:var(--text);font:inherit;background:#ffffff0a;border-radius:.5rem;padding:.7rem .85rem}.field input:focus-visible,button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);margin:0;font-size:.85rem}.checklist{color:var(--muted);gap:.2rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.checklist-item{gap:.5rem;display:flex}.checklist-item.met{color:var(--success)}.checkbox{color:var(--muted);align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}button.primary,button.secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.75rem 1rem;font-weight:600}button.primary{background:var(--brand-primary);color:#fff}button.secondary{border-color:var(--border);color:var(--text);background:0 0}button:disabled{opacity:.55;cursor:not-allowed}button.link{color:var(--brand-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notice{border-radius:.5rem;margin:0;padding:.7rem .85rem;font-size:.9rem}.notice-error{color:var(--danger);background:#ff6b6b1f}.notice-success{color:var(--success);background:#4ade801f}.notice-info{color:var(--brand-accent);background:#22d3ee1f}.muted{color:var(--muted);margin:0;font-size:.9rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.summary{gap:.5rem;margin:0;display:grid}.summary div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.4rem;display:flex}.summary dt{color:var(--muted);font-size:.9rem}.summary dd{margin:0;font-size:.9rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tiles button{border:1px dashed var(--border);width:100%;color:var(--muted);font:inherit;background:#ffffff08;border-radius:.5rem;flex-direction:column;gap:.2rem;padding:1rem .5rem;display:flex}.tiles small{opacity:.7;font-size:.75rem}.footer{color:var(--muted);text-align:center;font-size:.8rem}.card.wide{max-width:48rem}.card h2{color:var(--muted);margin:.5rem 0 0;font-size:1rem}.money{white-space:nowrap;font-variant-numeric:tabular-nums}.money small{opacity:.7;font-size:.75em}.balance{color:var(--brand-accent)}.balance-card{border:1px solid var(--border);background:#7c5cff1f;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.balance-card strong{font-size:1.75rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:.35rem .85rem}.tiles .tile-action{border-style:solid;border-color:var(--border);color:var(--text);cursor:pointer}.field select{border:1px solid var(--border);color:var(--text);font:inherit;background:#ffffff0a;border-radius:.5rem;padding:.7rem .85rem}.rows{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.rows li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.4rem;font-size:.9rem;display:flex}.badge{border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.badge-credited,.badge-approved{color:var(--success);border-color:var(--success)}.badge-pending,.badge-requested{color:var(--brand-accent);border-color:var(--brand-accent)}.badge-rejected,.badge-failed{color:var(--danger);border-color:var(--danger)}.reference{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .5rem}th{color:var(--muted);font-weight:600}td.credit{color:var(--success)}td.debit{color:var(--danger)}.lobby-tabs{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.lobby-tab{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.95rem}.lobby-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-weight:700}.lobby-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.lobby-providers{flex-wrap:wrap;flex:auto;gap:.4rem;display:flex}.chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .8rem;font-size:.85rem}.chip.active{color:#fff;border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 25%, transparent)}.lobby-search{color:inherit;border:1px solid var(--border);background:0 0;border-radius:.6rem;flex:0 14rem;padding:.5rem .8rem;font-size:.9rem}.lobby-search:focus-visible{outline:2px solid var(--brand-accent)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.game-tile{aspect-ratio:1/1.15;border:1px solid var(--border);color:#fff;cursor:pointer;text-align:left;border-radius:.9rem;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;padding:.8rem;display:flex;position:relative;overflow:hidden}.game-tile:hover:not(:disabled){border-color:var(--brand-accent);transform:translateY(-2px)}.game-tile:disabled{opacity:.7;cursor:wait}.game-tile-icon{font-size:1.8rem}.game-tile-title{word-break:break-word;font-weight:700;line-height:1.2}.game-tile-provider{color:#ffffffbf;letter-spacing:.04em;font-size:.72rem}.game-tile-play{background:#00000059;border-radius:999px;margin-top:auto;padding:.25rem .7rem;font-size:.85rem;font-weight:700}.play-shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.play-header{align-items:center;padding:.7rem 1rem;display:flex}.play-title{font-size:1.05rem;font-weight:700}.play-provider{color:var(--muted);margin-left:.4rem;font-weight:400}.play-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:1.5rem 1rem;display:flex}.play-reel{border:2px solid var(--border);background:#00000059;border-radius:1.2rem;justify-content:center;align-items:center;width:min(80vw,18rem);height:min(50vw,11rem);display:flex}.play-reel.spinning .play-reel-face{animation:.5s linear infinite reel-spin}.play-reel-face{font-size:3.5rem}@keyframes reel-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.play-result{padding:0 1rem;font-size:1.25rem;font-weight:800}.outcome-win{color:var(--success)}.outcome-push{color:var(--brand-accent)}.outcome-lose{color:var(--muted)}.play-error{color:var(--danger);font-weight:600}.play-controls{flex-direction:column;align-items:center;gap:.9rem;display:flex}.play-stakes{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.play-bet{background:var(--brand-primary);color:#fff;cursor:pointer;box-shadow:0 6px 24px color-mix(in srgb, var(--brand-primary) 45%, transparent);border:none;border-radius:999px;padding:.9rem 2.6rem;font-size:1.15rem;font-weight:800}.play-bet:disabled{opacity:.6;cursor:wait}.play-history{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.play-history li{border:1px solid var(--border);border-radius:.5rem;padding:.25rem .6rem;font-size:.85rem}.play-footer{border-top:1px solid var(--border);background:#00000059;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.play-balance{font-size:1.05rem}.play-exit{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:.6rem;padding:.5rem 1rem;font-weight:700}