html,body,#app{margin:0;width:100%;min-height:100%}:root{color-scheme:dark;--bg-0: #07111f;--bg-1: #0f172a;--bg-2: #14213d;--panel: rgba(15, 23, 42, .72);--panel-strong: rgba(15, 23, 42, .88);--panel-border: rgba(148, 163, 184, .22);--text-main: #f8fafc;--text-sub: #cbd5e1;--accent: #38bdf8;--accent-2: #8b5cf6;--good: #22c55e;--warn: #f59e0b;--danger: #fb7185}body{overflow:hidden auto;background:radial-gradient(circle at 20% 15%,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(139,92,246,.18),transparent 24%),radial-gradient(circle at 50% 95%,rgba(34,197,94,.12),transparent 28%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 40%,var(--bg-2));color:var(--text-main);font-family:Avenir Next,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}#app{display:block}button,input{font:inherit}button{cursor:pointer}.panel-glass{background:linear-gradient(180deg,#0f172ad1,#0f172aad);border:1px solid var(--panel-border);box-shadow:0 20px 60px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-shell{min-height:100vh;padding:28px;display:flex;flex-direction:column;gap:24px}.home-hero{border-radius:28px;padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:center}.eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--accent);margin-bottom:10px}.home-hero h1,.dixit-hero h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:.95}.hero-copy{margin:12px 0 0;max-width:58ch;color:var(--text-sub);line-height:1.6}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mode-card{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:24px;padding:26px;text-align:left;min-height:220px;color:var(--text-main);background:linear-gradient(160deg,#38bdf824,#8b5cf614),var(--panel);box-shadow:0 16px 36px #00000038;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mode-card:hover{transform:translateY(-4px);border-color:#38bdf87a;box-shadow:0 24px 50px #00000042}.mode-card:before{content:"";position:absolute;inset:auto -24px -32px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.26),transparent 70%);filter:blur(2px)}.mode-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#38bdf829;border:1px solid rgba(56,189,248,.36);color:#bae6fd;font-size:12px;margin-bottom:18px}.mode-card h2{margin:0 0 10px;font-size:28px}.mode-card p{margin:0;color:var(--text-sub);line-height:1.6;max-width:36ch}.mode-shell{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:16px}.mode-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-radius:22px}.mode-title{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-sub)}.game-frame{flex:1;min-height:0;border-radius:26px;overflow:hidden}#tenhalf-root{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}#tenhalf-root canvas{border-radius:24px;box-shadow:0 20px 60px #00000059}.back-btn,.ghost-btn,.primary-btn,.secondary-btn{border:0;border-radius:16px;padding:12px 16px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.back-btn,.ghost-btn,.secondary-btn{color:var(--text-main);background:#94a3b81f;border:1px solid rgba(148,163,184,.18)}.primary-btn{color:#00111d;background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 10px 24px #38bdf847}.secondary-btn{background:#0f172aa3}.back-btn:hover,.ghost-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px);opacity:.96}.dixit-app{display:grid;gap:16px}.dixit-hero{border-radius:28px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dixit-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.sidebar,.main-panel{border-radius:24px;padding:20px}.sidebar{position:sticky;top:16px;align-self:start}.field{display:grid;gap:8px;margin:14px 0}.field span,.subtle,.status-copy,.player-tags,.card-slot,.empty-state,.summary-box{color:var(--text-sub)}.field input{width:100%;border:1px solid rgba(148,163,184,.18);background:#0206177a;border-radius:14px;padding:12px 14px;color:var(--text-main)}.button-row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.meta-box{display:grid;gap:10px;margin:18px 0;padding:14px;border-radius:18px;background:#02061742;border:1px solid rgba(148,163,184,.14)}.meta-box div{display:flex;justify-content:space-between;gap:12px}.meta-box span{color:var(--text-sub)}.meta-box strong{color:var(--text-main)}.status-copy{margin:0;min-height:48px;line-height:1.5}.main-panel{display:grid;gap:16px}.section-block{padding:18px;border-radius:20px;background:#02061747;border:1px solid rgba(148,163,184,.14)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head h2,.sidebar h2{margin:0;font-size:20px}.players-list{display:grid;gap:10px}.player-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:#0f172a73}.player-row.current{border-color:#38bdf861;box-shadow:inset 0 0 0 1px #38bdf838}.player-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:11px}.player-tags span{padding:3px 8px;border-radius:999px;background:#38bdf81f;border:1px solid rgba(56,189,248,.2)}.summary-box{min-height:88px;white-space:pre-wrap;line-height:1.6;padding:14px;border-radius:16px;background:#02061738;border:1px solid rgba(148,163,184,.12)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.dixit-card{position:relative;min-height:150px;border-radius:20px;padding:14px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#0f172af5,#0f172ac2),radial-gradient(circle at top,rgba(56,189,248,.12),transparent 60%);color:var(--text-main);text-align:left;display:grid;gap:12px;align-content:start;box-shadow:0 12px 32px #0003;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dixit-card:hover:not(:disabled){transform:translateY(-2px);border-color:#38bdf870;box-shadow:0 18px 42px #00000040}.dixit-card:disabled{opacity:.55;cursor:not-allowed}.card-emoji{font-size:38px;line-height:1}.card-title{font-size:16px;font-weight:700}.card-slot{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.board-card{background:linear-gradient(180deg,#111827f5,#111827d6),radial-gradient(circle at top,rgba(139,92,246,.18),transparent 62%)}.hand-card{background:linear-gradient(180deg,#0c4a6ed6,#0f172ac2),radial-gradient(circle at top,rgba(34,197,94,.16),transparent 62%)}.hand-grid{min-height:176px}.empty-state{padding:18px;border-radius:16px;border:1px dashed rgba(148,163,184,.2);background:#0206172e;text-align:center}@media(max-width:1024px){.menu-grid,.dixit-grid{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:720px){.home-shell,.mode-shell,.dixit-hero,.sidebar,.main-panel{padding:16px}.menu-grid,.button-row{grid-template-columns:1fr}.home-hero,.dixit-hero,.mode-bar{flex-direction:column;align-items:stretch}.mode-card{min-height:180px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}canvas{image-rendering:auto}