:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f7f3e8;background:radial-gradient(circle at top,rgba(255,180,71,.18),transparent 30%),linear-gradient(160deg,#111827,#162033 55%,#0b1220);line-height:1.4;font-weight:400;--surface: rgba(9, 15, 28, .72);--surface-border: rgba(255, 255, 255, .08);--gold: #ffca6b;--orange: #f49041;--ink: #101721;--mint: #b6f5c9}*{box-sizing:border-box}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:32px 16px;position:relative;overflow:hidden}.app-frame{max-width:1120px;margin:0 auto;display:grid;gap:20px;position:relative;z-index:1;animation:rise-in .42s ease}.topbar,.row,.space-between,.player-tile,.board-top,.inline-actions,.actions{display:flex;align-items:center}.space-between,.topbar,.player-tile,.actions{justify-content:space-between}.topbar{gap:16px}.panel,.board,.field-card,.player-panel,.action-panel,.error-banner,.status-banner,.last-action{background:var(--surface);border:1px solid var(--surface-border);border-radius:22px;box-shadow:0 20px 60px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel,.board{padding:24px}.hero h1,.topbar h1,.field-card h2,.board h3,.board h4,.panel h2{margin:0}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--gold)}.subtitle,.hint,.room-badge,.last-action,.status-banner,.connection,.tag{color:#d6dceb}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -55% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(244,144,65,.3),transparent 68%);filter:blur(8px)}.mode-switch,.form-grid,.player-list,.player-strip,.hand-section,.card-grid,.dashboard-grid,.rules-list{display:grid;gap:14px}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 14px}.form-grid{margin-bottom:18px}label{display:grid;gap:8px}input,select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0d;color:#fff;padding:12px 14px;transition:border-color .12s ease,background .12s ease}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.85) 50%),linear-gradient(135deg,rgba(255,255,255,.85) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}select option{color:#fff;background:#1d2433}select option:checked,select option:hover,select option:focus{color:#fff;background:#2c3548}input:focus,select:focus{outline:none;border-color:#ffca6b80;background:#ffffff17}.primary,.ghost,.mode-switch button,.inline-actions button,.card-button{border:0;border-radius:16px;padding:12px 16px;transition:transform .12s ease,background .12s ease,opacity .12s ease}.primary{background:linear-gradient(135deg,#ffb347,#ff7a18);color:#121212;font-weight:700;box-shadow:0 12px 24px #f490413d}.ghost,.mode-switch button,.inline-actions button,.card-button{background:#ffffff12;color:#fff}.primary:hover,.ghost:hover,.mode-switch button:hover,.inline-actions button:hover,.card-button:hover{transform:translateY(-1px)}.mode-switch button.active,.inline-actions button.active,.status-banner.active,.player-panel.active-turn{background:#ffb34733;border:1px solid rgba(255,179,71,.45)}.primary:disabled,.ghost:disabled,.card-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.player-list,.player-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.rules-panel{gap:18px}.rule-item{padding:16px 18px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.rule-item strong{display:inline-block;margin-bottom:6px;color:#fff2d7}.rule-item p{margin:0;color:#d6dceb}.player-tile,.player-panel,.field-card{padding:16px}.player-panel{position:relative;overflow:hidden}.player-panel:after{content:"";position:absolute;inset:auto -20px -30px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,71,.18),transparent 70%);pointer-events:none}.board-top{gap:14px;flex-wrap:wrap}.field-card{flex:1;min-width:180px;position:relative;overflow:hidden}.field-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.status-banner,.last-action{padding:14px 18px;margin-top:16px}.status-banner.active{animation:pulse-glow 1.8s ease-in-out infinite}.tag{margin-left:8px;padding:4px 10px;border-radius:999px;background:#ffffff14;font-size:.82rem}.tag.danger{background:#ff58582e}.hand-section{margin-top:20px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));align-items:end}.card-button{padding:0;border-radius:22px;background:transparent;min-height:unset}.action-panel{margin-top:18px;padding:18px;display:grid;gap:14px}.selected-card-showcase{width:min(220px,100%)}.inline-actions{gap:10px;flex-wrap:wrap}.actions{gap:12px}.connection{padding:10px 14px;border-radius:999px;background:#ffffff0f}.connection.online{background:#41c4702e;color:var(--mint)}.error-banner{padding:14px 18px;color:#ffd6d6;background:#a31f1f40}.lives-row{display:flex;gap:6px;margin:10px 0 8px;color:#ff9b7a}.life-dot{display:inline-block;animation:soft-bob 2.4s ease-in-out infinite}.mini-stack{position:absolute;right:12px;bottom:12px;width:48px;height:38px}.mini-card{position:absolute;width:26px;height:36px;border-radius:8px;background:linear-gradient(180deg,#faf4e8,#dfcfba);box-shadow:0 8px 16px #0003}.mini-card.one{left:0;bottom:0;transform:rotate(-12deg)}.mini-card.two{left:10px;bottom:1px}.mini-card.three{left:20px;bottom:2px;transform:rotate(12deg)}.ambient{position:fixed;inset:auto;width:260px;height:260px;border-radius:50%;filter:blur(24px);opacity:.35;pointer-events:none}.ambient-a{left:-40px;top:80px;background:radial-gradient(circle,rgba(255,177,71,.3),transparent 68%);animation:drift 12s ease-in-out infinite}.ambient-b{right:-30px;bottom:40px;background:radial-gradient(circle,rgba(75,151,255,.22),transparent 68%);animation:drift 14s ease-in-out infinite reverse}@keyframes pulse-glow{0%,to{box-shadow:0 20px 60px #00000038}50%{box-shadow:0 20px 60px #00000038,0 0 0 1px #ffca6b1f,0 0 36px #ffb34738}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.08)}}@keyframes soft-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.app-shell{padding:20px 12px}.panel,.board{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-card-showcase{width:min(180px,100%)}.dashboard-grid{grid-template-columns:1fr}}.playing-card.svelte-np3qz5.svelte-np3qz5{position:relative;width:100%;aspect-ratio:5 / 7;border-radius:22px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.playing-card.interactive.svelte-np3qz5.svelte-np3qz5:hover{transform:translateY(-6px) rotate(-1deg)}.playing-card.selected.svelte-np3qz5.svelte-np3qz5{transform:translateY(-10px) scale(1.02);filter:saturate(1.08)}.playing-card.disabled.svelte-np3qz5.svelte-np3qz5{filter:grayscale(.25) opacity(.65)}.card-face.svelte-np3qz5.svelte-np3qz5,.card-back.svelte-np3qz5.svelte-np3qz5{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:22px;box-shadow:0 18px 40px #00000038,inset 0 0 0 1px #fff6}.card-face.svelte-np3qz5.svelte-np3qz5{display:grid;grid-template-rows:auto 1fr auto;padding:14px;color:#18202d;background:linear-gradient(145deg,#ffffff8c,#fff0),url(/assets/card-noise.svg),linear-gradient(180deg,#fcf7ef,#eee1cd);background-size:cover}.card-back.svelte-np3qz5.svelte-np3qz5{background:url(/assets/card-back.svg) center/cover no-repeat}.playing-card[data-accent=ember].svelte-np3qz5 .card-face.svelte-np3qz5{background:linear-gradient(145deg,#ffd29666,#fff0),url(/assets/card-noise.svg),linear-gradient(180deg,#fff4e1,#efd6bb)}.playing-card[data-accent=joker].svelte-np3qz5 .card-face.svelte-np3qz5{color:#f8efe1;background:radial-gradient(circle at 50% 20%,rgba(255,195,112,.45),transparent 30%),linear-gradient(180deg,#1b2d49,#101a2c 70%,#0a101c)}.card-corner.svelte-np3qz5.svelte-np3qz5{display:flex;justify-content:space-between;font-size:1.1rem;letter-spacing:.04em;font-weight:800}.card-corner.bottom.svelte-np3qz5.svelte-np3qz5{align-self:end;justify-content:flex-end;transform:rotate(180deg)}.card-art.svelte-np3qz5.svelte-np3qz5{display:grid;place-items:center;padding:12px 0}.sigil.svelte-np3qz5.svelte-np3qz5{display:grid;place-items:center;width:min(100%,88px);aspect-ratio:1;border-radius:50%;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900;color:inherit;background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff1f),#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff59,0 10px 20px #00000024}.playing-card[data-accent=joker].svelte-np3qz5 .sigil.svelte-np3qz5{color:#ffcf81;background:radial-gradient(circle at 30% 30%,#ffcc76d9,#ffcc7614),#ffffff0a}.card-meta.svelte-np3qz5.svelte-np3qz5{display:flex;justify-content:space-between;gap:8px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;opacity:.82}.compact.svelte-np3qz5 .card-corner.svelte-np3qz5{font-size:.92rem}.compact.svelte-np3qz5 .sigil.svelte-np3qz5{width:min(100%,72px);font-size:clamp(1.8rem,3vw,2.5rem)}body{margin:0}