:root{color-scheme:dark;--ink:#f7eed8;--muted:#c2b69b;--gold:#d9b766;--gold-strong:#f4d98f;--red:#8d2634;--blue:#70b9c4;--panel:rgba(20,24,30,.94);--line:rgba(217,183,102,.34)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;background:radial-gradient(circle at 50% 0,rgba(111,101,71,.19),transparent 35rem),linear-gradient(150deg,#0d1216,#232a30 52%,#0c1014)}button,input,select{font:inherit}.hidden{display:none!important}.shell{width:min(97vw,1580px);margin:auto;padding:12px 0 48px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:12px 20px;border:1px solid var(--line);background:linear-gradient(100deg,rgba(18,23,28,.97),rgba(51,49,42,.93));clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.hero h1{margin:2px 0;font:700 clamp(1.75rem,3vw,2.75rem) Georgia,"Noto Serif SC",serif;letter-spacing:.08em}.hero h1 span{color:var(--gold);font-size:.52em}.hero p{margin:3px 0;color:var(--muted)}.eyebrow{color:var(--gold)!important;font:800 .62rem Georgia,serif!important;letter-spacing:.2em}.hero-meta{display:flex;align-items:center;gap:10px}.connection-status,.room-tools{padding:8px 11px;border:1px solid var(--line);background:rgba(7,10,13,.62)}.room-tools,.host-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.room-tools b{color:var(--gold-strong);letter-spacing:.14em}.room-tools label{display:flex;align-items:center;gap:5px;font-size:.75rem}
.panel,.setup-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 14px 32px rgba(0,0,0,.28)}button,select,input{border:1px solid rgba(217,183,102,.4);border-radius:6px;color:var(--ink);background:#20272d;padding:9px 12px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--gold-strong);filter:brightness(1.13)}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#211b0f;background:linear-gradient(#f1d386,#bc9141);font-weight:800}.small{padding:7px 9px;font-size:.72rem}.setup-wrap{width:min(92vw,620px);margin:55px auto}.mode-tabs{display:flex}.mode-tabs button{flex:1;border-radius:0}.mode-tabs .active{color:#20170b;background:var(--gold)}.setup-card{display:grid;gap:14px;padding:26px}.setup-card label{display:grid;gap:6px;color:var(--muted)}.join-intent{display:grid;gap:8px;border:1px solid var(--line)}.join-intent label{display:flex;align-items:center}.join-intent small{display:block}
.room-panel{display:grid;gap:10px;margin-top:10px}.quest-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:9px 16px;border:1px solid var(--line);background:linear-gradient(90deg,#182027,#34342f 52%,#182027)}.phase-copy{display:flex;align-items:baseline;gap:14px}.phase-copy h2{margin:0;font:700 1.2rem Georgia,"Noto Serif SC",serif}.rejection-council{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.72rem}.reject-track{display:flex;justify-content:center;gap:6px}.reject-seal{display:grid;place-items:center;width:27px;height:27px;border:1px solid #776a4d;border-radius:50%;color:#a99b79;background:#171d22;font-size:.68rem;font-weight:900}.reject-seal.broken{color:#fff;border-color:#c55f64;background:var(--red);box-shadow:0 0 12px rgba(141,38,52,.65)}
.knights-roster{display:grid;grid-template-columns:154px minmax(0,1fr);align-items:stretch;min-width:0;border:1px solid var(--line);background:linear-gradient(100deg,rgba(35,41,45,.97),rgba(17,21,25,.97));box-shadow:0 10px 28px rgba(0,0,0,.24)}.roster-heading{display:grid;align-content:center;gap:5px;padding:12px 14px;border-right:1px solid var(--line);background:linear-gradient(135deg,rgba(217,183,102,.14),transparent)}.roster-heading span{color:var(--gold);font:700 .57rem Georgia,serif;letter-spacing:.13em}.roster-heading b{font:700 1rem Georgia,"Noto Serif SC",serif}.players{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);gap:6px;min-width:0;padding:7px;overflow-x:auto;scrollbar-color:rgba(217,183,102,.55) transparent}
.player-seat{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px;min-width:112px;min-height:70px;padding:7px;overflow:hidden;border:1px solid rgba(139,125,92,.7);border-radius:8px;color:var(--ink);text-align:left;background:linear-gradient(145deg,rgba(45,52,56,.98),rgba(19,23,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .18s,border-color .18s,box-shadow .18s}.player-seat.offline{opacity:.62;filter:grayscale(.65)}.player-seat.leader{border-color:var(--gold-strong);box-shadow:inset 0 0 18px rgba(217,183,102,.14),0 0 14px rgba(217,183,102,.2)}.player-seat.selected{border-color:#f4d98f;background:linear-gradient(145deg,#625331,#292b2b)}.player-seat.targetable{animation:pulse 1.2s infinite}.player-seat h3{margin:0 0 3px;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.player-seat p{margin:0;color:var(--muted);font-size:.62rem}.player-seat small{display:block;margin-top:3px;overflow:hidden;color:#d4c397;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.player-copy{min-width:0}.player-avatar{position:relative;display:grid;place-items:center;width:40px;height:48px;border:1px solid #9d8650;border-radius:50% 50% 44% 44%;background:linear-gradient(145deg,rgba(245,216,144,.24),transparent 42%),radial-gradient(circle at 50% 35%,#77674b,#343a3d 58%,#171c20);box-shadow:inset 0 0 0 3px rgba(12,15,18,.55),0 3px 10px #0008}.player-avatar i{color:var(--gold-strong);font:700 1.08rem Georgia,"Noto Serif SC",serif;font-style:normal}.leader-crown{position:absolute;top:-9px;right:-6px;color:var(--gold-strong);text-shadow:0 2px 5px #000}.sigils{position:absolute;right:4px;bottom:4px;display:flex;gap:2px}.sigil{display:grid;place-items:center;width:15px;height:15px;border:1px solid #78694a;border-radius:50%;color:var(--gold-strong);background:#171c20;font-size:.48rem;font-style:normal}
.round-table{position:relative;height:clamp(440px,39vw,620px);overflow:hidden;border:1px solid rgba(217,183,102,.55);border-radius:8px 8px 26px 26px;background:#101518;box-shadow:inset 0 0 70px #07090bd9,0 18px 38px rgba(0,0,0,.36);isolation:isolate;touch-action:none;overscroll-behavior:contain}.quest-map-world{position:absolute;top:0;left:0;width:1440px;height:549px;overflow:hidden;background-color:#1b2022;background-image:url("assets/camelot-quest-map.png");background-position:center;background-size:cover;box-shadow:inset 0 0 70px #07090bd9;transform-origin:0 0;will-change:transform;user-select:none}.map-atmosphere{position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,rgba(7,10,13,.2),transparent 27%,transparent 70%,rgba(6,8,10,.65)),radial-gradient(ellipse at center,transparent 35%,rgba(6,8,10,.25));pointer-events:none}.map-title{position:absolute;z-index:3;top:4.5%;left:50%;display:grid;gap:4px;width:max-content;max-width:76%;padding:8px 30px;text-align:center;transform:translateX(-50%);filter:drop-shadow(0 3px 5px #000)}.map-title::before,.map-title::after{content:"";position:absolute;top:50%;width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.map-title::before{right:100%}.map-title::after{left:100%;transform:scaleX(-1)}.map-title span{color:var(--gold-strong);font:800 .64rem Georgia,serif;letter-spacing:.25em}.map-title strong{font:700 1.22rem Georgia,"Noto Serif SC",serif;text-shadow:0 2px 6px #000}
.quest-track{position:absolute;inset:0;z-index:4}.quest-node{position:absolute;display:grid;place-items:center;align-content:center;width:116px;aspect-ratio:1;padding:8px;border:2px solid #8e7b52;border-radius:50%;color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 34%,rgba(104,106,94,.94),rgba(24,29,31,.97) 68%),#202628;box-shadow:0 0 0 5px rgba(16,20,21,.76),0 9px 24px #000b,inset 0 0 18px #0009;transform:translate(-50%,-50%)}.quest-node::before{content:"";position:absolute;inset:-8px;z-index:-1;border:1px dashed rgba(236,207,133,.42);border-radius:50%}.quest-node:nth-child(1){left:13%;top:56%}.quest-node:nth-child(2){left:31%;top:43%}.quest-node:nth-child(3){left:50%;top:54%}.quest-node:nth-child(4){left:69%;top:41%}.quest-node:nth-child(5){left:87%;top:54%}.quest-order{color:#ead79f;font:800 .52rem Georgia,serif;letter-spacing:.11em}.quest-node strong{margin:1px 0;color:var(--gold-strong);font:700 2.55rem Georgia,serif;line-height:.92;text-shadow:0 2px 5px #000}.quest-size{font-size:.65rem;font-weight:800}.quest-node small{margin-top:3px;color:var(--muted);font-size:.56rem}.quest-node.active{border-color:#ffe49b;animation:questGlow 1.8s ease-in-out infinite}.quest-node.active::after{content:"当前";position:absolute;top:-15px;padding:3px 8px;border-radius:10px;color:#21190d;background:var(--gold-strong);font-size:.58rem;font-weight:900;box-shadow:0 3px 8px #0008}.quest-node.success{border-color:#f6dc84;background:radial-gradient(circle at 50% 34%,#d4aa49,#665127 70%);box-shadow:0 0 0 5px rgba(49,39,18,.76),0 0 30px rgba(245,215,125,.65),inset 0 0 16px #fff3}.quest-node.success strong{color:#fff6c9}.quest-node.success small{color:#fff1bd}.quest-node.fail{border-color:#e27a7e;background:radial-gradient(circle at 50% 34%,#a33340,#3f1820 70%);box-shadow:0 0 0 5px rgba(40,11,16,.8),0 0 32px rgba(160,35,50,.7),inset 0 0 18px #0008}.quest-node.fail strong{color:#ffe6e3}.quest-node.fail small{color:#ffc2bd}
.table-focus{position:absolute;z-index:5;bottom:5.5%;left:50%;display:grid;width:min(470px,62%);padding:10px 24px;border:1px solid rgba(217,183,102,.48);border-radius:30px;text-align:center;background:linear-gradient(90deg,transparent,rgba(10,14,16,.9) 14% 86%,transparent);box-shadow:0 10px 28px #0009;transform:translateX(-50%)}.table-focus small{color:var(--gold);font-size:.56rem;letter-spacing:.18em}.table-focus strong{margin:3px 0;font:700 clamp(.95rem,1.8vw,1.35rem) Georgia,"Noto Serif SC",serif}.table-focus span{color:var(--muted);font-size:.7rem}
.control-dock{position:sticky;z-index:20;bottom:8px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:16px;padding:13px 17px;backdrop-filter:blur(12px)}.decision-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.decision h2{margin:3px 0}.decision>p{margin:7px 0;color:var(--muted)}.timer{display:grid;place-items:center;min-width:54px}.timer b{font-size:1.2rem}.timer i{display:block;width:50px;height:4px;margin-top:5px;background:var(--gold)}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.secret-card{padding:10px 15px;border-left:3px solid var(--gold);background:linear-gradient(110deg,rgba(217,183,102,.12),transparent)}.secret-card span{color:var(--gold);font-size:.68rem;letter-spacing:.16em}.secret-card strong{display:block;margin:5px 0;font:700 1.3rem Georgia,"Noto Serif SC",serif}.secret-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}.archive-grid{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:10px}.archive-grid>.panel{padding:14px}.archive-grid summary{cursor:pointer}.rules h3{margin:15px 0 4px;color:var(--gold)}.rules p,.log{color:var(--muted);font-size:.78rem;line-height:1.65}.preset-guide{display:grid;gap:7px;margin-top:8px}.preset-guide article{padding:9px 10px;border:1px solid rgba(217,183,102,.22);border-left:3px solid #85734b;background:linear-gradient(100deg,rgba(217,183,102,.09),transparent)}.preset-guide article:nth-child(2){border-left-color:var(--gold)}.preset-guide article:nth-child(3){border-left-color:#9e4853}.preset-guide b{color:var(--gold-strong);font-size:.78rem}.preset-guide p{margin:3px 0 0}.preset-note{padding:8px 10px;border-radius:5px;background:rgba(112,185,196,.08)}.preset-note b{color:#9ad5dd}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0}.log{max-height:230px;overflow:auto}.log p{margin:5px 0;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.06)}.log.collapsed{display:none}.spectator-list{font-size:.78rem}
.presentation-effects{position:absolute;inset:0;z-index:8;pointer-events:none}.trail-layer{position:absolute;width:100%;height:100%}.presentation-trail{fill:none;stroke:var(--gold-strong);stroke-width:4;stroke-dasharray:10 8}.announcement{position:absolute;top:14%;left:50%;display:none;width:min(440px,70%);padding:10px;text-align:center;color:#21180a;background:var(--gold-strong);box-shadow:0 10px 30px #0009;transform:translateX(-50%)}.announcement.active{display:grid}.announcement small{letter-spacing:.15em}.presentation-focus{filter:brightness(1.4);box-shadow:0 0 32px var(--gold)!important}.presentation-token{position:absolute;z-index:9;width:24px;height:24px;border-radius:50%;background:var(--gold-strong);box-shadow:0 0 18px var(--gold);transform:translate(-50%,-50%);animation:travel .8s forwards}.map-controls{position:absolute;z-index:12;right:12px;bottom:12px;display:grid;grid-template-columns:38px 78px 38px;gap:4px;padding:5px;border:1px solid rgba(217,183,102,.5);border-radius:10px;background:rgba(9,12,14,.82);box-shadow:0 7px 18px #0009;backdrop-filter:blur(8px)}.map-controls button{display:grid;place-items:center;min-width:0;padding:6px;border-color:rgba(217,183,102,.42);background:rgba(39,44,46,.94)}.map-controls button:first-child,.map-controls button:last-child{font-size:1.35rem;line-height:1}.map-controls span{font-weight:900}.map-controls small{color:var(--muted);font-size:.51rem}.map-gesture-hint{position:absolute;z-index:11;bottom:17px;left:14px;margin:0;padding:5px 9px;border-radius:12px;color:#e4d7b7;background:rgba(9,12,14,.7);font-size:.62rem;pointer-events:none}.round-table[data-map-zoomed="true"]{cursor:grab}.round-table[data-map-dragging="true"]{cursor:grabbing}.round-table[data-map-dragging="true"] .quest-map-world{transition:none}
@keyframes pulse{50%{filter:brightness(1.5);transform:translateY(-2px)}}@keyframes questGlow{50%{box-shadow:0 0 0 6px rgba(53,43,22,.78),0 0 35px rgba(245,216,144,.8),inset 0 0 20px #0008}}@keyframes travel{to{left:var(--to-x);top:var(--to-y)}}
@media(max-width:900px){.hero{align-items:flex-start;flex-direction:column}.hero-meta{width:100%;flex-wrap:wrap}.room-tools{width:100%}.quest-banner{align-items:flex-start}.phase-copy{display:grid;gap:3px}.knights-roster{grid-template-columns:112px minmax(0,1fr)}.roster-heading{padding:10px}.players{grid-auto-columns:142px}.round-table{height:420px}.control-dock{grid-template-columns:1fr;max-height:48vh;overflow:auto;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.archive-grid{grid-template-columns:1fr}}
@media(max-width:520px){.shell{width:calc(100% - 10px)}.hero{padding:10px}.hero>div:first-child>p:last-child{display:none}.host-tools{display:grid;grid-template-columns:1fr 1fr;width:100%}.quest-banner{display:grid;gap:8px}.rejection-council{justify-content:space-between;width:100%}.knights-roster{display:block}.roster-heading{display:flex;align-items:baseline;gap:8px;border-right:0;border-bottom:1px solid var(--line)}.players{grid-auto-columns:132px}.player-seat{grid-template-columns:36px minmax(0,1fr);min-height:64px}.player-avatar{width:34px;height:41px}.round-table{height:330px;border-radius:7px 7px 18px 18px}.map-controls{right:8px;bottom:8px;grid-template-columns:34px 72px 34px}.map-gesture-hint{top:8px;bottom:auto;left:8px}.control-dock{bottom:0}.archive-grid>.panel{padding:12px}}
@media(prefers-reduced-motion:reduce){.player-seat.targetable,.quest-node.active,.presentation-token{animation:none}}