:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{cursor:url(cursor.png),default}button{cursor:url(cursor_pointer.png),pointer!important}html,body,#root{margin:0;min-height:100%}html,body,#root{width:100%}body{min-height:100dvh;overflow-x:hidden;overflow-y:auto}button{font:inherit}.game-screen{min-height:100dvh;padding:16px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,#0f172a,#111827)}.game-layout{min-height:calc(100dvh - 32px);display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0f172adb;box-shadow:0 24px 60px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{display:inline-block;margin-bottom:6px;padding:5px 10px;border-radius:999px;background:#3b82f629;color:#93c5fd;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.table-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.meta-pill{padding:8px 12px;border-radius:999px;background:#ffffff0f;color:#cbd5e1;font-size:14px}.hand-section,.table-section,.actions-panel{border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:12px 14px}.table-section{display:flex;flex-direction:column}.player-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.player-label{font-size:15px;font-weight:700;color:#f8fafc}.player-cards-count{font-size:13px;color:#94a3b8}.hand-row{display:flex;justify-content:center;align-items:center;gap:14px;min-height:110px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding-bottom:2px}.player-hand-row{justify-content:center}.table-section{min-height:0}.table-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.table-grid{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:10px;min-width:100%}.table-slot{min-height:88px;display:grid;place-items:center;border-radius:16px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;color:#64748b}.table-slot.filled{padding:4px;border-style:solid}.playing-card{position:relative;width:74px;height:102px;flex:0 0 auto;border-radius:14px;background:linear-gradient(180deg,#fff,#eef2ff);border:1px solid rgba(15,23,42,.12);box-shadow:0 10px 24px #0f172a42;overflow:hidden}.playing-card.compact{width:58px;height:80px}.hidden-card{background:linear-gradient(180deg,#1d4ed8,#1e293b);border-color:#ffffff14}.card-back-pattern{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:10px;background:linear-gradient(45deg,rgba(255,255,255,.16) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.16) 75%,transparent 75%,transparent),#ffffff14;background-size:14px 14px;border:1px solid rgba(255,255,255,.18)}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:14px;font-weight:800;line-height:1}.top-corner{top:8px;left:8px}.bottom-corner{right:8px;bottom:8px;transform:rotate(180deg)}.card-center-symbol{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px;font-weight:700}.red-suit{color:#dc2626}.black-suit{color:#111827}.interactive-card{cursor:url(cursor_pointer.png),pointer!important}.interactive-shell-selected,.interactive-card-selected{background-color:#0000ff80;background-blend-mode:multiply}.actions-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:0;z-index:2}.hand-section,.table-section,.actions-panel{flex:0 0 auto;flex-direction:column;align-items:center}.action-status{color:#ff0;align-self:center}.actions-row{display:flex;gap:12px}.action-button{min-width:132px;border:0;border-radius:14px;padding:12px 18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.action-button:hover{opacity:.96;transform:translateY(-1px)}.take-button{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.discard-button{background:linear-gradient(180deg,#7c3aed,#6d28d9)}.hand-row::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.game-screen::-webkit-scrollbar{height:8px;width:8px}.hand-row::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb,.game-screen::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#020617f2}.rotate-card{max-width:360px;padding:24px;border-radius:24px;background:#111827;border:1px solid rgba(255,255,255,.08);text-align:center}.rotate-icon{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:10px;border-radius:50%;background:#3b82f624;color:#93c5fd;font-size:32px}.rotate-card p{margin-bottom:0;color:#cbd5e1;line-height:1.5}@media (max-width: 1000px){.game-screen{padding:10px}.game-layout{min-height:calc(100dvh - 20px);padding:12px;gap:10px}.top-bar{gap:10px}.table-grid{gap:8px;grid-template-columns:repeat(5,minmax(62px,1fr))}.playing-card{width:64px;height:90px}.playing-card.compact{width:50px;height:70px}.hand-row{gap:10px;min-height:96px}.table-slot{min-height:78px}}@media (max-width: 720px){.top-bar,.actions-panel{grid-template-columns:1fr;display:grid}.table-meta{justify-content:flex-start}.actions-row{width:100%}.action-button{flex:1 1 auto;min-width:0}}@media (max-width: 900px) and (orientation: landscape),(max-height: 520px){.game-screen{padding:8px}.game-layout{min-height:calc(100dvh - 16px);padding:10px;gap:8px;border-radius:18px}.top-bar{align-items:center;gap:8px}.top-bar>div:first-child{min-width:0}.eyebrow{display:none}h1{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-meta{gap:6px}.meta-pill{padding:5px 9px;font-size:11px}.hand-section,.table-section,.actions-panel{padding:8px 10px;border-radius:16px}.player-label-row{margin-bottom:6px}.player-label{font-size:14px}.player-cards-count,.action-status{font-size:12px}.hand-row{min-height:0;gap:8px;justify-content:flex-start;padding-bottom:4px}.opponent-section .hand-row{justify-content:center}.playing-card{width:44px;height:62px;border-radius:10px}.playing-card.compact{width:36px;height:50px}.card-corner{font-size:9px}.top-corner{top:5px;left:5px}.bottom-corner{right:5px;bottom:5px}.card-center-symbol{font-size:20px}.table-section{overflow:visible}.table-scroll{overflow-x:auto;overflow-y:hidden;min-height:58px;padding-bottom:2px}.table-grid{display:flex;flex-wrap:nowrap;gap:6px;min-width:max-content;min-height:58px;align-items:center}.table-slot{flex:0 0 52px;min-height:54px;border-radius:12px}.actions-panel{position:static;gap:10px;padding-top:10px}.action-button{min-width:96px;padding:10px 12px;border-radius:12px}}@media (max-height: 480px){.hand-section,.table-section,.actions-panel{padding:8px 10px}h1{font-size:20px}.hand-row{min-height:0}.playing-card{width:40px;height:56px}.playing-card.compact{width:32px;height:46px}.table-scroll,.table-grid{min-height:54px}.table-slot{flex-basis:48px;min-height:50px}.card-center-symbol{font-size:18px}}.desktop-layout{justify-content:flex-start}.mobile-layout{min-height:calc(100dvh - 16px);display:grid;grid-template-rows:auto auto auto 1fr auto;gap:8px;padding:10px;border-radius:18px}.mobile-hud,.mobile-opponent-strip,.mobile-table-strip,.mobile-player-strip,.mobile-actions-panel{border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.mobile-hud{padding:10px 12px}.mobile-hud-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-title{font-size:18px;font-weight:800;line-height:1}.mobile-subtitle{font-size:11px;color:#94a3b8}.mobile-counter-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mobile-counter-pill{padding:5px 8px;border-radius:999px;background:#ffffff0f;color:#cbd5e1;font-size:11px;white-space:nowrap}.mobile-opponent-strip,.mobile-table-strip,.mobile-player-strip{padding:8px 10px}.mobile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mobile-opponent-cards,.mobile-player-cards{display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px}.mobile-layout .playing-card{width:50px;height:70px;border-radius:10px}.mobile-layout .playing-card.compact{width:42px;height:58px}.mobile-layout .card-corner{font-size:10px}.mobile-layout .top-corner{top:5px;left:5px}.mobile-layout .bottom-corner{right:5px;bottom:5px}.mobile-layout .card-center-symbol{font-size:22px}.mobile-table-strip{min-height:0}.mobile-table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:2px}.mobile-table-row{display:flex;gap:6px;min-width:max-content}.mobile-table-slot{flex:0 0 52px;min-height:64px;display:grid;place-items:center;padding:3px;border-radius:12px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;color:#64748b}.mobile-table-slot.filled{border-style:solid}.mobile-actions-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px}.mobile-action-status{color:#ff0;min-width:0}.mobile-actions-row{display:flex;gap:8px}.mobile-actions-panel .action-button{min-width:92px;padding:10px 12px;border-radius:12px}@media (max-width: 900px) and (orientation: landscape),(max-height: 520px){.mobile-layout{min-height:calc(100dvh - 16px)}.mobile-hud{padding:8px 10px}.mobile-title{font-size:16px}.mobile-subtitle,.mobile-counter-pill,.mobile-action-status,.mobile-section-heading .player-cards-count{font-size:10px}.mobile-opponent-strip,.mobile-table-strip,.mobile-player-strip{padding:8px}.mobile-layout .playing-card{width:46px;height:64px}.mobile-layout .playing-card.compact{width:38px;height:54px}.mobile-table-slot{flex-basis:48px;min-height:58px}.mobile-actions-panel{grid-template-columns:1fr auto;padding:8px 10px}}@media (max-width: 720px){.mobile-hud-main,.mobile-actions-panel{grid-template-columns:1fr;display:grid}.mobile-counter-row{justify-content:flex-start}.mobile-actions-row{width:100%}.mobile-actions-panel .action-button{flex:1 1 auto;min-width:0}}.home-screen{min-height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at top,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,#0f0f0f,#000)}.home-shell{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;align-items:center;padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#0f172ae0;box-shadow:0 24px 60px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-shell{display:flex;align-content:center;flex-direction:column-reverse;flex-wrap:wrap;justify-content:center;align-items:center}.home-copy{display:flex;flex-direction:column;gap:14px}.home-description{margin:0;max-width:44rem;color:#cbd5e1;font-size:16px;line-height:1.6}.home-cards-preview{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px}.home-cards-preview .playing-card:nth-child(2){transform:translateY(-12px) rotate(-4deg)}.home-cards-preview .playing-card:nth-child(3){transform:translateY(6px) rotate(6deg)}.home-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px}.home-primary-button,.back-button{border:0;border-radius:14px;padding:12px 18px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 10px 24px #2563eb40}.new-game-button{gap:15px;border:0;border-radius:14px;padding:12px 18px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 10px 24px #2563eb40}.home-primary-button:hover,.back-button:hover{opacity:.96;transform:translateY(-1px)}.home-hint{color:#94a3b8;font-size:14px}.title-row{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}.back-button{padding:10px 14px;border-radius:12px;font-size:14px;white-space:nowrap}.mobile-hud-top{display:flex;justify-content:flex-start;margin-bottom:8px}.mobile-back-button{padding:8px 12px;font-size:12px;gap:15px}.mobile-ng-button{margin-left:15px}@media (max-width: 900px){.home-shell{grid-template-columns:1fr;padding:20px}.home-cards-preview{order:3;min-height:120px}.home-actions{grid-column:auto;flex-direction:column;align-items:stretch}.home-primary-button{width:100%}}@media (max-width: 900px) and (orientation: landscape),(max-height: 520px){.home-screen{padding:8px}.home-shell{gap:14px;padding:16px;border-radius:18px}.home-description{font-size:14px;line-height:1.45}.home-cards-preview{min-height:84px;gap:8px}.home-cards-preview .playing-card{width:44px;height:62px}.home-primary-button,.back-button{padding:10px 14px;font-size:13px}.title-row{gap:8px}}.action-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.action-button:disabled:hover{transform:none}