*{box-sizing:border-box}:root{color-scheme:dark;--bg-1: #050816;--bg-2: #08122b;--bg-3: #0d1a3f;--bg-4: #170d3d;--panel: rgba(9, 16, 38, .84);--panel-strong: rgba(12, 21, 48, .94);--panel-soft: rgba(18, 32, 71, .7);--panel-glow: rgba(77, 129, 255, .14);--border: rgba(119, 151, 255, .22);--border-strong: rgba(166, 106, 255, .38);--border-soft: rgba(255, 255, 255, .06);--text: #eef4ff;--text-soft: #c7d8ff;--text-dim: #8ea6d7;--blue: #56abff;--blue-2: #2de0ff;--violet: #8b5cf6;--violet-2: #cc66ff;--gold: #f4c977;--green: #34d399;--danger: #ff668d;--shadow-soft: 0 12px 28px rgba(0, 0, 0, .26);--shadow-medium: 0 18px 38px rgba(0, 0, 0, .34);--shadow-strong: 0 22px 60px rgba(0, 0, 0, .48);--glow-blue: 0 0 0 1px rgba(86, 171, 255, .2), 0 0 28px rgba(86, 171, 255, .2);--glow-violet: 0 0 0 1px rgba(204, 102, 255, .2), 0 0 32px rgba(204, 102, 255, .22);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--gap: 14px;--card-ratio-width: 1143;--card-ratio-height: 2048;--hand-card-width-player: clamp(86px, 6vw, 118px);--hand-card-width-ai: clamp(74px, 5.4vw, 104px);--hand-overlap-player: clamp(20px, 1.7vw, 34px);--hand-overlap-ai: clamp(18px, 1.4vw, 28px)}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(69,120,255,.16),transparent 22%),radial-gradient(circle at 85% 16%,rgba(190,92,255,.12),transparent 20%),radial-gradient(circle at 50% 60%,rgba(36,200,255,.06),transparent 25%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 38%,var(--bg-3) 72%,var(--bg-4) 100%)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.app-shell{width:100%;height:100dvh;padding:14px;overflow:hidden}.game-layout{width:100%;height:100%;display:grid;grid-template-rows:110px minmax(0,1fr);gap:var(--gap)}.game-topbar{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:var(--gap)}.logo-box,.preview-panel,.hand-zone,.actions-panel,.log-box,.info-panel,.status-card{border:1px solid var(--border);box-shadow:var(--shadow-soft)}.logo-box{min-height:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff06,#ffffff04),linear-gradient(180deg,#0f1835fa,#080e1ffa);display:grid;place-items:center;overflow:hidden;position:relative}.logo-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(86,171,255,.09),transparent 55%);pointer-events:none}.logo-box__image{max-width:88%;max-height:78%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.32))}.logo-box__fallback{padding:18px;text-align:center;font-size:1.6rem;font-weight:900;line-height:1.1;color:var(--gold);text-shadow:0 0 12px rgba(244,201,119,.2)}.hud-strip{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.status-card{min-height:0;border-radius:0;background:linear-gradient(180deg,#204a8af2,#133166f2);display:flex;flex-direction:column;justify-content:center;padding:10px 16px;text-align:center}.status-card:nth-child(2){background:linear-gradient(180deg,#127ca8f2,#0a5981f2)}.status-card:nth-child(3){background:linear-gradient(180deg,#2760a3f2,#1b467df2)}.status-card:nth-child(4){background:linear-gradient(180deg,#4aa7d6f5,#357daff5)}.status-card__label{font-size:.82rem;text-transform:uppercase;font-weight:800;letter-spacing:.04em;color:#fffffff2}.status-card__value{margin-top:4px;font-size:clamp(1rem,1.2vw,1.34rem);font-weight:900;color:#fff}.game-board{min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:var(--gap)}.topic-column,.center-column,.right-column{min-height:0;display:grid;gap:var(--gap)}.topic-column{grid-template-rows:minmax(0,1fr) auto}.center-column{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.right-column{grid-template-rows:minmax(0,1fr) auto minmax(160px,.82fr)}.preview-panel,.hand-zone,.actions-panel,.log-box,.info-panel{min-height:0;border-radius:0;background:linear-gradient(180deg,#0c142ff5,#060c1cf7);overflow:hidden;position:relative}.preview-panel:before,.hand-zone:before,.info-panel:before,.log-box:before,.actions-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(86,171,255,.06),transparent 65%);pointer-events:none}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.preview-panel__header{position:relative;z-index:1;padding:12px 14px 10px;background:linear-gradient(90deg,#cc5912f2,#c5550ff2);border-bottom:1px solid rgba(255,255,255,.08)}.preview-panel__header h2{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}.preview-panel__header p{margin:6px 0 0;font-size:.82rem;color:#ffffffeb}.preview-panel__body{min-height:0;padding:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#071938db,#040e1feb)}.preview-panel__empty{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#e8f0ff;font-size:clamp(.95rem,1.1vw,1.34rem);font-weight:800;line-height:1.28;background:#16668838;border:2px solid rgba(92,189,255,.24)}.preview-panel__image{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28))}.preview-fallback-card{width:min(100%,250px);aspect-ratio:var(--card-ratio-width) / var(--card-ratio-height);border-radius:0;border:1px solid rgba(159,184,255,.18);background:linear-gradient(180deg,#f7f8fd,#e7ebfb);color:#182033;padding:14px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 18px 26px #0000002e}.preview-fallback-card__title{font-size:1rem;font-weight:900;line-height:1.18}.preview-fallback-card__meta,.preview-fallback-card__points{margin-top:10px;font-size:.92rem;font-weight:700}.preview-fallback-card__points.positive{color:#18a85f}.preview-fallback-card__points.negative{color:#d94b68}.info-panel{padding:12px;display:grid;gap:10px;align-content:start;background:linear-gradient(180deg,#103f20e6,#0b361cf2)}.info-badge{position:relative;z-index:1;display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(124,246,180,.14);background:#ffffff0a}.info-badge--highlight{border-color:#ffd36742;box-shadow:0 0 0 1px #ffd36714,0 0 20px #ffd36714}.info-badge__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#ffffffbf;font-weight:800}.info-badge__value{font-size:.92rem;line-height:1.2;color:#fff}.hand-zone{display:grid;grid-template-rows:auto minmax(0,1fr);background:linear-gradient(90deg,#040e24e0,#051233e6)}.hand-zone--player{background:linear-gradient(90deg,#480f5bb8,#340b47d1)}.hand-zone--ai{background:linear-gradient(90deg,#0e3561bd,#09224ad1)}.hand-zone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hand-zone-bg, none);background-size:cover;background-position:center;opacity:.18;mix-blend-mode:screen;pointer-events:none}.hand-zone__header,.log-box__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 10px}.hand-zone__header h2,.log-box__header{margin:0;font-size:.98rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:900}.hand-zone__header p{margin:0;font-size:.82rem;color:var(--text-dim)}.hand-zone__fan{position:relative;z-index:1;min-height:0;overflow:visible;display:flex;align-items:flex-end;justify-content:center;padding:8px 16px 18px}.hand-zone__fan--ai{align-items:center;padding-bottom:10px}.hand-zone__fan>*{flex:0 0 auto}.hand-zone__fan--player>*+*{margin-left:calc(var(--hand-overlap-player) * -1)}.hand-zone__fan--ai>*+*{margin-left:calc(var(--hand-overlap-ai) * -1)}.hand-zone__fan--player .game-card{width:var(--hand-card-width-player)}.hand-zone__fan--ai .game-card{width:var(--hand-card-width-ai)}.game-card{width:100%;aspect-ratio:var(--card-ratio-width) / var(--card-ratio-height);border-radius:0;border:1px solid rgba(148,173,250,.18);overflow:hidden;position:relative;transform-origin:center bottom;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;background:#0b1020;box-shadow:0 12px 20px #0000003d}.game-card--selectable{cursor:pointer}.game-card--selected{box-shadow:var(--glow-violet),0 16px 28px #00000052}.game-card--selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(218,188,255,.35);pointer-events:none}.game-card--back{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0c417cf5,#06173afa)}.card-back-content{padding:10px;text-align:center;text-transform:uppercase;font-weight:900;font-size:.68rem;line-height:1.12;color:#fff}.game-card--image-only,.game-card--back{padding:0}.card-full-art{width:100%;height:100%;object-fit:cover;background:#0b1020}.game-card--loading{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(180deg,#182446fa,#0b1123fa)}.card-loading-content{font-size:.72rem;text-align:center;font-weight:800;color:#dce7ff}.game-card--fallback{background:linear-gradient(180deg,#f8f9fe,#e6ebfa);color:#1c2338;display:flex;flex-direction:column}.card-image-wrapper{flex:0 0 58%;background:#dbe5ff;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover}.card-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:5px;padding:9px 10px}.card-title{margin:0;font-size:.84rem;line-height:1.08;font-weight:900}.card-type,.card-points{margin:0;font-size:.72rem;line-height:1.08;font-weight:700}.card-points.positive{color:#159b58}.card-points.negative{color:#d54b68}.actions-panel{padding:12px;display:grid;gap:10px;align-content:end;background:linear-gradient(180deg,#0e4615eb,#0d3b14f2)}.primary-button,.secondary-button{min-height:52px;width:100%;border:1px solid rgba(181,223,255,.35);border-radius:0;cursor:pointer;color:#fff;font-size:.96rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.primary-button{background:linear-gradient(90deg,#5ca9ff,#8a66ff);box-shadow:0 12px 24px #6082ff42}.secondary-button{background:linear-gradient(180deg,#5d9be1,#4f87c8)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.log-box{display:grid;grid-template-rows:auto minmax(0,1fr);background:linear-gradient(180deg,#7e7e7eb8,#656565cc)}.log-box__list{min-height:0;display:grid;grid-auto-rows:minmax(0,auto);gap:8px;padding:0 12px 12px;overflow:hidden}.log-entry{padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:#0a112461;color:#fff;font-size:.9rem;line-height:1.24}@media (max-width: 1480px){.game-topbar{grid-template-columns:260px minmax(0,1fr)}.game-board{grid-template-columns:260px minmax(0,1fr) 320px}:root{--hand-card-width-player: clamp(76px, 6vw, 106px);--hand-card-width-ai: clamp(66px, 5.2vw, 92px)}}@media (max-width: 1240px){.game-layout{grid-template-rows:auto minmax(0,1fr)}.game-topbar{grid-template-columns:220px minmax(0,1fr)}.game-board{grid-template-columns:240px minmax(0,1fr) 290px}.hud-strip{gap:10px}.status-card{padding:8px 12px}:root{--gap: 10px;--hand-card-width-player: clamp(68px, 6vw, 94px);--hand-card-width-ai: clamp(58px, 5vw, 82px)}}@media (max-width: 1040px){html,body,#root{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.game-layout{height:auto;grid-template-rows:auto auto}.game-topbar{grid-template-columns:1fr}.logo-box{min-height:120px}.hud-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.game-board{grid-template-columns:1fr;grid-template-rows:auto auto auto}.topic-column,.center-column,.right-column{min-height:auto}.topic-column,.center-column{grid-template-rows:auto auto}.right-column{grid-template-rows:auto auto auto}.preview-panel,.hand-zone,.actions-panel,.log-box,.info-panel{min-height:240px}.actions-panel{min-height:auto}}@media (max-width: 720px){.app-shell{padding:8px}.hud-strip{grid-template-columns:1fr}.preview-panel,.hand-zone,.info-panel,.log-box{min-height:220px}.hand-zone__header,.log-box__header,.preview-panel__header{padding:10px}.primary-button,.secondary-button{min-height:46px;font-size:.82rem}:root{--hand-card-width-player: 72px;--hand-card-width-ai: 60px}}@media (hover: none){.primary-button:hover,.secondary-button:hover{transform:none}}