/* v14 — Heritage Table theme (dark + daylight) */
:root{
  color-scheme:dark;
  --bg:#132019;
  --surface:#1c2b22;
  --surface-2:#22372a;
  --surface-3:#18281f;
  --edge:#3e513f;
  --text:#f3ead8;
  --muted:#b9b09f;
  --red:#a54d3f;
  --green:#81d2a2;
  --loss:#f47d75;
  --heritage-gold:#d0ae71;
  --heritage-copper:#c27657;
  --heritage-shadow:0 16px 42px rgba(0,0,0,.34);
  background:#132019;
}
html,body{background-color:var(--bg)!important;color:var(--text)}
body{
  background-image:
    radial-gradient(circle at 50% -22%,rgba(74,113,82,.44) 0,rgba(30,50,37,.16) 34%,transparent 58%),
    repeating-linear-gradient(35deg,rgba(255,255,255,.014) 0 1px,transparent 1px 7px),
    linear-gradient(180deg,#111d16 0%,#15231a 100%)!important;
  background-attachment:fixed;
}
.brand h1,.pot-zone>strong{font-family:Georgia,"Times New Roman",Tahoma,serif}
.brand small{color:var(--heritage-gold);letter-spacing:2.4px}
.topbar{border-bottom-color:#5d523d}
.top-icon,.icon{background:#1b2a21;border-color:#445544;color:#f3ead8}
.top-icon:hover,.icon:hover{border-color:#88775b;background:#22342a}
.top-menu{background:#19271f;border-color:#59614b;box-shadow:0 16px 45px #0009}
.top-menu button{color:#efe7d7}
.top-menu button:hover{background:#25372a;border-color:#53634d}
.top-menu button span{color:var(--heritage-gold)}

button{background:#223228;border-color:#465743;color:var(--text)}
button:hover{border-color:#81745c}
button.primary,.primary{background:var(--red);border-color:#bd6a55;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
button.quiet{background:transparent}
a{color:#e3c88e}
input,select{background:#111b15;color:#f7efdf;border-color:#4b5c48}
input:focus,select:focus{border-color:var(--heritage-gold);box-shadow:0 0 0 2px rgba(208,174,113,.12)}
input[type=checkbox]{accent-color:var(--heritage-copper)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#d9bc82}

.line{background:var(--heritage-copper)}
.intro h2 span{color:#d1ad78}
.home-tabs .selected{background:#2b3828;border-color:#a97655;color:#fff}
.surface{background:linear-gradient(180deg,#1e3025,#19291f);border-color:#465744;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.section-label span,.hint,.fineprint,.connection{color:var(--muted)}
.seat-no{color:#d0ae71}
#notice{background:#38271d;border-color:#8d6642;color:#f4dfbc}

.room-meta b{color:#f5ead6}
.hand-meta{color:var(--muted)}
.hand-meta strong{color:#f5ead6}
.pot-zone{
  margin:10px 0 14px;
  padding:27px 14px 18px;
  border:1px solid #4a573f;
  border-radius:20px;
  background:linear-gradient(180deg,#1d3225 0%,#18281f 100%);
  box-shadow:var(--heritage-shadow);
  outline:1px solid rgba(208,174,113,.11);
  outline-offset:-7px;
}
.pot-zone>small{color:#bda778}
.pot-zone>strong{color:#f4e9d3}
.pot-zone p{color:#c8beaa}
.pot-chips span{background:#26392c;border-color:#52634f;color:#e6dcc7}
.streets span{border-color:#41503e;color:#918f7e}
.streets .done{border-color:#7b6d50;color:#bdb39f}
.streets .current{border-color:var(--heritage-copper);color:#f4e9d3}

.seats{gap:18px 16px}
.seat{background:linear-gradient(180deg,#1f3226,#19291f);border-color:#4a573f;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.11)}
.seat.my-turn{background:linear-gradient(180deg,#2c3927,#273224);border-color:#c27657;box-shadow:inset 0 0 0 1px rgba(208,174,113,.15),0 10px 26px rgba(0,0,0,.16)}
.seat-head em{color:#d0ae71}
.turn-label{color:#e5b57c}
.seat .balance{color:#f5ead6}
.seat .seat-tags{color:#c5baa7}
.seat-tags b{background:#26392c;color:#efe4cf;border:1px solid #435643}
.bet-row{color:#aaa693}
.bet-row strong{color:#efe5d2}
.next-up{background:#342b1e;border-color:#9b7746;color:#f0d2a1}
.chip-stack i,.flying-chip{background:#8d4b3c;border-color:#e4c38d;box-shadow:0 2px 0 #4b2b23}

.floating-ranks{background:#1b2a21;border-color:#75654d;color:#f4ead7;box-shadow:0 8px 22px rgba(0,0,0,.34)}
.dock{background:#152219;border-top-color:#6c5c43;box-shadow:0 -14px 30px rgba(6,11,8,.72)}
.dock-top span,.dock .waiting{color:#bcb3a2}
.summary{background:#1d3024;border-color:#4f7057;color:#eae2d2}
.raise-preview{background:#26392c;color:#e1d4be;border-color:#52634f}

/* Sheets, admin and stats */
dialog,.sheet-header{background:#19271f;color:#f3ead8;border-color:#53604a}
dialog{box-shadow:0 24px 70px rgba(0,0,0,.55)}
dialog::backdrop{background:rgba(5,10,7,.72)}
.sheet-header{border-bottom-color:#485745}
.sheet-note,.list-row small,.detail-log,.stats-grid span{color:#b9b09f}
.choice,.pot-field,.stats-grid>div,.replay-seats>div{background:#203127;border-color:#455643;color:#efe6d5}
.admin-group{border-color:#4b5947}
.list-row{border-color:#3d4c3b}
.list-row summary{color:#ddc492}
.danger{border-color:#9d5448!important;background:#482c27!important;color:#ffe1da!important}
#replaySlider{accent-color:#ad6650}
#practiceBanner{background:#3a2f1e;border-color:#927341;color:#f3d6a5}

/* Floating hand guide — Heritage treatment */
.hands-panel{background:#19271f;color:#f3ead8;border-color:#59614b;box-shadow:0 16px 48px rgba(0,0,0,.55)}
.hands-head{background:#1b2b21;border-color:#4a5946}
.hands-head small{color:#bcb19d}
.hands-head button{background:#26372b;color:#f0e6d4;border-color:#58634e}
.hands-row{border-color:#495845;background:#213227}
.hands-row.quick-tone-0{background:#392f22;border-color:#806c46}
.hands-row.quick-tone-1{background:#263629}
.hands-row.quick-tone-2{background:#2d3224}
.hands-row.quick-tone-3{background:#26352a}
.hands-row.quick-tone-4{background:#21352d}
.hands-row.quick-tone-5{background:#343026}
.hands-row.quick-tone-6{background:#2b3328}
.hands-row.quick-tone-7{background:#263329}
.hands-row.quick-tone-8{background:#22332c}
.hands-row.quick-tone-9{background:#293129}
.hands-number{color:#e5cf9c;border-color:#76674e;background:#342f24}
.hands-name small{color:#bfb6a5}

/* Full rules guide — same identity */
.guide-sheet,.guide-nav,.rules-v3{background:#16231b;color:#f1e8d7}
.guide-sheet .sheet-header{background:rgba(22,35,27,.96);border-color:#4d5b48}
.guide-nav{background:rgba(22,35,27,.96)}
.guide-nav button{background:#223229;border-color:#485946;color:#d8cebb}
.guide-nav button.active{background:#49352a;border-color:#b07957;color:#fff3df}
.rules-v3 h3,.rules-v3 .quick-name strong,.rules-v3 .rank-meta b{color:#f4ead8}
.rules-title>span{background:#30372a;color:#e4c180;border:1px solid #5a624c}
.rules-title small,.rules-v3 .rules-muted{color:#bcb3a2}
.rules-v3 .quick-rank{border-color:#4c5a47;color:#f2ead9}
.rules-v3 .quick-number{color:#e7d29e;background:#3c3628}
.rules-v3 .quick-name small{color:#c0b6a4}
.rules-v3 .quick-tone-0{background:#392f22}.rules-v3 .quick-tone-1{background:#263629}.rules-v3 .quick-tone-2{background:#2d3224}.rules-v3 .quick-tone-3{background:#26352a}.rules-v3 .quick-tone-4{background:#21352d}.rules-v3 .quick-tone-5{background:#343026}.rules-v3 .quick-tone-6{background:#2b3328}.rules-v3 .quick-tone-7{background:#263329}.rules-v3 .quick-tone-8{background:#22332c}.rules-v3 .quick-tone-9{background:#293129}
.rank-detail{background:#1c2b22;border-color:#5a644f;color:#f3ead8}
#closeRankDetail{background:#26372b;border-color:#56644f}
.detail-number{background:#4a3d2b;color:#f3d39a}
#rankDetailBody>small,#rankDetailBody p{color:#c7bdab}
.rules-v3 .royal-showcase{background:radial-gradient(ellipse at 50% 0,rgba(208,174,113,.2),transparent 72%),#263026;border-color:#957a4f}
.royal-badge{background:#4d3d27;color:#ffe0a4;border-color:#90734b}
.royal-showcase>small,.royal-showcase>em{color:#d9c8a8}.royal-showcase>strong{color:#ffe4ae}
.rules-v3 .rules-hero,.rules-example,.action-grid article,.info-cards article,.blind-cards>div,.stage-list article,.walkthrough p,.rules-footer,.rule-tip{background:#1f3026;color:#ece3d2;border-color:#455644}
.rules-kicker,.action-grid b,.info-cards b,.stage-list article div>b,.walkthrough p>b:first-child{color:#dfbd80}
.rules-hero p,.action-grid p,.info-cards p,.blind-cards p,.stage-list p{color:#c6bdab}
.rule-tip{border-right-color:#b07957}
.blind-cards small{color:#d1b57e}.blind-cards strong b{color:#eed5a2}
.stage-list article>span{background:#3f392a;color:#e9c889}
.best-hand span{color:#bdb29f}.best-hand strong{color:#e5c893}

/* DAYLIGHT HERITAGE -------------------------------------------------- */
:root[data-theme=light]{
  color-scheme:light;
  --bg:#eee7d7;
  --surface:#fbf7ed;
  --surface-2:#f3ecdc;
  --surface-3:#e7deca;
  --edge:#c8b99c;
  --text:#293129;
  --muted:#6e705e;
  --red:#9c4d3d;
  --green:#2c704d;
  --loss:#b54f48;
  --heritage-gold:#9a7740;
  --heritage-copper:#a85f46;
  --heritage-shadow:0 14px 34px rgba(83,69,41,.14);
  background:#eee7d7;
  color:#293129;
}
:root[data-theme=light] body{
  background-color:#eee7d7!important;
  background-image:
    radial-gradient(circle at 50% -22%,rgba(255,255,255,.92) 0,rgba(248,243,230,.64) 38%,transparent 62%),
    repeating-linear-gradient(35deg,rgba(83,69,41,.024) 0 1px,transparent 1px 7px),
    linear-gradient(180deg,#f2ecdf 0%,#e9e1d0 100%)!important;
  color:#293129;
}
:root[data-theme=light] .brand small{color:#8c6d38}
:root[data-theme=light] .topbar{border-bottom-color:#c3b391}
:root[data-theme=light] :is(button,input,select,dialog,.surface,.seat,.dock,.sheet-header,.stats-grid>div,.choice,.pot-field,.replay-seats>div){color:#293129;border-color:#c8b99c}
:root[data-theme=light] button{background:#f6f0e2}
:root[data-theme=light] button:hover{background:#efe5d1;border-color:#a99269}
:root[data-theme=light] :is(.top-icon,.icon){background:#f7f2e7;border-color:#c9bda3;color:#334034}
:root[data-theme=light] :is(.top-icon,.icon):hover{background:#ede4d2;border-color:#ad9974}
:root[data-theme=light] :is(.primary,button.primary){background:#9c4d3d;color:#fff;border-color:#9c4d3d}
:root[data-theme=light] a{color:#795a2e}
:root[data-theme=light] input,:root[data-theme=light] select{background:#fffaf0;color:#283329;border-color:#cabc9f}
:root[data-theme=light] input:focus,:root[data-theme=light] select:focus{border-color:#9a7740;box-shadow:0 0 0 2px rgba(154,119,64,.12)}
:root[data-theme=light] .intro h2 span{color:#8f6840}
:root[data-theme=light] .home-tabs .selected{background:#dde2cf;border-color:#8e805e;color:#253126}
:root[data-theme=light] .surface{background:linear-gradient(180deg,#fbf7ed,#f6efdf);border-color:#c8b99c;box-shadow:var(--heritage-shadow)}
:root[data-theme=light] #notice{background:#f2e4ca;border-color:#c39c64;color:#6c4a22}
:root[data-theme=light] :is(.section-label span,.hint,.fineprint,.connection){color:#6e705e}
:root[data-theme=light] .seat-no{color:#8d6f3d}

:root[data-theme=light] .pot-zone{background:linear-gradient(180deg,#f8f3e6,#eee7d6);border-color:#c6b799;box-shadow:var(--heritage-shadow);outline-color:rgba(154,119,64,.14)}
:root[data-theme=light] .pot-zone>small{color:#8a744c}
:root[data-theme=light] .pot-zone>strong{color:#283229}
:root[data-theme=light] .pot-zone p{color:#696b5b}
:root[data-theme=light] .pot-chips span{background:#e5e3d2;border-color:#b8b493;color:#384239}
:root[data-theme=light] .hand-meta{color:#707260}
:root[data-theme=light] .hand-meta strong{color:#303a31}
:root[data-theme=light] .streets span{border-color:#c9c4ad;color:#8a8b79}
:root[data-theme=light] .streets .done{border-color:#9c906c;color:#6f705f}
:root[data-theme=light] .streets .current{border-color:#a85f46;color:#6e3e2f}

:root[data-theme=light] .seat{background:linear-gradient(180deg,#faf6e9,#f1ead9);border-color:#c4b79b;box-shadow:0 9px 24px rgba(83,69,41,.09)}
:root[data-theme=light] .seat.my-turn{background:linear-gradient(180deg,#ece9d4,#e4dfc4);border-color:#a85f46;box-shadow:inset 0 0 0 1px rgba(154,119,64,.14),0 10px 24px rgba(83,69,41,.11)}
:root[data-theme=light] .seat-head em{color:#8a6b38}
:root[data-theme=light] .turn-label{color:#8f513c}
:root[data-theme=light] .seat .balance{color:#283329}
:root[data-theme=light] .seat .seat-tags{color:#686b5a}
:root[data-theme=light] .seat-tags b{background:#e7e2cf;color:#3d463d;border-color:#c4bba2}
:root[data-theme=light] .bet-row{color:#727363}
:root[data-theme=light] .bet-row strong{color:#303a31}
:root[data-theme=light] .next-up{background:#f0e2c6;border-color:#b88d50;color:#6b4c22}
:root[data-theme=light] .chip-stack i,:root[data-theme=light] .flying-chip{background:#a75e48;border-color:#f1d7a2;box-shadow:0 2px 0 #754132;color:#fff}

:root[data-theme=light] .floating-ranks{background:#37483a;border-color:#67765e;color:#fff8e8;box-shadow:0 8px 20px rgba(71,67,44,.18)}
:root[data-theme=light] .dock{background:#e8e2d3;border-top-color:#bba985;box-shadow:0 -10px 28px rgba(76,68,43,.13)}
:root[data-theme=light] .dock-top span,:root[data-theme=light] .dock .waiting{color:#686b5a}
:root[data-theme=light] .summary{background:#e0eadb;border-color:#9bb49b;color:#344135}
:root[data-theme=light] .raise-preview{background:#e7e2d1;color:#465046;border-color:#bfb69c}

:root[data-theme=light] .top-menu{background:#faf6ea;color:#293129;border-color:#c6b89d;box-shadow:0 16px 40px rgba(73,61,36,.18)}
:root[data-theme=light] .top-menu button{color:#303b31}
:root[data-theme=light] .top-menu button:hover{background:#eee6d4;border-color:#d1c2a5}
:root[data-theme=light] .top-menu button span{color:#8c6d38}

:root[data-theme=light] dialog{background:#f7f2e6;color:#293129;border-color:#c7b99d;box-shadow:0 24px 62px rgba(77,65,41,.22)}
:root[data-theme=light] dialog::backdrop{background:rgba(54,49,38,.38)}
:root[data-theme=light] .sheet-header{background:#f7f2e6;border-bottom-color:#cfc1a7}
:root[data-theme=light] :is(.sheet-note,.list-row small,.detail-log,.stats-grid span){color:#6b6e5e}
:root[data-theme=light] :is(.choice,.pot-field,.stats-grid>div,.replay-seats>div){background:#eee8d9;border-color:#c8bda5;color:#313b32}
:root[data-theme=light] .admin-group{border-color:#c7bca3}
:root[data-theme=light] .list-row{border-color:#d2c7af}
:root[data-theme=light] .list-row summary{color:#785d32}
:root[data-theme=light] .danger{border-color:#b76b61!important;background:#f2d9d4!important;color:#7b342e!important}
:root[data-theme=light] #practiceBanner{background:#f1e4c9;border-color:#c59b5d;color:#6e4b20}

:root[data-theme=light] .hands-panel{background:#f7f2e6;color:#293129;border-color:#c4b79b;box-shadow:0 16px 42px rgba(73,61,36,.20)}
:root[data-theme=light] .hands-head{background:#f3ecdc;border-color:#c8b99c}
:root[data-theme=light] .hands-head small{color:#6e705e}
:root[data-theme=light] .hands-head button{background:#e8e0ce;color:#334034;border-color:#bfb197}
:root[data-theme=light] .hands-row{border-color:#c7bba1;background:#eee8d8}
:root[data-theme=light] .hands-row.quick-tone-0{background:#eadbb7;border-color:#c3a36a}
:root[data-theme=light] .hands-row.quick-tone-1{background:#e3eadc}
:root[data-theme=light] .hands-row.quick-tone-2{background:#e8e6cf}
:root[data-theme=light] .hands-row.quick-tone-3{background:#e2e8d9}
:root[data-theme=light] .hands-row.quick-tone-4{background:#dce8df}
:root[data-theme=light] .hands-row.quick-tone-5{background:#ebe2cf}
:root[data-theme=light] .hands-row.quick-tone-6{background:#e4e7d4}
:root[data-theme=light] .hands-row.quick-tone-7{background:#dfe6d8}
:root[data-theme=light] .hands-row.quick-tone-8{background:#dbe5dc}
:root[data-theme=light] .hands-row.quick-tone-9{background:#e4e3d6}
:root[data-theme=light] .hands-number{color:#6f5328;border-color:#b9aa88;background:#eee3ca}
:root[data-theme=light] .hands-name small{color:#6d705f}
:root[data-theme=light] .hands-cards .poker-card{background:#fffdf8;color:#242925;border-color:#d3c8b5}

:root[data-theme=light] :is(.guide-sheet,.guide-nav,.rules-v3){background:#efe9dc;color:#293129}
:root[data-theme=light] .guide-sheet .sheet-header{background:rgba(239,233,220,.96);border-color:#c8bca4}
:root[data-theme=light] .guide-nav{background:rgba(239,233,220,.96)}
:root[data-theme=light] .guide-nav button{background:#f8f3e7;border-color:#c8bda6;color:#4c5145}
:root[data-theme=light] .guide-nav button.active{background:#e2dcc7;border-color:#a77952;color:#54382c}
:root[data-theme=light] :is(.rules-v3 h3,.rules-v3 .quick-name strong,.rules-v3 .rank-meta b){color:#293129}
:root[data-theme=light] .rules-title>span{background:#e5dfca;color:#795d2f;border-color:#bfb292}
:root[data-theme=light] :is(.rules-title small,.rules-v3 .rules-muted){color:#6d6f5e}
:root[data-theme=light] .rules-v3 .quick-rank{border-color:#c7bba1;color:#293129}
:root[data-theme=light] .rules-v3 .quick-number{color:#72552b;background:#e9dfc7}
:root[data-theme=light] .rules-v3 .quick-name small{color:#6e705f}
:root[data-theme=light] .rules-v3 .quick-tone-0{background:#eadbb7}:root[data-theme=light] .rules-v3 .quick-tone-1{background:#e3eadc}:root[data-theme=light] .rules-v3 .quick-tone-2{background:#e8e6cf}:root[data-theme=light] .rules-v3 .quick-tone-3{background:#e2e8d9}:root[data-theme=light] .rules-v3 .quick-tone-4{background:#dce8df}:root[data-theme=light] .rules-v3 .quick-tone-5{background:#ebe2cf}:root[data-theme=light] .rules-v3 .quick-tone-6{background:#e4e7d4}:root[data-theme=light] .rules-v3 .quick-tone-7{background:#dfe6d8}:root[data-theme=light] .rules-v3 .quick-tone-8{background:#dbe5dc}:root[data-theme=light] .rules-v3 .quick-tone-9{background:#e4e3d6}
:root[data-theme=light] .rank-detail{background:#f7f2e6;border-color:#c8b99c;color:#293129}
:root[data-theme=light] #closeRankDetail{background:#e8e0ce;border-color:#bfb197}
:root[data-theme=light] .detail-number{background:#e5d7b8;color:#6c4e23}
:root[data-theme=light] :is(#rankDetailBody>small,#rankDetailBody p){color:#686b5a}
:root[data-theme=light] .rules-v3 .royal-showcase{background:radial-gradient(ellipse at 50% 0,rgba(204,167,98,.28),transparent 72%),#f1eadb;border-color:#b4945d}
:root[data-theme=light] .royal-badge{background:#e4d2ae;color:#6b4d1f;border-color:#b8955a}
:root[data-theme=light] .royal-showcase>small,:root[data-theme=light] .royal-showcase>em{color:#6d624e}
:root[data-theme=light] .royal-showcase>strong{color:#6d4f22}
:root[data-theme=light] :is(.rules-v3 .rules-hero,.rules-example,.action-grid article,.info-cards article,.blind-cards>div,.stage-list article,.walkthrough p,.rules-footer,.rule-tip){background:#f8f3e7;color:#303a31;border-color:#c8bda5}
:root[data-theme=light] :is(.rules-kicker,.action-grid b,.info-cards b,.stage-list article div>b,.walkthrough p>b:first-child){color:#815e2e}
:root[data-theme=light] :is(.rules-hero p,.action-grid p,.info-cards p,.blind-cards p,.stage-list p){color:#65695a}
:root[data-theme=light] .rule-tip{border-right-color:#a9784f}
:root[data-theme=light] .blind-cards small{color:#806333}
:root[data-theme=light] .blind-cards strong b{color:#694d25}
:root[data-theme=light] .stage-list article>span{background:#e1dbc7;color:#765827}
:root[data-theme=light] .best-hand span{color:#6b6e5d}
:root[data-theme=light] .best-hand strong{color:#765827}

@media(max-width:360px){
  .pot-zone{padding-top:23px}
  .top-icon{width:39px}
}

#tableAlert{margin:16px 0;padding:22px 18px;border:2px solid #ad793b;border-radius:20px;background:var(--surface);text-align:center;animation:table-notice .35s ease-out}#tableAlert[hidden]{display:none}#tableAlert h2{font-size:clamp(21px,6vw,28px);line-height:1.5;margin:8px 0}#tableAlert p{line-height:1.8;margin:8px 0}#tableAlert small{opacity:.8}.reveal-symbol{font-size:32px}@keyframes table-notice{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#tableAlert{animation:none}}
