:root{--ink: #e8dcc4;--ink-dim: #b7a88a;--gold: #c9a24a;--gold-2: #e6c97a;--blood: #8d1c24;--felt: #0c1410;--panel: rgba(10, 12, 10, .78);--line: rgba(201, 162, 74, .35);--shadow: 0 18px 50px rgba(0, 0, 0, .45);--card-w: 86px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Outfit,system-ui,sans-serif;background:#070907;color:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app{height:100%;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(1200px 600px at 50% -10%,rgba(201,162,74,.12),transparent 55%),#070907}.topbar{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--safe-t)) 12px 8px;border-bottom:1px solid rgba(201,162,74,.18);background:linear-gradient(180deg,#080a08eb,#080a088c);z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:36px;height:36px;border-radius:10px}.brand h1{font-family:Cinzel,serif;font-size:15px;letter-spacing:.16em;margin:0;font-weight:700}.brand p{margin:0;font-size:11px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}.topbar-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--line);background:#14120cb3;color:var(--ink);border-radius:999px;padding:8px 14px;min-height:40px;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.btn:hover{border-color:var(--gold);color:var(--gold-2)}.btn.primary{background:linear-gradient(180deg,#c9a24a,#8a6a22);color:#1a1408;border-color:#e6c97a;font-weight:600}.btn.ghost{background:transparent}.btn.warn{border-color:#a33;color:#f0c4c4}.btn[disabled]{opacity:.45;cursor:default}.rec-dot{width:8px;height:8px;border-radius:50%;background:#d22;box-shadow:0 0 10px #d22;display:inline-block;margin-right:6px;animation:pulse 1s infinite}.table-wrap{position:relative;min-height:0;overflow:hidden}.table{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,rgba(232,196,110,.1),transparent 46%),var(--table-image, url(/assets/table/felt.jpg)) center / cover no-repeat,#0b100d}.table:before{content:"";position:absolute;top:6%;right:8%;bottom:6%;left:8%;border:2px solid rgba(201,162,74,.28);border-radius:48%/42%;box-shadow:inset 0 0 0 10px #2a160c59,inset 0 0 40px #00000059;pointer-events:none}.table:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.45) 100%);pointer-events:none}.seat{position:absolute;display:flex;align-items:center;gap:8px;z-index:3}.seat.north{top:10px;left:50%;transform:translate(-50%);flex-direction:column}.seat.south{bottom:118px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.seat.west{left:10px;top:42%;transform:translateY(-50%);flex-direction:row}.seat.east{right:10px;top:42%;transform:translateY(-50%);flex-direction:row-reverse}.seat.is-turn .avatar{box-shadow:0 0 0 2px var(--gold),0 0 24px #c9a24a73}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:var(--shadow);background:#111}.seat-meta{text-align:center;min-width:86px}.seat-meta .name{font-family:Cinzel,serif;font-size:12px;letter-spacing:.08em}.seat-meta .sub{font-size:11px;color:var(--ink-dim)}.pill{display:inline-flex;gap:6px;align-items:center;background:#0000008c;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:11px}.pill b{color:var(--gold-2)}.bubble{max-width:180px;background:#0c0a08db;border:1px solid var(--line);color:var(--ink);padding:7px 10px;border-radius:12px 12px 12px 4px;font-family:Cormorant Garamond,serif;font-size:15px;line-height:1.25;box-shadow:var(--shadow);animation:pop .25s ease}.seat.east .bubble{border-radius:12px 12px 4px}.trick{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(360px,70vw);height:min(230px,32vh);z-index:2}.trick .slot{position:absolute}.trick .slot.south{bottom:0;left:50%;transform:translate(-50%)}.trick .slot.north{top:0;left:50%;transform:translate(-50%)}.trick .slot.west{left:0;top:50%;transform:translateY(-50%)}.trick .slot.east{right:0;top:50%;transform:translateY(-50%)}.hand{position:absolute;left:0;right:0;bottom:0;height:132px;padding:0 8px calc(10px + var(--safe-b));display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;z-index:4;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 40%)}.hand-you{display:none;align-items:center;gap:8px;padding:0 10px 4px}.hand-you .name{font-family:Cinzel,serif;font-size:12px;letter-spacing:.08em}.avatar.tiny{width:36px;height:36px}.hand-scroller{display:flex;overflow-x:auto;max-width:100%;padding:16px 20px 4px;scrollbar-width:none}.hand-scroller::-webkit-scrollbar{display:none}.hand-card{flex:0 0 auto;margin-left:-18px;transition:transform .16s ease,margin .16s ease}.hand-card:first-child{margin-left:0}.hand-card:hover,.hand-card.is-sel{transform:translateY(-18px);z-index:2}.score-dock{position:absolute;top:86px;left:10px;z-index:4;display:flex;flex-direction:column;gap:8px}.score-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:148px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.score-card h3{margin:0 0 6px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.14em;color:var(--gold-2)}.score-row{display:flex;justify-content:space-between;font-size:13px;gap:12px}.score-row strong{font-family:Cinzel,serif;font-size:20px}.banner{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:6;background:#080806e0;border:1px solid var(--gold);padding:14px 18px;border-radius:16px;text-align:center;min-width:min(360px,88vw);box-shadow:var(--shadow)}.banner h2{font-family:Cinzel,serif;margin:0 0 6px;font-size:20px}.banner p{margin:0 0 10px;color:var(--ink-dim);font-family:Cormorant Garamond,serif;font-size:18px}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20;display:flex;justify-content:flex-end}.sheet-panel{width:min(560px,100%);height:100%;background:linear-gradient(180deg,rgba(20,16,10,.2),transparent 80px),#0d0f0d;border-left:1px solid var(--line);overflow:auto;padding:18px 18px calc(24px + var(--safe-b))}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.sheet-head h2{font-family:Cinzel,serif;margin:0;letter-spacing:.12em;font-size:18px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tab{border-radius:999px;border:1px solid transparent;background:#17140f;padding:8px 12px;font-size:12px}.tab.on{border-color:var(--gold);color:var(--gold-2)}.field{margin:0 0 14px}.field label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#11140f;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:42px}.help{font-size:12px;color:var(--ink-dim);line-height:1.45}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cardish{border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffff05;margin-bottom:12px}.bid-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.bid-chip{min-height:44px;border-radius:10px;border:1px solid var(--line);background:#16140f}.bid-chip:hover,.bid-chip.on{border-color:var(--gold);background:#2a230f}.menu{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(180deg,#00000040,#000000b8),url(/assets/table/parlor.jpg) center / cover}.menu-card{width:min(520px,100%);background:#080908d1;border:1px solid var(--line);border-radius:22px;padding:28px 22px;text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-card img.logo{width:92px;height:92px;margin:0 auto 12px;border-radius:22px}.menu-card h1{font-family:Cinzel,serif;letter-spacing:.2em;margin:0 0 6px;font-size:28px}.menu-card .lede{font-family:Cormorant Garamond,serif;font-size:20px;color:var(--ink-dim);margin:0 0 22px}.menu-actions{display:flex;flex-direction:column;gap:10px}.status{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.status.ok{color:#9dd59a}.status.bad{color:#e08a8a}.status.warn{color:var(--gold-2)}.rank-list{display:flex;flex-direction:column;gap:6px}.rank-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#12140f}.avatar-pick{display:flex;gap:8px;flex-wrap:wrap}.avatar-pick button{padding:0;border:2px solid transparent;border-radius:50%;background:none}.avatar-pick img{width:56px;height:56px;border-radius:50%;object-fit:cover}.avatar-pick button.on{border-color:var(--gold)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px}.theme-grid.decks{grid-template-columns:repeat(3,1fr)}.theme-tile{display:flex;flex-direction:column;gap:4px;text-align:left;background:#12140f;border:1px solid transparent;border-radius:12px;padding:8px;min-height:44px}.theme-tile.on{border-color:var(--gold)}.theme-tile img{width:100%;height:72px;object-fit:cover;border-radius:8px}.theme-tile img.deck-preview{height:96px;object-fit:contain;background:#070807}.theme-tile strong{font-size:12px;font-family:Cinzel,serif}.theme-tile span{font-size:11px;color:var(--ink-dim)}.pcard{width:var(--card-w);aspect-ratio:2.5 / 3.5;border:0;padding:0;background:none;perspective:800px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.pcard.is-small{--card-w: 62px}.pcard.is-dim{opacity:.38}.pcard.is-selected{transform:translateY(-10px)}.pcard-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s ease}.pcard-inner.is-back{transform:rotateY(180deg)}.pcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;overflow:hidden}.pcard-front{background:linear-gradient(#f4ead6,#f4ead6) padding-box,linear-gradient(160deg,#e6c97a,#8a6a22) border-box;background-color:#f4ead6;border:1.5px solid transparent;box-shadow:inset 0 0 0 1px #c9a24a47}.pcard.is-classic .pcard-front{background:#f7f4ee;border:1px solid #d7d0c4;box-shadow:none}.pcard-back{background-color:#1a1410;background-image:var(--card-back-image, url(/assets/cards/back.jpg));background-position:center;background-size:var(--card-back-size, 118% 114%);background-repeat:no-repeat;transform:rotateY(180deg)}.pcard-corner{position:absolute;width:22%;text-align:center;font-family:Cinzel,serif;font-weight:700;line-height:1;z-index:2}.pcard-corner span{display:block;font-size:calc(var(--card-w) * .22)}.pcard-corner img{width:78%;margin:1px auto 0;mix-blend-mode:multiply}.pcard-corner i{display:block;font-style:normal;font-size:calc(var(--card-w) * .18);line-height:1}.pcard-corner.tl{top:4%;left:4%}.pcard-corner.br{bottom:4%;right:4%;transform:rotate(180deg)}.pcard-classic-center{position:absolute;top:22%;right:18%;bottom:22%;left:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9}.pcard-classic-center b{font-family:Cinzel,serif;font-size:calc(var(--card-w) * .42)}.pcard-classic-center span{font-size:calc(var(--card-w) * .38)}.pcard-classic-pip{position:absolute;font-size:calc(var(--card-w) * .22);line-height:1;pointer-events:none}.pcard-pip{position:absolute;width:22%;mix-blend-mode:multiply;pointer-events:none}.pcard-ace,.pcard-court{position:absolute;left:18%;right:18%;top:16%;bottom:16%;overflow:hidden;border-radius:6px}.pcard-ace img,.pcard-court img{width:100%;height:100%;object-fit:cover}.pcard-herald{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}.pcard-herald img{width:48%;mix-blend-mode:multiply}.pcard-herald em{font-family:Cinzel,serif;font-size:9px;letter-spacing:.18em}.pcard-herald b{font-family:Cinzel,serif;font-size:22px}.pcard-joker{position:absolute;top:22%;right:22%;bottom:22%;left:22%;display:grid;place-items:center;font-family:Cinzel,serif;letter-spacing:.2em;font-size:13px}@keyframes pop{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{50%{opacity:.35}}.score-strip{display:none;align-items:baseline;gap:6px;font-size:12px;margin-left:auto;color:var(--ink)}.score-strip em{font-style:normal;color:var(--gold-2);font-family:Cinzel,serif;font-size:10px;letter-spacing:.08em}.score-strip-vs{color:var(--ink-dim)}.score-strip-meta{color:var(--ink-dim);font-size:11px}.menu-toggle{display:none}.desktop-only{display:flex}.action-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30;display:flex;align-items:flex-end;justify-content:center}.action-sheet-card{width:min(420px,100%);background:#0d0f0d;border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:16px 16px calc(18px + var(--safe-b));display:flex;flex-direction:column;gap:8px}.voice-note{position:absolute;left:50%;bottom:168px;transform:translate(-50%);z-index:7;max-width:90vw;background:#0c0a08eb;border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:8px 12px;font-size:11px}@media(min-width:900px){:root{--card-w: 104px}.seat.south{bottom:150px}.hand{height:168px}.avatar{width:72px;height:72px}.score-dock{top:96px;left:18px}}@media(max-width:700px){:root{--card-w: 64px}.app{grid-template-rows:auto 1fr}.topbar{padding:calc(6px + var(--safe-t)) 8px 6px;gap:8px}.brand{gap:6px}.brand img{width:28px;height:28px}.brand h1{font-size:11px;letter-spacing:.1em}.brand p{display:none}.desktop-only{display:none!important}.menu-toggle{display:inline-flex;min-height:36px;padding:6px 12px}.score-strip{display:flex;flex-wrap:wrap;justify-content:flex-end}.table:before{top:10%;right:5%;bottom:28%;left:5%;border-radius:40%/36%}.seat.south{display:none}.seat.north{top:6px}.seat.west{top:18%;left:6px;transform:none;flex-direction:column;align-items:flex-start;max-width:42%}.seat.east{top:18%;right:6px;transform:none;flex-direction:column;align-items:flex-end;max-width:42%}.seat-meta{min-width:0}.avatar{width:40px;height:40px}.bubble{max-width:132px;font-size:13px;padding:5px 8px;position:absolute;top:44px;z-index:5}.seat.west .bubble{left:0}.seat.east .bubble{right:0}.seat.north .bubble{left:50%;transform:translate(-50%);top:58px}.trick{top:52%;width:min(220px,58vw);height:min(168px,26vh)}.pcard.is-small{--card-w: 52px}.hand{height:168px;padding-top:4px}.hand-you{display:flex}.hand-scroller{padding:8px 16px 2px}.hand-card{margin-left:-22px}.hand-card:hover,.hand-card.is-sel{transform:translateY(-12px)}.banner{top:16%;min-width:min(320px,92vw);padding:12px 14px}.banner h2{font-size:16px}.voice-note{bottom:176px}.sheet{align-items:flex-end}.sheet-panel{height:min(92vh,100%);width:100%;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0}}@media(max-width:420px){.bid-grid{grid-template-columns:repeat(5,1fr)}.grid2{grid-template-columns:1fr}}