:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#eaf0f4;background:#050b13;font-synthesis:none;--gold: #c8a65a;--gold-bright: #e3c477;--ink: #07111f;--panel: rgba(15, 29, 45, .88);--line: rgba(208, 181, 112, .22);--muted: #8795a4;--good: #6da2c8;--evil: #a84f5b}*{box-sizing:border-box}html{background:#050b13}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -15%,#14283c 0,#07111f 45%,#050b13)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{min-height:100vh}.page{width:min(100%,560px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom))}.setup-page{padding-bottom:calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#050b1326,#050b13c7),radial-gradient(circle at 50% 8%,rgba(62,93,117,.2),transparent 35%)}.hero-header,.page-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;min-height:48px}.hero-header .brand-mark{justify-self:center}.brand-mark{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);position:relative;box-shadow:0 0 35px #c8a65a1f}.brand-star{position:absolute;right:7px;top:5px;font-size:9px}.icon-button{border:0;background:#ffffff0d;color:#c8d2db;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.icon-button.subtle{background:transparent}.icon-button.danger-text{color:#bb6a73;background:transparent}.hero-copy{text-align:center;padding:24px 0 30px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.28em;font-weight:700;margin:0 0 9px}.hero-copy h1,.complete-page h1,.playing-center h1{font-family:STSong,Songti SC,SimSun,serif;font-size:34px;margin:0 0 8px;font-weight:600;letter-spacing:.08em}.hero-copy>p:last-child{margin:0;color:#93a0ad;font-family:STSong,Songti SC,SimSun,serif;font-size:14px}.section-block{margin-bottom:24px}.resume-panel{border:1px solid rgba(200,166,90,.25);background:#3d311b2e;border-radius:13px;padding:12px 13px;margin:-12px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.resume-panel>div:first-child{display:flex;align-items:center;gap:9px;color:var(--gold)}.resume-panel span{display:grid}.resume-panel strong{color:#d5dce1;font-size:11px}.resume-panel small{color:#748391;font-size:9px;margin-top:2px}.resume-panel>div:last-child{display:flex;gap:5px}.resume-panel button{border:0;background:transparent;color:#84929e;padding:7px;font-size:9px}.resume-panel button:last-child{color:var(--gold-bright)}.section-heading{display:flex;align-items:center;gap:12px;color:#b6c0c9;font-size:12px;letter-spacing:.12em;margin-bottom:13px}.section-rule{height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}.player-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.player-button{border:1px solid rgba(255,255,255,.07);background:#111f2eb8;color:#8997a5;border-radius:12px;min-height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.player-button strong{font-family:STSong,Songti SC,SimSun,serif;font-size:20px;line-height:1}.player-button span{font-size:10px;margin-top:4px}.player-button.active{color:var(--gold-bright);border-color:var(--gold);background:linear-gradient(145deg,#624d2373,#1e262ce6);box-shadow:0 0 0 1px #c8a65a1f inset,0 8px 26px #00000040}.preset-list{display:grid;gap:10px}.preset-card{width:100%;border:1px solid rgba(255,255,255,.07);background:#0d1a29d1;color:inherit;border-radius:15px;padding:14px 15px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.preset-card.active{border-color:#c8a65ab3;background:linear-gradient(100deg,#3f341e8c,#0d1b2aeb)}.preset-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(200,166,90,.22);border-radius:50%;background:#c8a65a12}.preset-icon svg{width:20px}.preset-copy{display:grid}.preset-copy small{color:var(--gold);font-size:9px;letter-spacing:.12em}.preset-copy strong{font-family:STSong,Songti SC,SimSun,serif;font-size:16px;margin:2px 0}.preset-copy em{color:#7e8d9c;font-style:normal;font-size:11px}.check-mark{width:23px;height:23px;border-radius:50%;background:var(--gold);color:#121416;display:grid;place-items:center}.muted{color:#607080}.custom-link{border:0;color:#a9b5bf;background:transparent;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:12px;cursor:pointer}.quick-summary{color:#6f7e8d;font-size:10px;display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0 13px}.quick-summary i{width:3px;height:3px;border-radius:50%;background:#586777}.button{border:0;border-radius:12px;min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:600}.button.primary{color:#15120b;background:linear-gradient(135deg,#d6b66c,#a88746);box-shadow:0 10px 30px #89682733}.button.secondary{color:#d8e0e6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.button.ghost{color:#aab5be;background:transparent}.button.danger{color:#fff;background:#9d4450}.button.large{min-height:54px;width:100%;font-size:15px}.button.full{width:100%}.button:disabled{opacity:.4;cursor:not-allowed}.local-note,.start-hint{text-align:center;font-size:10px;color:#546272;margin:12px 0 0}.page-header{margin-bottom:20px}.page-header h1{text-align:center;font-family:STSong,Songti SC,SimSun,serif;font-size:19px;margin:0;letter-spacing:.08em}.alignment-meter{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:15px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px}.alignment-meter div{padding:14px;display:flex;justify-content:center;align-items:center;gap:6px;color:#9aa7b2;font-size:12px}.alignment-meter div+div{border-left:1px solid rgba(255,255,255,.07)}.alignment-meter strong{font-size:18px;color:#eef3f6}.alignment-meter small{color:#5f6f7e}.good-dot,.evil-dot{width:7px;height:7px;border-radius:50%;background:var(--good)}.evil-dot{background:var(--evil)}.page-intro{color:#7f8d9b;font-size:12px;text-align:center;margin:0 0 22px}.role-section{margin-bottom:24px}.role-section h2,.settings-section h2,.confirm-faction h2{color:#adb8c1;font-size:12px;letter-spacing:.12em;font-weight:600;margin:0 0 10px}.role-row{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;background:#0e1c2bc7;border-bottom:1px solid rgba(255,255,255,.06);padding:12px}.role-row:first-of-type{border-radius:14px 14px 0 0}.role-row:last-of-type{border-radius:0 0 14px 14px;border-bottom:0}.role-artwork{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:color-mix(in srgb,var(--role-color) 10%,#07111f)}.role-artwork img{width:100%;height:100%;display:block;object-fit:cover}.role-artwork.thumbnail{width:40px;height:44px;border:1px solid color-mix(in srgb,var(--role-color) 60%,transparent);border-radius:6px}.role-artwork.thumbnail img{object-position:center 24%}.role-artwork.card{width:100%;aspect-ratio:2 / 3;background:#07111f}.role-artwork.card img{object-fit:contain}.role-artwork.fallback{color:var(--role-color);border:1px solid color-mix(in srgb,var(--role-color) 60%,transparent);font-family:serif;font-size:20px}.role-artwork.card.fallback{font-size:42px}.role-name{display:grid}.role-name strong{font-family:STSong,Songti SC,SimSun,serif;font-size:14px}.role-name span{color:#657584;font-size:10px;margin-top:2px}.stepper{display:grid;grid-template-columns:32px 26px 32px;align-items:center;text-align:center}.stepper button{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#9eabb5;border-radius:9px;display:grid;place-items:center}.stepper button:disabled{opacity:.25}.stepper span{font-weight:700}.rule-switch{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px;margin-bottom:14px}.rule-switch>div:first-child{display:grid;gap:3px;margin-bottom:12px}.rule-switch span{color:#70808e;font-size:10px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:11px;background:#ffffff0d}.segmented.compact{grid-template-columns:1fr 1fr}.segmented button{border:0;min-height:38px;color:#7d8c99;background:transparent;border-radius:8px}.segmented button.active{color:var(--gold-bright);background:#c8a65a21;box-shadow:0 0 0 1px #c8a65a40 inset}.validation-box{border-radius:12px;padding:10px 13px;margin:13px 0;font-size:11px}.validation-box p{margin:4px 0}.validation-box.error{background:#91324029;border:1px solid rgba(183,71,85,.35);color:#d78a94}.validation-box.warning{background:#a0782e24;border:1px solid rgba(200,166,90,.28);color:#c8b17b}.sticky-action{margin-top:18px}.confirm-page{text-align:center}.public-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);color:var(--gold);font-size:11px;border-radius:99px;margin-bottom:24px}.confirm-faction{text-align:left;margin-bottom:24px}.confirm-faction.good h2{color:#80aac9}.confirm-faction.evil h2{color:#bd727c}.confirm-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.confirm-role{min-width:0;overflow:hidden;background:#0e1c2bd9;border:1px solid rgba(255,255,255,.09);border-radius:8px;display:flex;flex-direction:column;align-items:stretch;position:relative}.confirm-role strong{min-height:32px;display:grid;place-items:center;font-family:STSong,Songti SC,SimSun,serif;font-size:12px}.confirm-role em{position:absolute;z-index:1;right:7px;top:7px;min-width:30px;height:24px;padding:0 7px;border:1px solid rgba(227,196,119,.55);border-radius:99px;display:grid;place-items:center;color:#18130b;background:#e3c477f0;box-shadow:0 3px 12px #0006;font-style:normal;font-size:11px;font-weight:700}.rule-tag{font-size:10px;color:#71818f;margin:-8px 0 18px}.settings-section{background:#0c1927b8;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin-bottom:14px}.custom-settings{margin-top:15px;display:grid;gap:13px}.custom-settings label{color:#9cabb7;font-size:11px}select{float:right;background:#152638;color:#dce4ea;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 8px}.timing-row,.slider-row{display:grid!important;grid-template-columns:92px 1fr 45px;align-items:center;gap:8px;color:#9cabb7;font-size:11px;margin:12px 0}.timing-row strong,.slider-row strong{color:#d1d9df;text-align:right;font-size:10px}input[type=range]{accent-color:var(--gold);width:100%}.settings-title-row{display:flex;justify-content:space-between;align-items:center}.settings-title-row h2{margin:0}.section-help{color:#6e7d8b;font-size:10px;line-height:1.6}.section-help.centered{text-align:center;margin-bottom:0}.switch input{display:none}.switch>span{width:42px;height:24px;border-radius:99px;background:#293847;display:block;position:relative;transition:.2s}.switch>span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#8693a0;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:#c8a65a66}.switch input:checked+span:after{transform:translate(18px);background:var(--gold-bright)}.switch.small>span{width:34px;height:20px}.switch.small>span:after{width:14px;height:14px}.switch.small input:checked+span:after{transform:translate(14px)}.track-list{margin:13px 0}.track-row{display:grid;grid-template-columns:35px 1fr auto auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.track-row.disabled{opacity:.48}.track-row>div{display:grid}.track-row strong{font-size:12px}.track-row span{color:#697988;font-size:9px}.track-icon{width:31px;height:31px;border-radius:9px;background:#c8a65a14;color:var(--gold);display:grid;place-items:center}.prose p{color:#8997a3;line-height:1.8;font-size:12px}.about-card{text-align:center;padding:22px}.about-card svg{color:var(--gold)}.about-card h1{font-family:STSong,Songti SC,SimSun,serif}.about-card p{color:#788895;font-size:12px}.playing-page{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 38%,#142941 0,#07121f 38%,#03070d 78%);overflow:hidden;display:grid;place-items:center;text-align:center;padding:env(safe-area-inset-top) 25px env(safe-area-inset-bottom)}.night-sky{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.65;pointer-events:none}.night-sky span{position:absolute;width:2px;height:2px;border-radius:50%;background:#d6c78f;box-shadow:80px 120px #8094a8,-110px 210px #b7c3cc,150px 310px #788da0}.night-sky span:nth-child(1){left:12%;top:15%}.night-sky span:nth-child(2){left:67%;top:9%}.night-sky span:nth-child(3){left:83%;top:38%}.night-sky span:nth-child(4){left:25%;top:65%}.night-sky span:nth-child(5){left:61%;top:75%}.playing-close{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));border:0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#ffffff0d;color:#788896;opacity:0;transition:.2s}.playing-close.visible{opacity:1}.playing-center{position:relative;z-index:1;transform:translateY(-7vh);width:min(100%,430px)}.moon-orbit{width:150px;height:150px;margin:0 auto 31px;border-radius:50%;border:1px solid rgba(200,166,90,.13);display:grid;place-items:center;color:var(--gold-bright);box-shadow:0 0 80px #4a70922b,0 0 0 24px #ffffff02}.playing-center h1{font-size:26px}.playing-center>p:not(.eyebrow){color:#748492;font-size:12px}.progress-line{height:2px;width:180px;background:#ffffff14;margin:26px auto 0;overflow:hidden}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,#8b713e,var(--gold-bright));transition:width .35s}.playing-controls{position:absolute;bottom:calc(50px + env(safe-area-inset-bottom));display:flex;gap:32px;opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}.playing-controls.visible{opacity:1;transform:none;pointer-events:auto}.playing-controls button{border:0;background:transparent;color:#a9b4bd;display:grid;justify-items:center;gap:8px}.control-main svg{width:55px;height:55px;padding:16px;border-radius:50%;background:var(--gold);color:#16130c}.control-secondary svg{width:55px;height:55px;padding:16px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.playing-controls span{font-size:10px}.tap-hint{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom));font-size:9px;color:#3f4c59}.complete-page{min-height:100vh;width:min(100%,520px);margin:auto;padding:max(70px,env(safe-area-inset-top)) 25px calc(30px + env(safe-area-inset-bottom));text-align:center;position:relative;overflow:hidden}.dawn-glow{position:absolute;top:-25%;left:-25%;width:150%;height:55%;background:radial-gradient(ellipse,rgba(212,169,80,.16),transparent 65%);pointer-events:none}.complete-emblem{width:78px;height:78px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);background:#c8a65a0d}.complete-page>p{color:#8493a0;font-size:13px}.leader-card{border:1px solid var(--line);background:linear-gradient(145deg,#4e3e1f40,#0d1927e6);border-radius:20px;padding:24px;margin:38px 0 32px}.leader-card>span{color:var(--gold);font-size:10px;letter-spacing:.18em}.leader-card strong{display:block;font-family:STSong,Songti SC,SimSun,serif;font-size:64px;line-height:1.1;color:#e9d39b;margin:8px 0}.leader-card small{font-size:18px;margin-left:4px}.leader-card p{color:#9aa6af;font-size:12px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(100%,380px);background:#101d2b;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;text-align:center;box-shadow:0 20px 70px #00000073}.modal-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;margin:auto;color:var(--gold);background:#c8a65a1a}.modal-card h3{font-family:STSong,Songti SC,SimSun,serif}.modal-card p{color:#8594a1;font-size:12px;line-height:1.65}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.toast{position:fixed;z-index:30;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);padding:11px 16px;color:#e7edf1;background:#1d2d3c;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:11px;box-shadow:0 12px 35px #00000059}.update-banner{position:fixed;z-index:15;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#182a3b;border:1px solid var(--line);border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:13px;font-size:11px}.update-banner button{border:0;color:var(--gold);background:transparent}@media(max-width:370px){.page{padding-left:14px;padding-right:14px}.player-grid{gap:5px}.player-button{min-height:56px}.preset-card{padding:12px}.confirm-role-grid{gap:6px}}@media(orientation:landscape)and (max-height:540px){.playing-center{transform:translateY(-3vh) scale(.78)}.playing-controls{bottom:20px;right:30px}.tap-hint{display:none}}