/* VELHA: emerald glass, luminous cyan and violet opponents. */
:root{--bg:#091514;--panel:#102320;--line:#25433d;--muted:#a0b9b2;--accent:#79f5cf;--action:linear-gradient(112deg,#a2f579 0%,#56edb5 48%,#3cddd5 100%)}
body{background:#060d0d;color:#edf9f5}
.app-shell{background:radial-gradient(ellipse at 100% 0%,#17594a65,transparent 45%),radial-gradient(ellipse at 0% 90%,#123f4638,transparent 50%),#091514;border-color:#203b35}
header{background:linear-gradient(115deg,#102720f2,#0b1919f5);border-bottom-color:#2c5145;box-shadow:0 8px 30px #0002}
.brand{font-family:'DM Sans',sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px;color:#effff7;line-height:1.1}
.brand-lockup{gap:5px}.environment{color:#9dbbb0;font-size:7px;letter-spacing:.8px}
.menu-toggle{border-color:#34564d;background:#173b2f55;border-radius:10px}.menu-toggle span{background:#d5f9e7}
.header-balance small{color:#9fbbb2}.header-balance strong{color:#a1f7d0;font-variant-numeric:tabular-nums}
#arena .topwallet{background:linear-gradient(115deg,#204d3a88,#12393766 60%,#17475055);border:1px solid #3f7a5d66;border-radius:14px;padding:12px 14px;margin-top:12px;margin-bottom:5px;box-shadow:inset 0 1px 0 #b7ffcf0b}
.topwallet>div+div{border-color:#548a7155;padding-left:14px}.topwallet small{color:#afc9bd}.topwallet strong{color:#f1fff6;font-weight:600;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.8px}.topwallet>div+div strong{color:#8df5cb}
#amount-open{background:var(--action);color:#0a3528;border:0;border-radius:7px;box-shadow:0 3px 12px #57e9ae1a}
.settings-open{color:#d0e8df;border-color:#2b4a40}.settings-open span{color:#9fbcb0}.gamehead{color:#b2c9c0}.versus{color:#799a8d}
.players strong{color:#dceee7}.piece.x{background:linear-gradient(135deg,#305e36,#173b32);color:#b5ff9d;border:1px solid #517c4755}.piece.o{background:linear-gradient(135deg,#3e325a,#252b40);color:#d8c0ff;border:1px solid #79659855}
.board{gap:9px}.cell{background:linear-gradient(145deg,#1d352e,#102520);border:1px solid #365748;border-radius:14px;box-shadow:inset 0 1px 0 #c2fbd008,0 4px 12px #0002;color:#b3ff9e}
.cell:not(:disabled):hover{background:linear-gradient(145deg,#284f3c,#173c31);border-color:#74ad7b}.cell.x{color:#b3ff9e;background:linear-gradient(140deg,#385c2c,#183e30);border-color:#81b76d; text-shadow:0 0 22px #afff7b22}.cell.o{color:#d9bcff;background:linear-gradient(140deg,#373048,#202c34);border-color:#6c5a85}.cell.winning{background:linear-gradient(140deg,#4b7131,#1d5940);border-color:#b2f48b;box-shadow:inset 0 0 24px #9bf77c10}
.return{border-color:#315246}.return span{color:#abc6b8}.return strong{color:#a2f3c5;font-weight:600;font-variant-numeric:tabular-nums}
.primary{background:var(--action);color:#07372b;border:1px solid #a2f0a477;border-radius:11px;box-shadow:inset 0 1px 0 #fff5,0 6px 20px #3fdda615;font-weight:700}
.primary:not(:disabled):hover{background:linear-gradient(112deg,#b8ff93,#70f8c5,#68f1e3);border-color:#bbffbf}.secondary{background:#17382e66;border-color:#4e7a67;color:#dbf8e9;border-radius:11px}
.gamefooter h3,.info-open{color:#a1bbae}.panel,.account-card{background:linear-gradient(135deg,#19352a,#101f1d);border-color:#365846;border-radius:15px}
#side-menu{background:linear-gradient(150deg,#163c2c,#0b1c1a 60%);border-color:#365f4b}.nav{color:#bdd6c9;border-radius:10px}.nav.active{background:linear-gradient(105deg,#2c6745,#174b3d);color:#c4ffda;box-shadow:inset 3px 0 #93efa2}.drawer-foot,.drawer-label{color:#9ab6a6}
.sheet,.result-modal{background:radial-gradient(ellipse at top right,#21534080,transparent 70%),#10221c;border-color:#46755b;border-radius:18px;box-shadow:0 30px 90px #0009}.dialog-close{color:#bbd6c5}dialog::backdrop{background:#020b09bd;backdrop-filter:blur(7px)}
.quick button,.modes button,.payment-presets button{background:#1c372b;color:#bdd8c7;border:1px solid #41654e;border-radius:8px}.quick button.selected,.modes button.selected{background:var(--action);color:#083b2b;border-color:#acf6ac}.result-value{background:linear-gradient(120deg,#244f35,#133e30);border-color:#527e59;border-radius:12px;color:#c4ffd4}
.result-modal[data-outcome="win"] .primary{background:linear-gradient(110deg,#b0fa83,#5be7a9);color:#103b20;border-color:#a3eb94}.result-modal[data-outcome="loss"]{background:radial-gradient(ellipse at top,#62212f66,transparent 70%),#21151a;border-color:#7a3c48}.result-modal[data-outcome="loss"] .primary{background:linear-gradient(110deg,#ffb4b2,#ed8c9e);color:#4c1528;border-color:#f3adad}
.rulegrid b,.entry strong,.payment-eyebrow,.payment-status>span,.account-kicker{color:#a0e4b6}.rulegrid p,.payment-sheet>p,.account-card>p{color:#b2cdbd}.muted,.statrow span,.wallet .wallet-notice,.payment-status small{color:#9ebbaa}.payment-notice{background:#1c3c2a;border-color:#7ecf93}.payment-notice strong{color:#cbf0d4}.payment-notice p,.payment-sheet label,.payment-sheet .payment-footnote{color:#aac9b5}.payment-amount{border-color:#537d5e}.payment-amount input{color:#e8fff0}.payment-amount>span{color:#b9d9c3}.payment-status,.test-tools,.account-tabs,.account-card .account-note,.profile-field{border-color:#365b44}.account-tabs button{color:#a1bea9}.account-tabs button.active{color:#b6f5c3;border-bottom-color:#8aeaa4}.account-card .account-note,.account-privacy,#auth-message,#settings-modal #amount-note{color:#a7c7b0}.profile-initial{background:linear-gradient(135deg,#3f6a3e,#1c4c37);color:#c6ffd1;border-color:#7aaf77}.profile-field small{color:#9aba9f}.profile-field span{color:#d0e7d5}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#b3ffce;outline-offset:3px}
@media(max-height:650px){#arena .topwallet{padding:7px 12px;margin-top:7px}.topwallet strong{font-size:20px}.brand{font-size:23px}.board{gap:7px}.cell{border-radius:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Vintage wordmark keeps the header within its existing mobile footprint. */
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:112px;height:47px;object-fit:contain}.brand-lockup{flex-shrink:0;gap:2px}header{gap:12px}.drawer-head .brand-logo{width:136px;height:57px}@media(max-width:360px){header{gap:9px;padding-inline:16px}.brand-logo{width:96px;height:40px}.header-balance strong{font-size:13px}}@media(max-height:650px){header .brand-logo{width:98px;height:41px}}
/* Compact amount control and clear spacing between match actions. */
.pot-heading{justify-content:flex-start;gap:10px;min-height:26px}
.pot-heading small{flex:0 1 auto}
#amount-open{width:26px;height:26px;min-width:26px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:500;line-height:1;padding:0;border-radius:8px;background:#254f3f;color:#b9fbd1;border:1px solid #55846b;box-shadow:none}
#amount-open::after{content:"";position:absolute;inset:-9px}
#amount-open:hover{background:#35694f;border-color:#8ed3a8}
.topwallet>div+div{padding-top:6px}
.players{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.players>div:last-child{justify-content:flex-end}
.players strong{font-size:14px;font-weight:500;letter-spacing:0}
.versus{font-size:13px;font-weight:600;color:#b4cec2;line-height:1.3}
#start:not([hidden])+#result-open:not([hidden]){margin-top:12px}
#result-open{background:linear-gradient(120deg,#234b3a,#173a32);color:#d4f5e4;border:1px solid #59856e;box-shadow:none}
#result-open:not(:disabled):hover{background:#2b5945;border-color:#94c6a6}
@media(max-width:360px){.pot-heading{gap:7px}.players{gap:10px}.players strong{font-size:13px}}
.google-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:8px;font-size:14px}.google-button img{flex:none;width:20px;height:20px}.google-button[hidden]{display:none}

.nav[hidden],[data-account-mode][hidden],.account-note[hidden],.account-privacy[hidden],.test-tools[hidden]{display:none}