:root{color-scheme:dark;--ink: #f4ead7;--muted: #cbbba3;--wood: #1a120c;--wood-2: #2a1c14;--felt: #12845c;--felt-deep: #063d2c;--brass: #f0d48a;--brass-2: #a9782e;--danger: #9d3142;--card-w: 96px;--card-h: 138px;font-family:Yu Gothic UI,Hiragino Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:radial-gradient(1200px 500px at 10% -10%,rgba(215,181,109,.16),transparent 50%),linear-gradient(180deg,#24180f 0%,var(--wood) 40%,#120d0a 100%);color:var(--ink)}button,input{font:inherit}button{border:1px solid var(--brass-2);background:linear-gradient(#3a2a1d,#24180f);color:var(--ink);border-radius:999px;padding:.65rem 1rem;cursor:pointer}button:hover{border-color:var(--brass)}button.primary,.game-card:hover{background:linear-gradient(#6d5428,#3d2c14)}button.danger{background:linear-gradient(#6d2432,#3a121b);border-color:#c45b6c}button.ghost{background:transparent}kbd{display:inline-block;border:1px solid rgba(244,234,215,.35);border-radius:4px;padding:0 .3rem;font-size:.75rem}.eyebrow{margin:0;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-size:.75rem}h1,h2{font-family:Yu Mincho,Hiragino Mincho ProN,Palatino,serif;font-weight:600}h1{margin:.15rem 0;font-size:clamp(2rem,4vw,3.4rem)}.lobby{max-width:1080px;margin:0 auto;padding:4vh 1.5rem 3rem}.lead{max-width:42rem;color:var(--muted);line-height:1.7}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.5rem}.game-card{text-align:left;border-radius:18px;padding:1rem;min-height:180px;display:flex;flex-direction:column;gap:.45rem;background:linear-gradient(180deg,rgba(215,181,109,.12),transparent 30%),#24180f}.game-card strong{font-family:Yu Mincho,Palatino,serif;font-size:1.15rem;text-wrap:balance}.game-card em{font-style:normal;color:var(--muted);line-height:1.55}.game-short{color:var(--brass);font-size:.8rem;letter-spacing:.08em}.cast-strip{margin-top:2.2rem}.cast-strip h2{font-size:1.3rem}.cast-row{display:grid;grid-template-columns:repeat(8,1fr);gap:.6rem}.cast-row figure{margin:0}.cast-row img,.who img,.crest{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:center top;border-radius:14px;background:#241910;border:1px solid rgba(215,181,109,.45)}.cast-row figcaption{display:flex;flex-direction:column;margin-top:.35rem}.cast-row span,.who small,.hero-note em,.shown-hand{color:var(--muted)}.table-app{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr auto;min-height:0}.topbar,.action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem}.topbar{border-bottom:1px solid rgba(215,181,109,.2)}.topbar h1{font-size:1.35rem}.top-meta,.top-actions,.actions,.quick{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.top-meta span{border:1px solid rgba(215,181,109,.3);border-radius:999px;padding:.25rem .7rem;color:var(--muted)}.play-grid{min-height:0;display:grid;grid-template-columns:1fr 300px}.felt-wrap{min-height:0;padding:1rem}.felt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;height:100%;min-height:640px;border-radius:46%/42%;background:radial-gradient(circle at 50% 46%,rgba(255,236,180,.16),transparent 22%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.045) 0 1px,transparent 1px 26px),radial-gradient(circle at 50% 48%,#1aa372,#0c6b48 58%,#04281c 80%);box-shadow:inset 0 0 0 14px #5c3414,inset 0 0 0 20px #f0d48a,inset 0 0 0 26px #7a4e1e,inset 0 0 80px #00000047,0 24px 50px #00000073}.felt:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:inherit;border:2px solid rgba(240,212,138,.35);box-shadow:inset 0 0 40px #f0d48a14;pointer-events:none}.pot-badge,.board{position:relative;z-index:1;text-align:center}.pot-badge{min-width:148px;background:radial-gradient(circle at 50% 35%,#6a4a18,#24160c 70%);border:3px solid #f0d48a;border-radius:999px;padding:.2rem 1.4rem .35rem;box-shadow:0 0 0 4px #5a3410cc,0 10px 24px #0006,0 0 22px #f0d48a73}.pot-badge span{display:block;color:#ffe7b0;letter-spacing:.22em;font-size:.78rem}.pot-badge strong{font-family:Yu Mincho,Palatino,serif;font-size:2.4rem;line-height:1;color:#fff4cf;text-shadow:0 0 14px rgba(255,214,110,.75)}.board{display:flex;gap:.45rem;align-items:center;max-width:min(640px,62%)}.board-wait,.stud-note em{color:#f3ffe8;font-style:normal;font-size:1.05rem;text-shadow:0 2px 8px rgba(0,0,0,.45)}.stud-note{width:min(340px,46%);text-align:center}.seat{position:absolute;z-index:2}.seat.south{left:50%;bottom:2%;transform:translate(-50%)}.seat.south .crest{width:96px;height:118px;font-size:1.7rem}.seat.west{left:1.5%;top:50%;transform:translateY(-50%)}.seat.north{left:50%;top:1.2%;transform:translate(-50%)}.seat.east{right:1.5%;top:50%;transform:translateY(-50%)}.seat.is-folded{filter:grayscale(.7) brightness(.75)}.seat.is-active .who img,.seat.is-active .crest{box-shadow:0 0 0 4px #fff4cf,0 0 0 8px var(--glow),0 0 28px var(--glow),0 16px 28px #00000073}.seat-cards{position:absolute;left:50%;bottom:2.15rem;z-index:5;display:flex;justify-content:center;align-items:flex-end;transform:translate(-50%);pointer-events:none}.seat-cards .card+.card{margin-left:-30px}.seat-cards .card:nth-child(odd){transform:translateY(4px) rotate(-7deg)}.seat-cards .card:nth-child(2n){transform:translateY(-2px) rotate(6deg)}.felt.is-stud .seat-cards{gap:.28rem;width:max-content;pointer-events:auto}.felt.is-stud .seat-cards .card,.felt.is-stud .seat-cards .card+.card{margin-left:0;transform:none;width:54px;height:76px}.felt.is-stud .seat-cards .corner{font-size:15px}.felt.is-stud .seat.north .seat-cards{left:auto;right:calc(100% + 12px);top:0;bottom:auto;transform:none}.felt.is-stud .seat.west .seat-cards{left:0;top:calc(100% + 10px);bottom:auto;transform:none}.felt.is-stud .seat.east .seat-cards{left:auto;right:0;top:calc(100% + 10px);bottom:auto;transform:none;justify-content:flex-end}.felt.is-stud .stud-note{max-width:240px}.who{position:relative;display:flex;flex-direction:column;align-items:center}.who img,.crest{width:148px;height:198px;flex:0 0 auto;border-radius:18px;border:3px solid #f0d48a;box-shadow:0 0 0 5px #5a3410e6,0 0 22px var(--glow, rgba(240, 212, 138, .55)),0 16px 28px #00000080}.crest{display:grid;place-items:center;font-family:Yu Mincho,Palatino,serif;font-size:2.4rem;color:#fff4cf;background:radial-gradient(circle at 50% 30%,#8a6230,#2a1a0e 70%)}.who div{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;align-items:center;line-height:1.15;padding:1.5rem .35rem .4rem;border-radius:0 0 16px 16px;background:linear-gradient(transparent,#080402f0 55%)}.who strong{font-size:1.05rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.who em{font-style:normal;color:#ffe7b0;font-weight:700}.seat-bet,.allin-tag,.dealer{background:linear-gradient(#6a4316,#2a180c);color:#fff1c4;border:2px solid #f0d48a;border-radius:999px;padding:.15rem .65rem;font-style:normal;box-shadow:0 0 12px #f0d48a66}.seat-bet{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:.35rem;font-size:1.05rem}.seat.north .seat-bet{top:38%;left:calc(100% + 6px)}.seat.south .seat-bet{top:28%;left:calc(100% + 6px)}.seat.west .seat-bet{left:8px;bottom:8px}.seat.east .seat-bet{right:8px;bottom:8px}.seat-bet i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6d4,#e7b043 42%,#8a4b12);box-shadow:0 0 0 3px #6b3412,0 0 0 5px #f0d48a}.dealer{position:absolute;top:.2rem;right:.2rem;width:2rem;height:2rem;display:grid;place-items:center;font-weight:700;z-index:4}.shown-hand,.muck{position:absolute;left:50%;bottom:-1.35rem;transform:translate(-50%);margin:0;white-space:nowrap;font-size:.82rem;background:#0a0604e0;border-radius:999px;padding:.05rem .45rem;z-index:6}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:10px;overflow:hidden;box-shadow:0 10px 18px #00000061,0 0 0 1px #fff4d259;flex:0 0 auto}.card.sm{width:58px;height:82px}.card.board{width:96px;height:138px}.card.lg{width:112px;height:160px}.card-bg{width:100%;height:100%;object-fit:cover;display:block}.card.is-back{background-size:cover;background-position:center}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.9;font-weight:700;font-size:20px;text-shadow:0 1px 0 rgba(255,255,255,.35)}.corner .rank-mark{display:block;height:1em;width:auto}.card.sm .corner{font-size:15px}.card.board .corner,.card.lg .corner{font-size:26px}.corner img{width:.85em;height:.85em;object-fit:contain}.corner.tl{top:4px;left:4px}.corner.br{right:4px;bottom:4px;transform:rotate(180deg)}.pip{position:absolute;left:50%;top:58%;width:48%;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.card.red{color:#c81e3a}.card.black{color:#1b1b1b}.card.is-hole{outline:2px solid rgba(215,181,109,.8);outline-offset:-3px}.bubble{position:absolute;width:210px;background:#f7f1e6;color:#24180f;border-radius:16px;padding:.55rem .7rem;box-shadow:0 10px 24px #00000040;z-index:3}.bubble b{display:block;color:#6d5428;font-size:.78rem}.bubble p{margin:.15rem 0 0}.seat.west .bubble{left:calc(100% + 8px);top:0}.seat.east .bubble{right:calc(100% + 8px);top:0}.seat.north .bubble{left:calc(100% + 8px);top:0}.seat.south .bubble{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.log-panel{border-left:1px solid rgba(215,181,109,.2);padding:.8rem .9rem 1rem;display:flex;flex-direction:column;min-height:0;background:#0000002e}.log-panel h2{margin:0 0 .6rem;font-size:1.1rem}.log{overflow:auto;display:flex;flex-direction:column;gap:.45rem}.log p{margin:0;line-height:1.45}.log .system{color:var(--brass)}.log .taunt{background:#ffffff0a;border-left:3px solid var(--who);padding:.35rem .5rem}.log .taunt b{display:block;color:var(--who)}.action-bar{border-top:1px solid rgba(215,181,109,.2);background:#0c0806b8}.hero-cards,.hero-note{display:flex;gap:.45rem;align-items:center}.hero-note{flex-direction:column;align-items:flex-start;gap:.1rem}.hero-note em{font-style:normal}.actions{justify-content:flex-end}.prompt{margin:0;color:var(--muted)}.sizer{min-width:220px;display:flex;flex-direction:column;gap:.25rem}.sizer input{width:100%;accent-color:var(--brass)}.result-card,.rules-card{position:absolute;left:50%;top:18%;transform:translate(-50%);width:min(440px,calc(100% - 2rem));background:#1c120cf0;border:1px solid var(--brass);border-radius:18px;padding:1rem 1.1rem;z-index:4}.show-hands{list-style:none;padding:0;margin:.6rem 0 0}.show-hands li{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0;border-top:1px solid rgba(215,181,109,.2)}.rules-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:5}.rules-card{position:static;transform:none}.cleared{color:var(--brass)}@media(max-width:980px){.game-grid{grid-template-columns:repeat(2,1fr)}.cast-row{grid-template-columns:repeat(4,1fr)}.play-grid{grid-template-columns:1fr;grid-template-rows:1fr auto}.log-panel{max-height:120px;border-left:0;border-top:1px solid rgba(215,181,109,.2)}}@media(max-width:720px){.table-app{height:100svh;max-height:100svh;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.lobby{padding:1.2rem .8rem 2rem}.lobby h1{font-size:2rem}.topbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title actions" "meta meta";align-items:center;gap:.1rem .45rem;padding:.2rem .5rem .25rem}.topbar>div:first-child{grid-area:title;min-width:0}.top-actions{grid-area:actions}.top-meta{grid-area:meta;gap:.25rem}.eyebrow{font-size:.62rem;letter-spacing:.08em}.topbar h1{font-size:1rem;margin:0}.top-meta span{padding:.05rem .45rem;font-size:.68rem}.top-actions button{padding:.2rem .7rem}.action-bar{align-items:stretch;flex-direction:column;gap:.2rem;padding:.2rem .45rem calc(.35rem + env(safe-area-inset-bottom))}.felt-wrap{padding:.2rem .35rem;height:100%;display:flex;min-height:0}.felt{flex:1;min-height:0;height:auto;border-radius:18px;display:grid;grid-template-columns:1fr;grid-template-areas:"west" "north" "east" "pot" "board";align-items:start;align-content:start;justify-items:stretch;overflow:auto;gap:.2rem;padding:.35rem .45rem .3rem}.felt:before{display:none}.pot-badge,.board,.stud-note{justify-self:center}.pot-badge{grid-area:pot;min-width:0;padding:.05rem .7rem .1rem}.pot-badge strong{font-size:1.25rem}.board-wait{font-size:.72rem}.board,.stud-note{grid-area:board;max-width:100%}.seat,.seat.south,.seat.west,.seat.north,.seat.east{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.35rem;width:100%;max-width:100%;min-width:0}.seat.west{grid-area:west}.seat.north{grid-area:north}.seat.east{grid-area:east}.seat.south{display:none}.who{order:-1;flex:0 0 auto}.who img,.crest{width:46px;height:62px}.who strong{font-size:.78rem}.who small,.who em{font-size:.68rem}.seat-cards,.felt.is-stud .seat-cards,.felt.is-stud .seat.north .seat-cards,.felt.is-stud .seat.west .seat-cards,.felt.is-stud .seat.east .seat-cards{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;max-width:calc(100% - 130px);flex:0 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;order:0}.seat-cards .card,.seat-cards .card+.card,.felt.is-stud .seat-cards .card,.felt.is-stud .seat-cards .card+.card{width:36px;height:50px;margin-left:0;transform:none;flex:0 0 auto}.seat-cards .corner,.felt.is-stud .seat-cards .corner{font-size:13px}.card.board{width:46px;height:66px}.card.board .corner{font-size:13px}.card.lg{width:58px;height:82px}.card.lg .corner{font-size:16px}.seat-bet,.seat.north .seat-bet,.seat.south .seat-bet,.seat.west .seat-bet,.seat.east .seat-bet{position:static;margin-top:0;order:2}.bubble,.seat.north .bubble,.seat.south .bubble,.seat.west .bubble,.seat.east .bubble{position:absolute;left:0;right:0;top:0;bottom:auto;width:52px;max-width:52px;display:none;transform:none;margin:0;font-size:.68rem;max-height:3rem;overflow:hidden;z-index:3}.dealer{position:static;top:auto;right:auto;width:1.35rem;height:1.35rem;order:3;flex:0 0 auto}.shown-hand,.muck{position:static;transform:none}.hero-cards{width:100%;gap:.3rem}.hero-note{min-width:0}.hero-note strong,.hero-note span,.hero-note em{font-size:.75rem;line-height:1.25}.card.lg{width:44px;height:62px}.actions{width:100%;gap:.25rem}.actions button,.quick button{flex:1;min-height:40px;padding:.25rem .4rem;font-size:.85rem;white-space:nowrap}.actions kbd{display:none}.sizer{min-width:0;width:100%;display:grid;grid-template-columns:auto 1fr;gap:.15rem .4rem;align-items:center}.sizer .quick{grid-column:1 / -1;flex-wrap:nowrap}.log-panel{max-height:1.45rem;padding:0 .5rem;overflow:hidden}.log{gap:0}.log p{display:none}.log p:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;line-height:1.45rem}.log-panel h2{display:none}}