:root{color:#f4f0de;background:#11130e;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{width:100vw;height:100vh;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(219,178,58,.14),transparent 34%),radial-gradient(circle at 80% 72%,rgba(95,165,106,.11),transparent 28%),linear-gradient(180deg,#1b1d15,#0e100c)}button{font:inherit}#root,.viewport{width:100vw;height:100vh;overflow:hidden}.viewport{position:relative}.cardGame{width:1440px;height:960px;margin-left:max(0px,calc((100vw - var(--game-width)) / 2));margin-top:0;padding:18px 34px;display:grid;grid-template-rows:66px 86px 410px 362px;gap:12px;zoom:var(--game-scale)}.gameTopbar,.opponentZone,.tableZone,.playerZone{border:1px solid rgba(255,255,255,.13);border-radius:10px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#161912c2;box-shadow:0 16px 36px #0000002e}.gameTopbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px}.brand{display:flex;align-items:center;gap:14px}.mark{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#d9b450,#5fa56a);color:#14170f;font-size:21px;font-weight:950}h1,h2,p{margin:0}h1{font-size:23px;line-height:1}.brand p{margin-top:5px;color:#aaa78d;font-size:13px}.statusPills{display:flex;gap:10px}.statusPills span{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:9px 12px;background:#ffffff0b;font-size:13px;white-space:nowrap}.opponentZone,.playerZone{padding:14px 22px}.opponentZone{position:relative}.zoneHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#b7b395;font-size:13px;text-transform:uppercase}.zoneHeader strong{color:#f4f0de;font-size:15px}.opponentHand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cardBack{width:52px;height:72px;margin-left:-10px;border:2px solid rgba(219,180,80,.72);border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 18%),radial-gradient(circle at 50% 40%,rgba(217,180,80,.24),transparent 32%),linear-gradient(160deg,#263021,#11150f 60%,#2e2210);box-shadow:0 8px 18px #00000057;color:#d9b450;font-weight:950;transform:translate(calc(var(--offset) * .08)) rotate(var(--tilt))}.cardBack strong{display:grid;place-items:center;width:34px;height:22px;border-radius:999px;background:#00000038;font-size:14px;line-height:1}.cardBack.compact{width:58px;height:80px;margin:0;transform:none;align-items:start;padding-top:18px}.cardBack.compact strong{width:30px;height:20px;font-size:12px}.tableZone{min-height:0;padding:18px;display:grid;grid-template-columns:190px minmax(0,1fr) 260px;gap:18px;overflow:hidden}.deckPanel,.actionPanel{border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#ffffff09;padding:18px}.deckPanel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 18px;min-height:0;overflow:hidden}.deckStack{position:relative;display:grid;justify-items:center}.deckStack>strong{position:absolute;top:73%;left:50%;transform:translate(-50%,-50%);min-width:34px;min-height:23px;border-radius:999px;border:1px solid rgba(255,255,255,.16);padding:4px 10px;background:#0000003d;text-align:center;line-height:1;color:#f4f0de;z-index:2}.trumpCard{display:grid;justify-items:center;gap:7px;color:#b7b395;font-size:12px;text-transform:uppercase}.dealtTrump{width:94px;height:92px;border:1px solid rgba(217,180,80,.35);border-radius:10px;display:grid;place-items:center;background:#0000002e;color:#d9b450;font-size:13px;font-weight:900}.tableBoard{min-width:0;min-height:0;border:1px dashed rgba(255,255,255,.14);border-radius:12px;padding:18px;display:grid;grid-template-rows:auto 1fr;gap:18px;background:radial-gradient(circle at 50% 45%,rgba(217,180,80,.09),transparent 42%),#0d100b75}.tableHint{min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px 13px;background:#0003;color:#d8d2ae;line-height:1.35}.pairGrid{display:grid;place-items:center}.tablePair{display:grid;grid-template-columns:150px 44px 150px;align-items:center;justify-content:center;gap:10px}.pairArrow{color:#d9b450;font-size:26px;font-weight:950;text-align:center}.emptyTable,.emptySlot{border:1px dashed rgba(217,180,80,.36);border-radius:10px;display:grid;place-items:center;color:#b7b395;background:#ffffff09}.emptyTable{width:380px;height:190px}.emptySlot{width:150px;height:243px}.actionPanel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.actionPanel h2{font-size:18px}.actionPanel p{min-height:70px;color:#cfc9aa;font-size:14px;line-height:1.38}.actionPanel button{height:42px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#f4f0de;cursor:pointer;font-weight:850}.actionPanel button:disabled{opacity:.38;cursor:default}.playerZone{position:relative;display:grid;grid-template-rows:minmax(0,1fr);padding-top:10px;padding-bottom:10px;overflow:visible}.playerHand{min-height:0;display:flex;justify-content:center;align-items:center;gap:10px}.handCard{padding:0;border:0;background:transparent;cursor:pointer;position:relative;z-index:calc(var(--hand-card-index) + 1);transform:translateY(0);transition:transform .14s ease,filter .14s ease,margin-left .14s ease}.handCard.fanned{margin-left:-112px}.handCard:hover,.handCard.selected{z-index:80;transform:translateY(-10px)}.handCard.playable .playCard{outline:3px solid rgba(217,180,80,.8);outline-offset:3px}.handStackToggle{width:92px;height:130px;border:2px solid rgba(217,180,80,.7);border-radius:12px;display:grid;place-items:center;align-content:center;gap:4px;background:radial-gradient(circle at 50% 40%,rgba(217,180,80,.22),transparent 36%),linear-gradient(160deg,#263021,#11150f 60%,#2e2210);color:#f4f0de;cursor:pointer;box-shadow:0 12px 24px #00000052}.handStackToggle span{color:#d9b450;font-size:28px;font-weight:950;line-height:1}.handStackToggle small{color:#cfc9aa;font-size:11px;font-weight:850;text-transform:uppercase}.handStackToggle.open{outline:3px solid rgba(217,180,80,.78);outline-offset:3px}.handOverflowPanel{position:absolute;left:22px;right:22px;bottom:calc(100% - 8px);z-index:120;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px 12px;background:linear-gradient(180deg,#1f2319fa,#12150ffa),#161912;box-shadow:0 22px 48px #00000075}.handOverflowHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#f4f0de}.handOverflowHeader strong{font-size:13px;text-transform:uppercase}.handOverflowHeader button{border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:6px 10px;background:#ffffff0f;color:#f4f0de;cursor:pointer;font-size:12px;font-weight:850}.handOverflowCards{max-width:100%;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:3px 4px 8px}.overflowHandCard{flex:0 0 auto;padding:0;border:0;background:transparent;cursor:pointer}.overflowHandCard.playable .playCard{outline:3px solid rgba(217,180,80,.8);outline-offset:3px}.overflowHandCard .playCard{width:132px;height:218px;padding:6px;grid-template-rows:19px 112px 16px 21px 18px;gap:4px}.overflowHandCard .playCardName,.overflowHandCard .playCardInfo span,.overflowHandCard .playCardEmotion{font-size:7px;line-height:1.05}.playCard{--card-edge: #d7a629;--card-top: #f2cf5b;--card-art-1: #ffe985;--card-art-2: #c48a24;--card-glow: rgba(229, 189, 57, .42);width:158px;height:264px;border:3px solid color-mix(in srgb,var(--card-edge) 76%,#2b1a0a);border-radius:11px;padding:7px;color:#221609;background:linear-gradient(135deg,rgba(255,255,255,.86),transparent 16%),linear-gradient(180deg,#fff0bc,color-mix(in srgb,var(--card-edge) 70%,#fff0bc) 58%,color-mix(in srgb,var(--card-edge) 55%,#35200b));box-shadow:0 12px 24px #00000047,0 0 0 1px #fff5be80 inset,0 0 18px var(--card-glow);display:grid;grid-template-rows:23px 138px 19px 24px 20px;gap:5px;overflow:hidden}.tablePair .playCard{width:148px;height:243px;padding:6px;grid-template-rows:21px 130px 18px 22px 18px;gap:4px}.playerHand .playCard{width:188px;height:309px;padding:8px;grid-template-rows:25px 164px 20px 27px 22px;gap:5px}.playerHand .playCardName,.playerHand .playCardInfo span,.playerHand .playCardEmotion{font-size:10px;line-height:1.1}.playCard.compact{width:94px;height:144px;padding:6px;border-width:2px;grid-template-rows:18px 78px 24px;gap:4px}.playCardTop{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid rgba(72,43,14,.72);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#fff4c2,var(--card-top));padding:2px 6px;font-size:8px;font-weight:950;text-transform:uppercase}.playCardTop b{width:19px;height:19px;display:grid;place-items:center;border:1px solid #5d3713;border-radius:999px;background:radial-gradient(circle,#fff6b7,color-mix(in srgb,var(--card-top) 72%,#9b5d1b) 78%);font-size:10px}.playCard.compact .playCardTop b{width:15px;height:15px;font-size:8px}.playCardArt{border:2px solid rgba(62,38,15,.86);border-radius:7px;display:grid;place-items:center;padding:8px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.36),transparent 28%),linear-gradient(180deg,var(--card-art-1),var(--card-art-2));box-sizing:border-box}.playCardArt img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 9px 5px rgba(0,0,0,.34))}.playCardName{display:grid;place-items:center;border-bottom:1px solid rgba(75,48,20,.58);padding:1px 4px;font-size:11px;line-height:1.05;font-weight:950;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.playCard.compact .playCardName{font-size:7px;line-height:1.05;white-space:normal;text-overflow:clip}.playCardInfo{display:grid;grid-template-columns:1fr 1fr;gap:4px}.playCardInfo span,.playCardEmotion{border:1px solid rgba(76,46,15,.55);border-radius:5px;background:#fff2be8a;display:grid;place-items:center;padding:2px 5px;font-size:9px;line-height:1.05;font-weight:900;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playCardEmotion{color:#3d2a12}