*{box-sizing:border-box}body{margin:0;background:var(--light-canvas);color:var(--light-text);font:15px/1.5 system-ui,sans-serif}button,input{font:inherit;border-radius:0}button{min-height:48px;padding:10px 17px;background:var(--light-panel);border:1px solid var(--light-control);color:var(--light-text);cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--brand-primary);color:var(--brand-onPrimary);border-color:var(--brand-primary)}.primary:hover{background:var(--brand-hover)}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brand-onPrimary);outline-offset:3px}header{min-height:84px;display:flex;align-items:center;gap:25px;padding:18px 5%;background:var(--light-panel);border-bottom:1px solid var(--light-border)}.brand{font-size:22px;font-weight:850;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--brand-hover)}header button{margin-left:auto}.badge{padding:5px 9px;border:1px solid var(--light-border);font-size:11px;font-weight:700;letter-spacing:1px}main{max-width:1250px;margin:auto;padding:40px 24px}.page-title,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title{margin-bottom:28px}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:6px 0 12px}h2{font-size:21px;letter-spacing:-.5px;margin:5px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;color:var(--light-secondary);margin:0}.layout{display:grid;grid-template-columns:340px 1fr;gap:24px}.panel{background:var(--light-panel);border:1px solid var(--light-border);padding:26px}.balance{display:flex;align-items:baseline;gap:10px;margin-top:22px;font-size:46px;font-weight:700;letter-spacing:-2px;font-variant-numeric:tabular-nums}.balance small{font-size:15px;letter-spacing:0;color:var(--light-secondary)}.muted,.hint{color:var(--light-secondary)}.hint{font-size:12px}.notice{background:var(--brand-subtle);border-left:3px solid var(--brand-primary);padding:10px;font-size:13px;margin:22px 0}label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}input{display:block;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--light-control);background:var(--light-panel);color:var(--light-text)}form button,.wide{width:100%}.wallet .primary{margin-top:5px}.letters,.board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.letters{text-align:center;color:var(--brand-hover);margin:24px 0 9px}.board button{aspect-ratio:1;font-size:24px;font-variant-numeric:tabular-nums;background:var(--light-canvas);border:1px solid var(--light-border)}.board button.marked{background:var(--brand-subtle);border-color:var(--brand-primary);color:var(--brand-onPrimary)}.game-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}#drawn{font-size:13px;color:var(--light-secondary);flex:1}.history{margin-top:24px}table{width:100%;border-collapse:collapse;margin-top:22px;font-size:13px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--light-border)}th{font-size:11px;color:var(--light-secondary);text-transform:uppercase;letter-spacing:1px}td:nth-child(3),th:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.table-scroll{overflow:auto}.state{font-size:12px;white-space:nowrap;padding:4px 7px;background:var(--light-canvas)}.state.confirmed{background:var(--brand-subtle);color:var(--light-success)}.login{max-width:480px;margin:40px auto}.login form{margin-top:28px}.login button{margin-top:16px}#message{min-height:24px;color:var(--light-error);font-weight:600}footer{max-width:1250px;margin:0 auto;padding:20px 24px 35px;font-size:12px;color:var(--light-secondary)}[hidden]{display:none!important}@media(max-width:800px){header{gap:12px;flex-wrap:wrap}header .badge{display:none}.layout{grid-template-columns:1fr}main{padding:26px 16px}.panel{padding:20px}h1{font-size:27px}.page-title{align-items:flex-start}.board button{font-size:20px}.game-actions{align-items:stretch}.game-actions button{flex:1}.section-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:400px){.game{padding:12px}.letters,.board{gap:4px}.board button{min-width:0;padding:6px}.game-actions{gap:8px}}
.letters,.board{max-width:450px;margin-left:auto;margin-right:auto}