/* ASTRA CROWN: static materials, no animation or requests added to the hand loop. */
.aureon-symbol{display:inline-block;flex:none;width:40px;height:46px;background:var(--tier-accent,#b1ceee);mask:url('./astra-mark.svg') center/contain no-repeat;-webkit-mask:url('./astra-mark.svg') center/contain no-repeat}
#setup .home-brand{gap:11px;line-height:1.1;letter-spacing:0}
.aureon-home-type{display:flex;flex-direction:column;gap:5px}
#setup .aureon-home-type strong{font-size:21px;letter-spacing:.15em;color:var(--tier-ink)}
#setup .aureon-home-type small{font:600 10px/1.1 Georgia,serif;letter-spacing:.24em;color:var(--tier-accent)}
#app{
 --page:#0c1420;--surface:#172638;--surface2:#1d3046;--surface3:#294059;
 --ink:#edf4fc;--ink2:#c5d5e7;--muted:#afc2da;--grid:#4b647d;
 --accent:#93c4f6;--accent2:#c0deff;--accent-soft:#234365;
 --table-metal:#9bbada;--table-metal-light:#d5e5f7;--table-metal-dark:#506883;
 --table-felt-top:#253f58;--table-felt-mid:#172c40;--table-felt-low:#102133;
 --table-rail:#18232e;--table-seam:#69839b;--table-print:#afcce9;
 --seat-top:#20364e;--seat-bottom:#15263a;--seat-hero-top:#2b4560;--seat-hero-bottom:#1b334f;
 --seat-line:#617c99;--seat-shadow:#0007;--table-action:#b8d7f8;--table-action-ink:#132d47;
 --good:#82dab1;--critical:#ffacaa;--gold:#e8cd92;--raise:#984549;--call:#1c674b;--check:#2a587e;--fold:#465262;
 color:var(--ink);background:radial-gradient(ellipse at 40% 25%,#22354e55,transparent 65%),var(--page);
}
html[data-member-tier="standard"] #app{
 --page:#dce3eb;--surface:#f6f8fb;--surface2:#e9eef4;--surface3:#d6e0ea;
 --ink:#1d3045;--ink2:#354d66;--muted:#4c6279;--grid:#a7b7c8;
 --accent:#365c7c;--accent2:#234c6d;--accent-soft:#cfdeea;
 --table-metal:#bccbd8;--table-metal-light:#f7fbff;--table-metal-dark:#718598;
 --table-felt-top:#42505e;--table-felt-mid:#2b3844;--table-felt-low:#1d2934;
 --table-rail:#29333e;--table-seam:#8193a3;--table-print:#c5d0da;
 --seat-top:#f9fbfd;--seat-bottom:#dfe8f1;--seat-hero-top:#fff;--seat-hero-bottom:#cedce9;
 --seat-line:#9bafc2;--seat-shadow:#111c2b55;--table-action:#244c6a;--table-action-ink:#fff;
 --good:#196747;--critical:#a33137;--serious:#884d24;--gold:#53637a;--raise:#843d43;--call:#245e4d;--check:#305978;--fold:#505b69;
 --tier-ink:var(--ink);--tier-muted:var(--muted);--tier-line:var(--grid);--tier-panel:var(--surface);--tier-button:var(--surface2);--tier-action:var(--table-action);--tier-action-ink:var(--table-action-ink);
 background:radial-gradient(ellipse at 45% 5%,#fff 0%,#edf1f580 50%,transparent 80%),var(--page);
}
html[data-member-tier="supreme"] #app{
 --page:#151411;--surface:#25221c;--surface2:#302a20;--surface3:#3c3427;
 --ink:#f6ecd9;--ink2:#dbc9a7;--muted:#bfad8d;--grid:#796544;
 --accent:#dbb979;--accent2:#eed49f;--accent-soft:#4c3d25;
 --table-metal:#cba265;--table-metal-light:#f5ddb0;--table-metal-dark:#795735;
 --table-felt-top:#3b352b;--table-felt-mid:#292720;--table-felt-low:#1b1b17;
 --table-rail:#201d18;--table-seam:#91764f;--table-print:#ccb383;
 --seat-top:#373024;--seat-bottom:#211f1a;--seat-hero-top:#49402e;--seat-hero-bottom:#2b251c;
 --seat-line:#92774a;--seat-shadow:#0009;--table-action:#e3c58d;--table-action-ink:#2b2114;
 --good:#a0d5b2;--critical:#ffb0a4;--gold:#e9ca89;--raise:#77373d;--call:#675334;--check:#4c4333;--fold:#45413b;
 --tier-ink:var(--ink);--tier-muted:var(--muted);--tier-line:var(--grid);--tier-panel:var(--surface);--tier-button:var(--surface2);--tier-action:var(--table-action);--tier-action-ink:var(--table-action-ink);
 background:radial-gradient(ellipse at 42% 0,#5e4b252d,transparent 65%),var(--page);
}
/* Broad stadium capsule: upholstered outer rail, metal inlay and woven inner felt. */
#app #table .rail{
 inset:2% 1%;border-radius:999px;border:2px solid var(--table-metal-dark);
 background:linear-gradient(158deg,#ffffff17,transparent 38%,#0008),var(--table-rail);
 box-shadow:inset 0 2px 2px #ffffff24,inset 0 -9px 12px #0009,0 18px 32px #0006,0 0 0 1px #0008;
}
#app #table .rail::before{content:"";position:absolute;inset:2.1% 1.3%;border-radius:inherit;border:1px dashed var(--table-seam);opacity:.65;pointer-events:none}
#app #table .felt{
 inset:7.4% 4.8%;border-radius:999px;border:3px solid var(--table-metal);
 background:repeating-linear-gradient(35deg,#ffffff02 0 1px,transparent 1px 4px),repeating-linear-gradient(125deg,#00000009 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 26%,var(--table-felt-top),var(--table-felt-mid) 60%,var(--table-felt-low));
 box-shadow:0 0 0 1px var(--table-metal-light),0 0 0 4px var(--table-metal-dark),0 6px 12px #0008,inset 0 0 26px #0007;
}
#app #table .felt::after{inset:6% 4%;border:1px solid var(--table-print);opacity:.18;border-radius:inherit}
.table-brand{position:absolute;left:50%;top:19%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;color:var(--table-print);opacity:.32;pointer-events:none;user-select:none;white-space:nowrap}
.table-brand .aureon-symbol{width:28px;height:33px;background:currentColor}
.table-brand-word{display:flex;flex-direction:column;align-items:center;gap:4px}
.table-brand-word b{font:500 23px/1 Georgia,serif;letter-spacing:.2em;margin-right:-.2em}
.table-brand-word span{font:700 9px/1 system-ui;letter-spacing:.55em;margin-right:-.55em}
#app #streetTag{color:#e9e8df;text-shadow:0 1px 3px #000;opacity:1}
#app #potLine{color:#faf7ed;background:#151b1f;border-color:var(--table-metal-dark);box-shadow:0 3px 10px #0004}
#app .chipbet{color:#fff;background:#1a232b;border-color:var(--table-metal-dark)}
#app .dbtn{background:radial-gradient(circle at 35% 25%,#fff,var(--table-metal-light) 65%,var(--table-metal));color:#26313d;box-shadow:0 2px 7px #0008,inset 0 0 0 2px #fff9}
/* All player frames use the current tier, including AI frames. Keep card colors intact. */
html[data-member-tier] #app .seat{color:var(--ink);border-color:var(--seat-line);background:linear-gradient(155deg,var(--seat-top),var(--seat-bottom));box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px var(--seat-shadow);backdrop-filter:none}
html[data-member-tier] #app .seat.hero{border-color:var(--accent2);background:linear-gradient(145deg,var(--seat-hero-top),var(--seat-hero-bottom));--nmc:var(--ink)!important}
html[data-member-tier] #app .seat .sname,html[data-member-tier] #app .seat .sstack{color:var(--ink)!important}
#app .seat .sstack small,#app .seat .seat-hand{color:var(--muted)}
#app .seat .avatar{box-shadow:0 0 0 2px var(--seat-line),0 3px 8px #0005!important}
html[data-member-tier] #app .seat.acting{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),0 5px 14px var(--seat-shadow);animation:none}
#app .seat.folded{opacity:1;border-style:dashed}
#app .seat.folded .snamerow,#app .seat.folded .sstack{opacity:1}
#app .seat.folded .avatar,#app .seat.folded .scards{opacity:.55;filter:saturate(.5)}
#app .seat.out{opacity:.65}
#app .seat.winner{border-color:var(--table-metal-light);box-shadow:0 0 0 2px var(--table-metal-dark),0 5px 16px var(--seat-shadow)}
#app .seat .saction{border-color:#ffffff35;color:#fff}
#app .seat .saction.a-blind{background:var(--surface3);color:var(--ink2)}
#app .p-SB{--pbg:#2c537a;--pfg:#fff;--pbd:#829fbd}
#app .p-BB{--pbg:#504581;--pfg:#fff;--pbd:#a195c8}
#app .p-CO{--pbg:#245c49;--pfg:#fff;--pbd:#7daa99}
#app .p-HJ{--pbg:#335f4d;--pfg:#fff;--pbd:#86ac9b}
#app .p-MP,#app .p-UTG1{--pbg:#485569;--pfg:#fff}
#app .p-UTG{--pbg:#684b4d;--pfg:#fff}
#app .seat .wintag{background:var(--table-action);color:var(--table-action-ink);box-shadow:none}
#app .seat .card.win{box-shadow:0 0 0 2px var(--table-metal-light),0 0 0 3px var(--table-metal-dark)}
#app .card.back{background:repeating-linear-gradient(45deg,#ffffff0b 0 1px,transparent 1px 5px),linear-gradient(145deg,var(--table-felt-top),var(--table-felt-low));border-color:var(--table-metal);box-shadow:inset 0 0 0 2px var(--table-felt-low)}
#app .topbar .pill,#app .topbar .tb{color:var(--ink);border-color:var(--grid);background:linear-gradient(155deg,var(--surface),var(--surface2));box-shadow:inset 0 1px #ffffff15}
#app .topbar .pill b{color:var(--ink)}
#app .topbar .tb.on,#app #btnPanel,#app .topbar .tb.primary{color:var(--table-action-ink);border-color:var(--accent);background:var(--table-action);box-shadow:none}
#app .topbar .tb.primary:hover{color:var(--table-action-ink);border-color:var(--accent2)}
#app #posbar,#app #handEndBar,#app #tableWalletNotice,#app #reviewPeek{color:var(--ink);background:linear-gradient(140deg,var(--surface),var(--surface2));border-color:var(--grid)}
#app #orderRail .oc.now{color:var(--ink);background:var(--accent-soft);border-color:var(--accent)}
#app .tabs,#app .panel,#app #right,#app #tableTools{color:var(--ink);background:var(--surface);border-color:var(--grid)}
#app .tabs button{color:var(--muted)}
#app .tabs button.on{color:var(--accent);border-color:var(--accent)}
#app #drawerHead{background:var(--surface);color:var(--ink);border-color:var(--grid)}
#app #drawerClose{background:var(--surface3);color:var(--ink);border-color:var(--grid)}
#app #btnExportRv,#app #revSel{color:var(--ink);background:var(--surface2);border-color:var(--grid)}
#app .rkrow.me{background:linear-gradient(145deg,var(--surface2),var(--surface));border-color:var(--accent)}
#app .rkrow.out{opacity:1;border-style:dashed}
#app .rkrow.r2 .rkno,#app .rkrow.r3 .rkno,#app .rkdim{color:var(--muted)}
#app .gradeTag{background:var(--surface3)!important;color:var(--ink);border:1px solid var(--grid)}
#app .evb,#app .mineTag{background:var(--surface3);color:var(--accent2);border-color:var(--grid)}
#app .evb-exact{color:var(--good)}
#app .evb-warn{color:var(--critical)}
#app details.evt.solved summary,#app .solveBar{color:var(--accent2)}
#app .solveBar{background:var(--surface2);border-color:var(--grid)}
#app .solvenote.dim{opacity:1}
#app .solvenote .warnTxt{color:var(--serious)}
#app .fbar{background:var(--accent)}
#app .aihead>span[style]{color:var(--ink2)!important}
#app .tkh>span[style]{color:var(--ink2)!important}
html[data-member-tier="standard"] #app .gradeBig .gl{color:var(--accent2)!important}
#app .act{border:1px solid var(--grid);box-shadow:inset 0 1px #ffffff20,0 2px 5px #0002}
#app .act.fold{background:var(--surface3);color:var(--ink)}
#app .act.check,#app .act.call,#app #nextBtn,#app #drawerNext{background:linear-gradient(145deg,var(--table-action),var(--table-action));color:var(--table-action-ink);border:1px solid var(--accent);box-shadow:inset 0 1px #ffffff25,0 2px 8px #0002}
#app .act.raise{background:var(--raise);color:#fff;border-color:var(--table-metal-dark)}
#app #betVal,#app #sizeRow .qb.clamped:not(:disabled){color:var(--ink)}
#app #betSlider{accent-color:var(--accent)}
#app #waitMsg,#app #voiceStatus,#app .play-quota{color:var(--muted)}
#app #tableRebuyButton{background:var(--table-action);color:var(--table-action-ink);border-color:var(--accent)}
#app #voiceCaption{color:var(--ink);background:var(--surface);border-color:var(--accent)}
#app #voiceCaption::after{background:var(--surface);border-color:var(--accent)}
#app .seat[data-voice-speaking] .avatar{outline-color:var(--accent2);box-shadow:0 0 0 2px var(--seat-line)!important}
#app :focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
html[data-member-tier] .screen-dialog{background:var(--tier-panel);color:var(--tier-ink);border-color:var(--tier-line)}
html[data-member-tier] .screen-dialog p{color:var(--tier-muted)}
html[data-member-tier] .screen-dialog button{background:var(--tier-button);color:var(--tier-ink);border-color:var(--tier-line)}
@media(max-width:1100px) and (orientation:portrait){
 #setup .aureon-symbol{width:27px;height:32px}
 #setup .aureon-home-type strong{font-size:16px}
 #setup .aureon-home-type small{font-size:8px;letter-spacing:.16em}
 #app #table .rail{inset:3.2% 3%;border-width:1px}
 #app #table .felt{inset:6% 6%;border-width:2px;box-shadow:0 0 0 1px var(--table-metal-light),0 0 0 3px var(--table-metal-dark),0 6px 12px #0006,inset 0 0 20px #0007}
 .table-brand{top:55%;gap:6px;opacity:.29}
 .table-brand .aureon-symbol{width:22px;height:25px}
 .table-brand-word b{font-size:17px;letter-spacing:.15em}
 .table-brand-word span{font-size:7px;letter-spacing:.4em}
}
@media(max-width:600px) and (orientation:portrait) and (max-height:690px){.table-brand{top:60%;left:12%;flex-direction:column;gap:2px}.table-brand .aureon-symbol{width:11px;height:13px}.table-brand-word{gap:2px}.table-brand-word b{font-size:6px;letter-spacing:.1em}.table-brand-word span{font-size:4px;letter-spacing:.25em}}
@media(max-height:600px) and (orientation:landscape){html.compact .table-brand{top:83%;gap:6px}html.compact .table-brand .aureon-symbol{width:22px;height:26px}html.compact .table-brand-word{gap:3px}html.compact .table-brand-word b{font-size:17px}html.compact .table-brand-word span{font-size:7px}html.compact #app #table .felt{border-width:2px}}
/* iPad portrait: a vertical racetrack with all seats outside the central play area. */
html.tablet-portrait #left{max-width:none}
html.tablet-portrait #app #table .rail{inset:3% 12%;border-radius:50% / 25%;border-width:2px}
html.tablet-portrait #app #table .felt{inset:6.2% 15%;border-radius:50% / 25%;border-width:3px}
html.tablet-portrait #app #centerZone{top:51%;width:67%;gap:7px}
html.tablet-portrait #app .table-brand{top:31%;left:50%;flex-direction:row;gap:8px;opacity:.28}
html.tablet-portrait #app .table-brand .aureon-symbol{width:30px;height:34px}
html.tablet-portrait #app .table-brand-word b{font-size:21px;letter-spacing:.12em}
html.tablet-portrait #app .table-brand-word span{font-size:8px}
html.tablet-portrait #app #board{gap:7px}
html.tablet-portrait #app #board .card{width:56px;height:79px}
html.tablet-portrait #app .seat{width:clamp(126px,20vw,154px)}
html.tablet-portrait #app .seat.hero{width:210px}
html.short-table:not(.compact):not(.portrait) #app .table-brand{top:30%;gap:6px}
html.short-table:not(.compact):not(.portrait) #app .table-brand .aureon-symbol{width:22px;height:26px}
html.short-table:not(.compact):not(.portrait) #app .table-brand-word b{font-size:17px}
html.short-table:not(.compact):not(.portrait) #app .table-brand-word span{font-size:7px}
@media(prefers-reduced-motion:reduce){#app .act{transition:none}}

/* The chosen two-word name stays restrained on the felt at every viewport. */
.table-brand-word b{font-size:15px!important;letter-spacing:.08em!important}
@media (max-width:600px) and (orientation:portrait) and (max-height:690px){.table-brand-word b{font-size:6px!important;letter-spacing:.08em!important}}