:root{--bg-0:#0b1224;--bg-1:#050914;--ink:#d9e6ff;--ink-soft:#93a8cf;--panel:#0c1428e6;--line:#7292d54d;--accent:#31b7ff;--accent-strong:#1389d2;--danger:#e15a6d;--gem:#27d0a6;--artifact:#f5c96a;--disaster:#d37272}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 15%, #447dff38, transparent 30%), radial-gradient(circle at 80% 8%, #2ae1cb29, transparent 28%), radial-gradient(circle at 60% 75%, #8352ff29, transparent 32%), linear-gradient(165deg, var(--bg-0), var(--bg-1));margin:0;font-family:Trebuchet MS,Noto Sans SC,Microsoft YaHei,sans-serif}#app{min-height:100vh}button{cursor:pointer;border:none;border-radius:11px;padding:10px 14px;font-weight:700;transition:transform .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#fff9ef}.ghost{color:#d8e6ff;background:#364e835c}.danger{background:var(--danger);color:#fff2f4}.back-home{color:#e8f6ff;background:var(--accent);border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.room-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:13px}.field-row{flex-direction:column;gap:6px;display:flex}.field-row label{color:var(--ink-soft);font-size:13px}.field-row input{border:1px solid var(--line);color:var(--ink);background:#070e20cc;border-radius:10px;padding:10px 12px;font-size:15px}.actions{gap:10px;display:flex}.lobby-page,.game-page{width:min(1280px,100% - 32px);margin:0 auto;padding:20px 0 24px}.lobby-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lobby-box,.lobby-intro,.game-empty,.player-card,.card,.round-bar,.log-panel,.table-column{border:1px solid var(--line);background:var(--panel);border-radius:16px;box-shadow:0 12px 24px #422b0f1a}.lobby-box{gap:12px;max-width:520px;padding:20px;display:grid}.lobby-grid{grid-template-columns:1fr minmax(360px,520px);align-items:stretch;gap:14px;display:grid}.lobby-intro{background:radial-gradient(circle at 16% 10%,#417eff80,#0000 38%),linear-gradient(160deg,#1a294de6,#0a1226e6);align-content:center;gap:8px;padding:20px;display:grid}.lobby-intro h1{letter-spacing:.04em;margin:0;font-size:34px}.lobby-intro p{color:var(--ink-soft);margin:0;line-height:1.45}.game-empty{gap:10px;max-width:520px;margin:20vh auto 0;padding:20px;display:grid}.game-layout-v2{gap:12px;display:grid}.round-bar{grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 14px;display:grid}.round-center{text-align:center;font-weight:700}.round-right{text-align:right}.board-v2{grid-template-columns:310px 1fr;gap:14px;display:grid}.players-column{flex-direction:column;gap:10px;display:flex}.player-card{padding:9px 10px;position:relative}.player-card h3{margin:0 0 5px;font-size:15px}.player-card p{margin:1px 0;font-size:12px}.player-card.self{outline:2px solid var(--accent)}.player-card.ready{background:#153547}.player-card small{color:var(--ink-soft);margin-left:6px;font-size:11px}.ready-badge{color:#b6cdf8;background:#283f70b8;border:1px solid #4a341a38;border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:8px;right:10px}.player-card.ready .ready-badge{color:#6cf4d5;background:#46d5b233;border-color:#46d5b280}.table-column{padding:14px;position:relative;overflow:hidden}.table-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-wrap{flex-direction:column;gap:8px;display:flex}.deck-stack{aspect-ratio:5/7;color:#fff;background:linear-gradient(155deg,#1f2f5f,#0f1730);border:1px solid #fff3;border-radius:14px;place-items:center;width:72px;font-weight:700;display:grid;position:relative}.deck-stack:before,.deck-stack:after{content:"";border:1px solid #ffffff26;border-radius:14px;position:absolute;inset:0}.deck-stack:before{z-index:-1;background:#2c1f13bf;transform:translate(5px,-5px)}.deck-stack:after{z-index:-2;background:#2c1f138c;transform:translate(10px,-10px)}.deck-tip{color:var(--ink-soft);margin:0;font-size:12px}.table-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.state-tips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.state-tips span{border:1px solid var(--line);color:var(--ink-soft);background:#192647c7;border-radius:999px;padding:3px 10px;font-size:12px}.cards-grid{gap:10px;margin-top:14px;display:grid}.cards-grid-v2{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));min-height:160px}.card{border:1px solid var(--line);aspect-ratio:5/7;min-height:unset;border-radius:12px;padding:8px;animation:.28s rise-in;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:.38;background:radial-gradient(circle at 20% 15%,#ffffff4d,#0000 40%),linear-gradient(135deg,#ffffff0a,#0e142e38);position:absolute;inset:0}.card h3{z-index:1;color:#172136;margin:0 0 6px;font-size:13px;position:relative}.card p{z-index:1;color:#24314d;margin:2px 0;font-size:11px;position:relative}.gem{background:linear-gradient(160deg,#b2f8ea,#2fbfa3),repeating-linear-gradient(45deg,#09484247 0 6px,#0000 6px 12px)}.artifact{background:linear-gradient(160deg,#f8e3a0,#d59f3f),radial-gradient(circle at 75% 18%,#ffffffb3,#0000 30%)}.artifact h3{color:#5a4319;text-shadow:none}.disaster h3,.disaster p{color:#381b1b}.disaster{background:linear-gradient(155deg,#f0c3c3,#ca7f85)}.disaster-radiation{background:linear-gradient(165deg,#defabd,#8ec945),radial-gradient(circle at 25% 30%,#f4ffd299,#0000 35%)}.disaster-meteor{background:linear-gradient(160deg,#d7d2c6,#83786c),repeating-linear-gradient(45deg,#423a324d 0 7px,#0000 7px 14px)}.disaster-oxygen{background:linear-gradient(160deg,#bad6ff,#688fcb),radial-gradient(circle at 70% 30%,#fff6,#0000 42%)}.disaster-collapse{background:linear-gradient(160deg,#dcc9ff,#8e6bc8),repeating-linear-gradient(0deg,#42285e47 0 5px,#0000 5px 10px)}.disaster-alien{background:linear-gradient(160deg,#ffcde5,#ca5d94),repeating-linear-gradient(135deg,#5d103c40 0 6px,#0000 6px 12px)}.table-bottom-actions{margin-top:10px}.log-panel{padding:10px 12px}.notice-banner{background:linear-gradient(160deg,#213562e0,#121e3aeb);border:1px solid #8f5e1c73;border-radius:14px;padding:10px 14px}.notice-banner h3{margin:0;font-size:18px}.notice-banner p{margin:4px 0 0;font-size:14px}.notice-final{background:linear-gradient(160deg,#1e437aeb,#102951eb);border-color:#78b9ff99}.notice-final ol{margin:8px 0 0;padding-left:20px}.log-toggle{width:100%;color:var(--ink);background:#1b2f57d9}.log-panel ul{max-height:180px;margin:10px 0 0;padding-left:16px;overflow:auto}.log-panel li{margin:4px 0;font-size:14px}.reveal-card{pointer-events:none;z-index:20;background:#120c068c;place-items:center;display:grid;position:fixed;inset:0}.reveal-card article{aspect-ratio:5/7;width:170px;animation:1s forwards reveal-hold;box-shadow:0 22px 46px #00000038}.reveal-fade-enter-active,.reveal-fade-leave-active{transition:opacity .2s}.reveal-fade-enter-from,.reveal-fade-leave-to{opacity:0}.particle-layer{pointer-events:none;z-index:30;position:fixed;inset:0}.particle{font-size:16px;animation:.9s ease-in forwards parabola;position:fixed;transform:translate(-50%,-50%)}.particle.to-pocket{color:#197865}.particle.to-camp{color:#8a661f}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-hold{0%{opacity:1;transform:translateY(-6px)}to{opacity:1;transform:translateY(-6px)}}@keyframes parabola{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}55%{transform:translate(-50%, -50%) translate(calc(var(--tx) * .55), calc(var(--ty) * .55 - 70px)) scale(1.05);opacity:1}to{transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(.82);opacity:0}}@media (width<=980px){.lobby-top{flex-direction:column;align-items:flex-start;gap:8px}.lobby-grid{grid-template-columns:1fr}.actions{flex-direction:column}.round-bar{grid-template-columns:1fr;gap:4px}.round-center,.round-right{text-align:left}.board-v2{grid-template-columns:1fr}}