/* Reference-matched Durak game table. No changes to the game engine. */
#app.premium-game{--felt1:#1c344a;--felt2:#081929;--felt3:#020915;--bg:#050b18;--mut:#aebcce;--ink:#edf0f8;--brass:#e8c47d;isolation:isolate;background:linear-gradient(180deg,#02071252,#020917ee 46%,#030915 99%),url("../assets/night-kingdom.svg") center 6%/auto 115% no-repeat;overflow:hidden}
#app.premium-game>.top,#app.premium-game>.opps,#app.premium-game>.premium-round-display,#app.premium-game>.mid,#app.premium-game>.hand,#app.premium-game>.bar,#app.premium-game>.premium-voice-dock{position:relative;z-index:1;flex-shrink:0}
#app.premium-game .top{min-height:65px;gap:6px;padding:10px 9px 9px;background:linear-gradient(180deg,#030918e8,#09172bc0);border-bottom:1px solid #b5cce326}
#app.premium-game .top .logo{margin-right:0;font:800 19px/1 "Bodoni Moda",Georgia,serif;color:#f1e5ce;letter-spacing:.055em;text-shadow:0 0 8px #000;position:relative;min-width:73px;padding:4px 0}
#app.premium-game .top .logo::before{content:"♛";display:block;position:absolute;font:700 14px serif;color:#d8b36e;top:-8px;left:0}
#app.premium-game .top .chip{padding:4px 7px;font-size:10px;background:linear-gradient(#172c44,#0a1525);border:1px solid #7790ad70;color:#cbd6e5;box-shadow:inset 0 1px #fff1}
#app.premium-game .top .trump-chip{margin-left:auto}
#app.premium-game .top .ib{width:31px;height:31px;min-width:31px;border:1px solid #7c95b762;background:#0b1e32;border-radius:10px;box-shadow:inset 0 1px #ffffff1d}
#app.premium-game .top .ib[data-a="quit"]{background:#341d2d88;border-color:#b85b6c68}
.premium-session-pill{display:flex;align-items:center;gap:6px;min-width:0;max-width:115px;padding:5px 7px;border:1px solid #718ba864;border-radius:10px;background:linear-gradient(135deg,#1d2c43aa,#091425cc);box-shadow:inset 0 1px #ffffff1c}
.premium-session-pill .premium-session-symbol{color:#70edaa;font-size:10px}
.premium-session-pill>span:last-child{min-width:0;display:grid;gap:2px}
.premium-session-pill b{font-weight:650;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-session-pill small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9cb2c8}
#app.premium-game .opps{min-height:107px;flex-shrink:0;gap:9px;padding:11px 14px 5px;align-items:center;background:linear-gradient(#091423c2,#0000)}
#app.premium-game .opp{max-width:230px;border:1px solid #dcbd7f44;border-radius:16px;background:linear-gradient(115deg,#11263a99,#0309138f);box-shadow:inset 0 1px #ffffff1d,0 6px 20px #0007;min-height:86px;padding:10px 9px 6px 66px;position:relative}
#app.premium-game .opp.att,#app.premium-game .opp.def{border-color:#d9b67288}
#app.premium-game .opp .on{font:700 12px/1.2 system-ui,sans-serif;gap:5px}
#app.premium-game .opp .on>span{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app.premium-game .opp .on>span b{color:#e2bd78}
#app.premium-game .opp .on i{font-size:9px;margin-top:5px;display:block;color:#c1ccdb}
#app.premium-game .opp .mini{margin-top:8px;height:27px}
#app.premium-game .opp .mini .c{--cw:22px;margin-left:-11px;border-radius:4px;border:1px solid #e1bb7d}
#app.premium-game .role-badge{font-size:7px;padding:1px 3px}
.premium-portrait{width:49px;height:49px;flex:none;position:relative;display:grid;place-items:center;border:2px solid #d6b875;border-radius:50%;box-shadow:0 0 0 3px #040c1b,0 0 14px #cfa46647,inset 0 0 12px #eac58a44;color:#f7e0ae;background:radial-gradient(circle at 36% 30%,#766042,#222a3a 43%,#090d19 80%);font:800 25px/1 "Bodoni Moda",Georgia,serif}
.premium-portrait::after{content:"";position:absolute;bottom:-4px;right:-2px;width:9px;height:9px;border:2px solid #111827;border-radius:50%;background:#4fee8d;box-shadow:0 0 7px #4cde83}
.premium-portrait i{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font:normal 17px/1 Georgia,serif;color:#f6c96c;text-shadow:0 0 10px #ffc7658c}
#app.premium-game .opp>.premium-portrait{position:absolute;left:9px;top:calc(50% - 25px)}
#app.premium-game .opp:nth-child(even) .premium-portrait{background:radial-gradient(circle at 30% 25%,#4e687e,#24384a 43%,#0a1020 80%)}
#app.premium-game .premium-round-display{margin:1px 22px -7px;align-self:stretch;background:linear-gradient(180deg,#102137da,#091829dc);border:1px solid #7693ac67;border-radius:15px 15px 11px 11px;box-shadow:inset 0 1px #ffffff29,0 6px 18px #0007;min-height:69px;padding:8px 15px;display:grid;gap:4px;justify-content:center;text-align:center;z-index:2}
#app.premium-game .premium-turn-line{display:flex;align-items:center;justify-content:center;gap:12px;font:500 15px Georgia,serif;color:#d9e2ef}
#app.premium-game .premium-turn-line b{color:#f1c579;font-size:19px}
#app.premium-game .premium-turn-line small{font:600 10px system-ui;color:#9eb3ce}
#app.premium-game .premium-round-display .msg{font-size:10px;color:#b2c6d7;line-height:1.15;min-height:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app.premium-game .premium-round-display .msg .hint{font-size:10px}
#app.premium-game .premium-timer-track{width:min(235px,65vw);height:5px;margin:0 auto;background:#152c40;border:1px solid #7d8fa06b;border-radius:999px;overflow:hidden}
#app.premium-game .premium-timer-track i{display:block;height:100%;background:linear-gradient(90deg,#dfac54,#fff1b0);border-radius:99px;box-shadow:0 0 8px #f0ce80}
#app.premium-game .mid{flex:1;min-height:60px;padding:12px 11px 5px;gap:11px;position:relative;isolation:isolate;overflow:visible}
#app.premium-game .mid::before{content:"";position:absolute;inset:-2px -27% -15px;border:3px solid #be935e91;border-radius:50%;background:radial-gradient(ellipse at 45% 36%,#1d3b50ee,#0e253d 48%,#08162b 72%,#030816 96%);box-shadow:inset 0 0 0 4px #c79e6444,inset 0 0 0 11px #030d1b77,inset 0 0 55px #071021,0 10px 28px #000a;pointer-events:none;z-index:-1}
#app.premium-game .mid::after{content:"♠";position:absolute;top:50%;left:58%;transform:translate(-50%,-50%);font:800 clamp(80px,30vw,195px) Georgia,serif;color:#d9bc7520;pointer-events:none;z-index:-1}
#app.premium-game .mid .tbl{gap:8px 8px}
#app.premium-game .deck-zone{display:grid;grid-template-columns:1fr;gap:2px;justify-content:center;align-items:center}
#app.premium-game .deck-count{font-weight:750;color:#e5d3af;background:#081529cc;border:1px solid #8d785e9e;border-radius:999px;padding:5px 6px;justify-self:center;font-size:11px;max-width:60px}
#app.premium-game .deck{height:calc(var(--cw)*1.55)}
#app.premium-game .c{background:linear-gradient(145deg,#fffef5,#f1e4c8);border:1px solid #bcab91;box-shadow:0 3px 9px #000b,inset 0 0 0 1px #ffffff8c}
#app.premium-game .c.bk{background:repeating-linear-gradient(45deg,#0d2445 0 2px,#152e55 2px 4px);border:2px solid #d4b671;box-shadow:inset 0 0 0 2px #0b1b35,inset 0 0 0 4px #e6c783aa,0 3px 10px #000a}
#app.premium-game .c.bk .back-mark{color:#e7c98a;font-family:Georgia,serif;font-size:calc(var(--cw)*.36);text-shadow:0 1px 5px #000}
#app.premium-game .c.bk .back-crest{color:#e5c989}
#app.premium-game .c.face-dark,#app.premium-game .c.face-neon{background:linear-gradient(160deg,#1e293d,#101626)}
#app.premium-game .hand{min-height:calc(var(--cw)*1.4 + 24px);padding:13px 11px 9px;position:relative;z-index:2}
#app.premium-game .hand .c.ok{box-shadow:0 0 0 2px #68d9ff,0 0 20px #53c8ff82,0 8px 17px #000b}
#app.premium-game .bar{height:auto;min-height:65px;display:flex;gap:7px;align-items:center;justify-content:space-between;padding:8px 11px;background:linear-gradient(155deg,#102138ee,#040b19f4);border-top:1px solid #e8c57d6d;box-shadow:0 -10px 20px #0309188f;z-index:3}
#app.premium-game .premium-player{min-width:0;flex:1;display:flex;align-items:center;gap:10px}
#app.premium-game .premium-player .premium-portrait{width:44px;height:44px;font-size:24px;flex:none}
#app.premium-game .premium-player .premium-me-label{display:grid;gap:3px;min-width:0;max-width:100px}
#app.premium-game .premium-player .premium-me-label b{color:#f2e6cb;font:700 14px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app.premium-game .premium-player .premium-me-label small{font-size:8px;letter-spacing:.1em;color:#e8bf78}
#app.premium-game .bar>.btn,#app.premium-game .bar>.premium-quick-move{min-height:43px;padding:8px 11px;font-size:11px;font-weight:750;border:1px solid #d5b373;border-radius:11px;flex-shrink:0;box-shadow:0 3px 0 #5a3d20,0 4px 12px #0007}
#app.premium-game .bar>.premium-quick-move{background:linear-gradient(155deg,#ffe1a2,#b78239);color:#30210d}
#app.premium-game .bar>.btn.w{background:linear-gradient(#1a3655,#0b172a);color:#f3e2bc;border-color:#6ba9c1;box-shadow:0 3px 0 #081020}
#app.premium-game .premium-wait-label{color:#a8b9ce;font-size:11px;text-align:right;padding:0 6px}
#app.premium-game .premium-voice-dock{height:76px;display:flex;align-items:center;justify-content:space-around;gap:10px;padding:8px 20px 18px;background:linear-gradient(180deg,#030916,#060d1c);border-top:1px solid #5d83a64a;z-index:3}
#app.premium-game .premium-voice-dock .ib{position:relative;margin:0;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:55px;height:44px;border:1px solid #7997ae6b;background:linear-gradient(#102941,#071427);border-radius:14px;font-size:21px;color:#c6daef}
#app.premium-game .premium-voice-dock .premium-dock-mic{width:61px;height:61px;border:3px solid #2acbff;background:radial-gradient(circle at 45% 25%,#2b6a9f,#051327 78%);color:#e4faff;font-size:28px;border-radius:50%;box-shadow:0 0 0 4px #125b9970,0 0 20px #18c6fb8c,inset 0 2px 6px #c2f4ff55}
#app.premium-game .premium-voice-caption{font-size:9px;color:#a5c3de;max-width:90px}
#app.premium-game .premium-voice-dock .premium-dock-chat{font-size:19px}
#app.premium-game>.ov{z-index:15}
#app.premium-game .more-menu,#app.premium-game .emo,#app.premium-game .game-settings-sheet,#app.premium-game .matchlog-sheet{z-index:16}
#app.premium-game .top .timer-chip{display:none}
@media(max-width:395px){#app.premium-game .premium-session-pill{padding-inline:5px;max-width:85px}#app.premium-game .top .logo{font-size:16px;min-width:59px}#app.premium-game .top .chip{font-size:9px;padding:4px 5px}#app.premium-game .top .ib{width:28px;min-width:28px;height:30px}#app.premium-game .opps{padding:6px 8px 4px}#app.premium-game .opp{min-height:75px;padding-left:58px}#app.premium-game .opp>.premium-portrait{left:5px;width:43px;height:43px}#app.premium-game .bar{padding-inline:6px}#app.premium-game .premium-player{gap:6px}#app.premium-game .bar>.btn,#app.premium-game .bar>.premium-quick-move{font-size:10px;padding-inline:7px}}
@media(max-height:700px){#app.premium-game .top{min-height:52px;padding-block:5px}#app.premium-game .opps{min-height:78px;padding-top:7px;padding-bottom:2px}#app.premium-game .opp{min-height:67px;padding-top:6px;padding-bottom:2px}#app.premium-game .premium-round-display{min-height:49px;padding:5px 10px}#app.premium-game .premium-round-display .msg{font-size:9px}#app.premium-game .premium-turn-line b{font-size:14px}#app.premium-game .premium-voice-dock{height:57px;padding-block:2px}#app.premium-game .premium-voice-dock .premium-dock-mic{width:49px;height:49px}#app.premium-game .hand{padding-top:5px;padding-bottom:5px}#app.premium-game .bar{min-height:54px;padding-block:3px}}
@media(orientation:landscape) and (max-height:520px){#app.premium-game .top{min-height:36px}#app.premium-game .opps{min-height:49px;padding-block:1px}#app.premium-game .opp{min-height:44px;padding:2px 6px 1px 42px}#app.premium-game .opp>.premium-portrait{width:31px;height:31px;top:3px;font-size:16px}#app.premium-game .opp .mini{display:none}#app.premium-game .premium-round-display{min-height:36px;padding:2px;margin:0 15px -4px}#app.premium-game .premium-round-display .msg{display:none}#app.premium-game .premium-turn-line{font-size:11px}#app.premium-game .bar{min-height:36px}#app.premium-game .premium-player .premium-portrait{height:27px;width:27px;font-size:15px}#app.premium-game .hand{min-height:calc(var(--cw)*1.3 + 6px);padding:0}#app.premium-game .premium-voice-dock{height:42px;padding:1px}#app.premium-game .premium-voice-dock .premium-dock-mic{width:39px;height:39px;font-size:18px}}
@media(prefers-reduced-motion:reduce){#app.premium-game .premium-map-node.is-selected{animation:none}}