:root{color-scheme:dark;--bg:#100e0b;--panel:#17130f;--paper:#eadbb8;--muted:#9e9279;--red:#9f3428;--red2:#cb5945;--gold:#ba8a43;--line:rgba(234,219,184,.14);--green:#789b72;--shadow:0 32px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--paper);font-family:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;background:radial-gradient(circle at 12% 8%,rgba(158,52,40,.14),transparent 26rem),radial-gradient(circle at 91% 85%,rgba(186,138,67,.08),transparent 28rem),#100e0b}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:20}button,input{font:inherit}button{color:inherit}.topbar{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(16,14,11,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;width:max-content}.brand>span:last-child{display:grid;gap:2px}.brand b{font-size:1.2rem;letter-spacing:.24em}.brand small{font:500 .55rem/1.1 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.seal{width:38px;height:38px;display:grid;place-items:center;background:var(--red);border:1px solid #d78372;box-shadow:inset 0 0 0 3px rgba(255,255,255,.06);font-size:1.15rem}.topbar nav{height:100%;display:flex;gap:4px}.nav-button{height:100%;border:0;border-bottom:2px solid transparent;padding:0 18px;background:transparent;color:var(--muted);cursor:pointer}.nav-button:hover,.nav-button.active{color:var(--paper)}.nav-button.active{border-bottom-color:var(--red2)}.nav-button span{margin-left:5px;font:600 .65rem ui-monospace,monospace;color:var(--gold)}.rank-chip{justify-self:end;display:grid;text-align:right;gap:3px}.rank-chip span{font-size:.65rem;letter-spacing:.18em;color:var(--muted)}.rank-chip b{font-size:.84rem;font-weight:500;color:var(--gold)}.page{width:min(1420px,100%);margin:auto}.view{display:none}.view.active{display:block}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100vh - 74px)}.play-panel{min-width:0;padding:clamp(28px,4.2vw,66px) clamp(22px,5vw,80px) 34px;border-right:1px solid var(--line);display:flex;flex-direction:column}.round-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.kicker{display:flex;align-items:center;gap:10px;color:var(--red2);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.kicker i{width:24px;height:1px;background:var(--line)}h1{margin:15px 0 0;font-weight:500;font-size:clamp(1.8rem,3.4vw,3.25rem);line-height:1.22;letter-spacing:.04em}h1 em{font-style:normal;color:#a99b7e}.turn-dial{position:relative;width:88px;height:88px;flex:none}.turn-dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.turn-dial circle{fill:none;stroke-width:3}.dial-track{stroke:rgba(234,219,184,.1)}.dial-value{stroke:var(--red2);stroke-linecap:round;stroke-dasharray:239;stroke-dashoffset:0;transition:stroke-dashoffset .4s}.turn-dial div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.turn-dial strong{font:500 1.55rem/1 ui-monospace,monospace}.turn-dial small{margin-top:4px;font-size:.58rem;color:var(--muted);letter-spacing:.14em}.case-file{display:flex;align-items:center;gap:18px;margin-top:28px;padding:14px 18px;border:1px solid rgba(186,138,67,.28);background:linear-gradient(90deg,rgba(186,138,67,.08),transparent)}.case-label{flex:none;font-size:.66rem;letter-spacing:.18em;color:var(--gold)}.case-file p{margin:0;font-size:.86rem;color:#c5b99f}.thread{height:clamp(280px,35vh,440px);overflow:auto;padding:28px 8px 18px 0;scrollbar-color:#5e5140 transparent}.empty-thread{height:100%;min-height:190px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.empty-thread p{max-width:390px;font-size:.85rem;line-height:1.7}.brush-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#6f6554;font-size:1.5rem}.entry{display:grid;grid-template-columns:74px 1fr;gap:16px;margin:0 0 20px;animation:rise .28s ease both}.entry-label{padding-top:5px;color:var(--muted);font-size:.68rem;letter-spacing:.12em}.entry-body{max-width:720px;line-height:1.7}.entry-body p{margin:0}.entry.user .entry-body{color:#d7c9a9}.entry.system .entry-body{padding:12px 15px;border-left:2px solid var(--red);background:rgba(159,52,40,.08);color:#c8baa0;font-size:.88rem}.answer{display:flex;align-items:center;gap:12px;font-size:1.18rem;font-weight:600}.answer-dot{width:9px;height:9px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 5px rgba(203,89,69,.1)}.answer.yes .answer-dot{background:var(--green);box-shadow:0 0 0 5px rgba(120,155,114,.1)}.entry-meta{display:flex;gap:8px;margin-top:7px;color:var(--muted);font:500 .65rem ui-monospace,monospace}.entry-meta span{border:1px solid var(--line);padding:3px 7px}.result-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:4px 0 22px;padding:20px;border:1px solid rgba(186,138,67,.45);background:linear-gradient(110deg,rgba(186,138,67,.13),rgba(159,52,40,.07));animation:rise .35s ease}.result-card[hidden]{display:none}.result-seal{width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--red2);color:var(--red2);font-size:1.45rem;transform:rotate(-5deg)}.result-card span{color:var(--gold);font-size:.62rem;letter-spacing:.18em}.result-card h2{margin:4px 0;font-size:1.35rem}.result-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.result-card dl{display:flex;gap:20px;margin:0}.result-card dl div{display:grid;gap:5px}.result-card dt{font-size:.62rem;color:var(--muted)}.result-card dd{margin:0;color:var(--gold);font-size:1rem}.composer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.composer>label{display:block;margin-bottom:9px;color:var(--muted);font-size:.68rem;letter-spacing:.15em}.input-wrap{display:flex;border:1px solid rgba(234,219,184,.25);background:rgba(255,255,255,.025);transition:.2s}.input-wrap:focus-within{border-color:rgba(203,89,69,.75);box-shadow:0 0 0 3px rgba(159,52,40,.08)}input{flex:1;min-width:0;height:56px;padding:0 17px;border:0;outline:0;color:var(--paper);background:transparent;font-size:.95rem}input::placeholder{color:#706858}.primary{width:116px;margin:5px;border:0;background:var(--red);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.primary:hover{background:var(--red2)}button:disabled{cursor:not-allowed!important;opacity:.45}.primary kbd{font:600 .65rem ui-monospace,monospace;color:#e9ae9f}.suggestion-row{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}.suggestion-row>span{font-size:.65rem;color:#756d5e;margin-right:5px}.suggestion-row button,.filter-row button{border:1px solid var(--line);padding:5px 10px;background:transparent;color:var(--muted);font-size:.68rem;cursor:pointer}.suggestion-row button:hover{color:var(--paper);border-color:#6f604b}.dossier-panel{padding:34px 26px;background:rgba(255,255,255,.012);display:flex;flex-direction:column}.mystery-portrait{position:relative;height:220px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(186,138,67,.04),rgba(159,52,40,.04))}.mystery-portrait:before,.mystery-portrait:after{content:"";position:absolute;width:1px;height:300px;background:var(--line);transform:rotate(45deg)}.mystery-portrait:after{transform:rotate(-45deg)}.halo{position:absolute;width:130px;height:130px;border:1px solid rgba(186,138,67,.18);border-radius:50%;box-shadow:0 0 0 22px rgba(186,138,67,.025),0 0 0 44px rgba(186,138,67,.018)}.mystery-portrait>span{position:relative;z-index:1;font-size:4.5rem;color:#675c49;text-shadow:0 8px 30px #000}.mystery-portrait small{position:absolute;left:12px;bottom:10px;color:#756b59;font:500 .55rem ui-monospace,monospace;letter-spacing:.12em}.intel-block,.hint-block{padding:23px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:.67rem;letter-spacing:.14em;color:var(--muted)}.section-title b{font:500 .67rem ui-monospace,monospace;color:var(--gold)}.progress{height:4px;margin:12px 0 20px;background:rgba(234,219,184,.08)}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .4s}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stats div{display:grid;gap:5px;padding:10px;border:1px solid var(--line)}.mini-stats span{font-size:.6rem;color:var(--muted)}.mini-stats b{font:500 1rem ui-monospace,monospace}.hint-list{min-height:45px;margin:13px 0}.hint-list p{margin:0;color:#7e7463;font-size:.73rem;line-height:1.55}.hint-list article{position:relative;padding:8px 8px 8px 22px;color:#c9bda3;font-size:.75rem;line-height:1.55}.hint-list article:before{content:"◆";position:absolute;left:2px;top:9px;color:var(--gold);font-size:.5rem}.outline,.ghost{min-height:42px;border:1px solid var(--line);background:transparent;cursor:pointer}.outline:hover{border-color:#806d52;background:rgba(255,255,255,.025)}.full{width:100%}.outline small{margin-left:6px;color:var(--red2)}.rules-note{margin:22px 0;padding:13px 14px;border-left:2px solid #594938;background:rgba(255,255,255,.018)}.rules-note b{font-size:.68rem;color:#b9aa8d;letter-spacing:.12em}.rules-note p{margin:7px 0 0;color:#776e60;font-size:.68rem;line-height:1.65}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.ghost{border-color:transparent;color:#7f7462}.ghost:hover{color:var(--paper)}
.library-view,.achievements-view{padding:clamp(34px,5vw,72px) clamp(22px,6vw,90px)}.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}.view-heading h1{margin:10px 0 7px;font-size:clamp(2rem,3.4vw,3.2rem)}.view-heading p{margin:0;color:var(--muted)}.collection-count,.total-score{display:grid;text-align:right}.collection-count strong,.total-score strong{font:400 2.5rem ui-monospace,monospace;color:var(--gold)}.collection-count span,.total-score span{font-size:.68rem;color:var(--muted)}.filter-row{display:flex;gap:8px;margin:24px 0}.filter-row button{padding:8px 14px}.filter-row button.active{border-color:var(--red);color:var(--paper);background:rgba(159,52,40,.12)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.catalog-card{position:relative;min-height:260px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005));display:flex;flex-direction:column;overflow:hidden}.catalog-card.locked{filter:saturate(.5)}.catalog-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(234,219,184,.05);pointer-events:none}.catalog-card .rarity{font:500 .57rem ui-monospace,monospace;letter-spacing:.13em;color:var(--muted)}.catalog-card .card-mark{flex:1;display:grid;place-items:center;font-size:3.5rem;color:#574f43}.catalog-card.unlocked .card-mark{color:var(--red2);font-size:2.4rem}.catalog-card h3{margin:0 0 5px;font-size:1.1rem}.catalog-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.catalog-card .code{position:absolute;right:14px;top:14px;font:500 .55rem ui-monospace,monospace;color:#645b4e}.catalog-card.mythic{border-color:rgba(186,138,67,.45)}.catalog-card.epic{border-color:rgba(151,113,93,.3)}.profile-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border:1px solid var(--line)}.profile-strip div{display:grid;gap:7px;padding:20px;border-right:1px solid var(--line)}.profile-strip div:last-child{border:0}.profile-strip span{font-size:.65rem;color:var(--muted);letter-spacing:.1em}.profile-strip b{font-size:1.25rem;color:var(--gold)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.achievement{display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:center;padding:17px;border:1px solid var(--line);background:rgba(255,255,255,.015)}.achievement .medal{width:50px;height:50px;display:grid;place-items:center;border:1px solid #5e5344;border-radius:50%;color:#6e6352;font-size:1.2rem}.achievement.unlocked{border-color:rgba(186,138,67,.35)}.achievement.unlocked .medal{color:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 4px rgba(186,138,67,.08)}.achievement h3{margin:0 0 5px;font-size:.9rem}.achievement p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.achievement small{display:block;margin-top:5px;color:var(--red2);font-size:.6rem}
.mode-dialog{width:min(760px,calc(100% - 28px));padding:0;border:1px solid rgba(234,219,184,.22);color:var(--paper);background:#16120e;box-shadow:var(--shadow)}.mode-dialog::backdrop{background:rgba(5,4,3,.82);backdrop-filter:blur(5px)}.mode-dialog form{position:relative;padding:38px}.mode-dialog h2{margin:10px 0 7px;font-size:1.8rem;font-weight:500}.mode-dialog form>p{margin:0;color:var(--muted);font-size:.85rem}.dialog-close{position:absolute;right:15px;top:12px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:1.4rem;cursor:pointer}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.mode-grid button{position:relative;min-height:180px;padding:20px 14px;border:1px solid var(--line);background:rgba(255,255,255,.015);cursor:pointer;display:grid;place-items:center;align-content:center;gap:9px}.mode-grid button:hover{border-color:var(--red2);background:rgba(159,52,40,.08);transform:translateY(-2px)}.mode-grid .recommended{border-color:rgba(186,138,67,.5)}.mode-grid i{position:absolute;top:0;right:0;padding:4px 8px;background:var(--gold);color:#16120e;font-style:normal;font-size:.58rem}.mode-grid span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #665945;border-radius:50%;color:var(--gold)}.mode-grid b{font-size:1.15rem}.mode-grid small{color:var(--muted);line-height:1.6}.toast{position:fixed;left:50%;bottom:26px;z-index:50;max-width:min(560px,calc(100% - 30px));padding:12px 17px;border:1px solid rgba(203,89,69,.45);background:#241713;color:var(--paper);box-shadow:0 15px 50px #000;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes rise{from{opacity:0;transform:translateY(8px)}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{position:fixed;left:0;right:0;bottom:0;top:auto;height:58px;background:#15110e;border-top:1px solid var(--line);justify-content:center;z-index:30}.nav-button{flex:1;max-width:180px;border-bottom:0;border-top:2px solid transparent}.nav-button.active{border-top-color:var(--red2)}.rank-chip{display:none}.page{padding-bottom:58px}.game-grid{grid-template-columns:1fr}.play-panel{border-right:0;order:2}.dossier-panel{order:1;padding:18px 22px;border-bottom:1px solid var(--line)}.mystery-portrait,.rules-note{display:none}.intel-block{padding-top:0}.hint-block{padding:15px 0}.side-actions{margin-top:12px}.thread{height:340px}.mode-grid{grid-template-columns:1fr}.mode-grid button{min-height:120px}.profile-strip{grid-template-columns:1fr 1fr}.profile-strip div:nth-child(2){border-right:0}.profile-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.topbar{padding:0 14px}.brand small{display:none}.play-panel{padding:26px 16px}.round-header h1{font-size:1.65rem}.turn-dial{width:72px;height:72px}.turn-dial svg{width:72px;height:72px}.case-file{align-items:flex-start;flex-direction:column;gap:7px}.entry{grid-template-columns:52px 1fr;gap:8px}.result-card{grid-template-columns:auto 1fr}.result-card dl{grid-column:1/-1}.suggestion-row>span{width:100%}.dossier-panel{padding:15px 16px}.view-heading{align-items:flex-start;flex-direction:column}.collection-count,.total-score{text-align:left}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card{min-height:220px}.profile-strip{grid-template-columns:1fr}.profile-strip div{border-right:0;border-bottom:1px solid var(--line)!important}.mode-dialog form{padding:30px 20px}.library-view,.achievements-view{padding:28px 14px}}

.mystery-portrait>span{margin-top:-18px}
.mystery-portrait>strong{position:absolute;z-index:1;left:50%;top:62%;transform:translateX(-50%);width:100%;text-align:center;color:#817663;font-size:.62rem;font-weight:500;letter-spacing:.16em}

.daily-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:26px;padding:16px 18px;border:1px solid rgba(186,138,67,.42);background:linear-gradient(105deg,rgba(186,138,67,.12),rgba(159,52,40,.07))}
.daily-banner div{display:grid;gap:4px}.daily-banner span{font:600 .58rem ui-monospace,monospace;letter-spacing:.17em;color:var(--gold)}.daily-banner b{font-size:.86rem;font-weight:500}.daily-banner small{color:var(--muted);font-size:.64rem}.daily-banner button{flex:none;padding:10px 16px;border:1px solid rgba(203,89,69,.55);background:rgba(159,52,40,.2);color:var(--paper);cursor:pointer}.daily-banner button:hover{background:rgba(159,52,40,.35)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 16px}.category-grid button{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 10px;border:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--muted);cursor:pointer}.category-grid button:hover,.category-grid button.active{border-color:rgba(186,138,67,.7);color:var(--paper);background:rgba(186,138,67,.08)}.category-grid i{width:26px;height:26px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:.7rem}.category-grid span{font-size:.72rem}
.collection-filter{display:flex;gap:8px;margin:12px 0 24px;flex-wrap:wrap}.collection-filter button{padding:7px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.68rem;cursor:pointer}.collection-filter button:hover,.collection-filter button.active{color:var(--paper);border-color:rgba(186,138,67,.65);background:rgba(186,138,67,.07)}
@media(max-width:700px){.daily-banner{align-items:flex-start;flex-direction:column}.daily-banner button{width:100%}.category-grid{grid-template-columns:1fr 1fr}}

/* 西瓜角色系统：焦糖棕、肉粉鼻子和淡黄绿眼睛 */
:root{--red:#ad7035;--red2:#f8909e;--gold:#c4874a;--green:#d9e475}
.xigua-brand{overflow:hidden;border:0;background:#e9e2cc;box-shadow:inset 0 0 0 2px #151311;border-radius:12px;transform:rotate(-2deg)}
.xigua-brand img{width:47px;height:48px;object-fit:contain;transform:translate(-5px,2px)}
.daily-banner{position:relative;padding-left:92px;border-color:rgba(196,135,74,.48);background:linear-gradient(105deg,rgba(173,112,53,.16),rgba(248,144,158,.06))}
.xigua-daily{position:absolute;left:13px;bottom:0;width:72px;height:76px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.28))}
.result-card{grid-template-columns:auto auto 1fr auto;border-color:rgba(196,135,74,.48);background:linear-gradient(110deg,rgba(173,112,53,.14),rgba(248,144,158,.055))}
.result-mascot{width:74px;height:78px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));animation:xigua-pop .42s cubic-bezier(.2,.85,.3,1.3)}
.result-mascot[hidden]{display:none}
.collection-heading{position:relative}.xigua-library{width:132px;height:108px;object-fit:contain;align-self:flex-end;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}
.mode-dialog{border-color:rgba(196,135,74,.42)}.mode-dialog form{overflow:hidden}.xigua-welcome{position:absolute;right:54px;top:20px;width:94px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24));transform:rotate(3deg)}
.mode-dialog form>.kicker,.mode-dialog h2,.mode-dialog form>p{max-width:470px}.mode-grid button:hover{border-color:#f8909e;background:rgba(173,112,53,.1)}
.answer-dot{background:#f8909e;box-shadow:0 0 0 5px rgba(248,144,158,.1)}.answer.yes .answer-dot{background:#d9e475;box-shadow:0 0 0 5px rgba(217,228,117,.1)}
@keyframes xigua-pop{from{opacity:0;transform:translateY(12px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.daily-banner{padding-left:82px}.xigua-daily{width:65px}.result-card{grid-template-columns:auto 1fr}.result-mascot{grid-row:1/3}.xigua-library{display:none}.xigua-welcome{width:70px;height:76px;right:42px;top:16px}.mode-dialog form>.kicker,.mode-dialog h2,.mode-dialog form>p{max-width:75%}}

/* 西瓜手绘猜猜册：纸张、铅笔线、荧光笔与不规整剪贴 */
:root{
  color-scheme:light;
  --bg:#e8dfc8;
  --panel:#fffaf0;
  --paper:#332f2a;
  --muted:#786f62;
  --red:#b9673f;
  --red2:#e98794;
  --gold:#b47a38;
  --green:#aebb58;
  --line:rgba(63,55,46,.25);
  --pencil:#3f3932;
  --shadow:5px 7px 0 rgba(91,72,50,.14),0 16px 40px rgba(91,72,50,.1)
}
html{background:#e8dfc8}
body{
  color:var(--paper);
  font-family:"Kaiti SC","STKaiti","KaiTi","FangSong","Songti SC",serif;
  background:
    linear-gradient(90deg,rgba(101,82,58,.035) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(rgba(101,82,58,.025) 1px,transparent 1px) 0 0/28px 28px,
    radial-gradient(circle at 11% 8%,rgba(249,163,174,.24),transparent 22rem),
    radial-gradient(circle at 89% 80%,rgba(211,221,117,.25),transparent 28rem),
    #e8dfc8
}
.grain{opacity:.33;mix-blend-mode:multiply;filter:sepia(.5)}
button,input{font-family:inherit}
button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
button:not(:disabled):hover{transform:translateY(-2px) rotate(-.4deg)}
button:not(:disabled):active{transform:translate(2px,2px);box-shadow:none!important}

.topbar{
  height:82px;
  color:var(--pencil);
  border-bottom:2px solid rgba(63,57,50,.55);
  background:rgba(255,250,240,.9);
  box-shadow:0 3px 0 rgba(63,57,50,.08);
  backdrop-filter:blur(8px)
}
.brand{gap:13px}.brand b{font-size:1.22rem;letter-spacing:.08em}.brand small{color:#8f806f;letter-spacing:.18em}
.xigua-brand{width:46px;height:46px;background:#f7edda;border:2px solid var(--pencil);border-radius:48% 52% 45% 55% / 55% 47% 53% 45%;box-shadow:3px 3px 0 #e9b49d;transform:rotate(-4deg)}
.xigua-brand img{width:55px;height:56px;transform:translate(-6px,3px)}
.nav-button{color:#766b5e;font-weight:600;font-size:.94rem;border:0!important;position:relative}
.nav-button.active{color:var(--pencil)}
.nav-button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:7px;background:rgba(233,135,148,.55);border-radius:60% 40% 55% 45%;transform:rotate(-1deg);z-index:-1}
.nav-button span{color:#a66b32}.rank-chip span{color:#88796a}.rank-chip b{color:#996434;font-size:.9rem}

.page{width:min(1480px,100%)}
.game-grid{grid-template-columns:minmax(0,1fr) 350px;gap:24px;padding:26px;min-height:calc(100vh - 82px)}
.play-panel,.dossier-panel{
  position:relative;
  background:#fffaf0;
  border:2px solid var(--pencil);
  box-shadow:var(--shadow)
}
.play-panel{padding:clamp(28px,4vw,58px) clamp(22px,4.5vw,68px) 30px;border-radius:9px 16px 12px 7px / 14px 8px 17px 10px}
.play-panel:before{content:"";position:absolute;width:104px;height:25px;left:12%;top:-13px;background:rgba(233,190,132,.66);transform:rotate(-2deg);box-shadow:inset 0 0 10px rgba(151,107,59,.12)}
.dossier-panel{padding:32px 25px;background:#f7efcf;border-radius:15px 8px 17px 10px / 8px 16px 9px 14px;transform:rotate(.18deg)}
.dossier-panel:before{content:"";position:absolute;width:92px;height:24px;right:18%;top:-13px;background:rgba(248,144,158,.4);transform:rotate(3deg)}

.kicker{color:#a25e3e;font-weight:700;letter-spacing:.13em}.kicker i{height:2px;background:#ad9b84;transform:rotate(-2deg)}
h1,.view-heading h1,.mode-dialog h2{font-family:"HanziPen SC","Kaiti SC","STKaiti","KaiTi",cursive;font-weight:700;letter-spacing:.025em}
h1{font-size:clamp(2.2rem,4.25vw,4rem);line-height:1.08;transform:rotate(-.35deg)}
h1 em{color:#665a4d;position:relative}
h1 em:after{content:"";position:absolute;left:-2%;right:-3%;bottom:.06em;height:.22em;background:rgba(217,228,117,.58);border-radius:45%;z-index:-1;transform:rotate(-1.5deg)}
.turn-dial circle{stroke-width:4}.dial-track{stroke:rgba(63,57,50,.14)}.dial-value{stroke:#d77e8b}.turn-dial strong{font-family:"HanziPen SC","Kaiti SC",cursive}.turn-dial small{color:#766d62}

.daily-banner{
  margin-top:30px;padding:17px 18px 17px 96px;
  border:2px solid var(--pencil);
  border-radius:8px 14px 7px 12px / 13px 7px 15px 8px;
  background:#f5cfc4;
  box-shadow:4px 4px 0 rgba(88,70,50,.13);
  transform:rotate(-.25deg)
}
.daily-banner span{color:#83522f}.daily-banner small{color:#756858}.daily-banner button,.primary{
  color:#fffaf0;background:#b96f45;border:2px solid var(--pencil);
  box-shadow:3px 3px 0 var(--pencil);
  border-radius:8px 5px 9px 6px / 6px 9px 5px 8px;
  font-weight:700
}
.daily-banner button:hover,.primary:hover{background:#c8794e}
.xigua-daily{filter:drop-shadow(3px 4px 0 rgba(81,62,45,.14))}

.case-file{border:0;margin-top:27px;padding:14px 18px;background:rgba(217,228,117,.42);transform:rotate(.18deg);border-radius:4px 12px 5px 9px / 10px 5px 12px 6px}
.case-label{color:#785c28;font-weight:700}.case-file p{color:#514b42;font-size:.94rem}
.thread{scrollbar-color:#b7a58d transparent}.empty-thread{color:#8a7d6e}.brush-mark{border:2px dashed #a89b89;color:#8a7a67;background:#faf3e5;transform:rotate(-4deg)}
.entry-label{color:#7b6f61;font-weight:700}.entry-body{font-size:1rem}.entry.user .entry-body{color:#3e3933}
.entry.system .entry-body{padding:12px 16px;border:2px solid #443e37;border-radius:7px 11px 5px 9px;background:#f4dfc6;color:#433d36;box-shadow:3px 3px 0 rgba(68,62,55,.12);transform:rotate(-.15deg)}
.entry-meta{color:#7c7164}.entry-meta span{border:1px dashed #8e8274;background:#fffaf0}
.answer-dot{border:1px solid #554b42}.answer.yes .answer-dot{background:#b6c45f}

.result-card{border:2px solid var(--pencil);border-radius:12px 7px 14px 8px;background:#f8e4bc;box-shadow:4px 5px 0 rgba(68,62,55,.13);transform:rotate(-.18deg)}
.result-seal{border:3px solid #bd654c;border-radius:48% 52% 44% 56%;color:#bd654c}.result-card span,.result-card dd{color:#996024}.result-card p{color:#74695b}
.composer{border-top:2px dashed rgba(63,57,50,.25)}.composer>label{color:#6e6255;font-weight:700}
.input-wrap{border:2px solid var(--pencil);border-radius:9px 6px 11px 7px;background:#fffdf8;box-shadow:3px 4px 0 rgba(68,62,55,.1)}
.input-wrap:focus-within{border-color:#8b6b4c;box-shadow:3px 4px 0 #e8a7ad}
input{color:#332f2a;font-size:1rem}input::placeholder{color:#9a8d7d}.primary{margin:5px;height:46px;border-width:1.5px}.primary kbd{color:#ffe4dc}
.suggestion-row>span{color:#7c7164}.suggestion-row button,.filter-row button,.collection-filter button{border:1.5px solid #5d554c;border-radius:10px 5px 9px 6px;background:#fffaf0;color:#62594f;box-shadow:2px 2px 0 rgba(68,62,55,.11)}
.suggestion-row button:nth-of-type(even),.collection-filter button:nth-of-type(even){transform:rotate(.7deg)}

.mystery-portrait{height:236px;border:2px solid var(--pencil);border-radius:6px 11px 7px 9px;background:#fffaf0;box-shadow:3px 4px 0 rgba(68,62,55,.11);transform:rotate(-.5deg)}
.mystery-portrait:before,.mystery-portrait:after{background:rgba(63,57,50,.22);width:2px}.halo{border:2px dashed rgba(180,122,56,.32);box-shadow:0 0 0 22px rgba(217,228,117,.08),0 0 0 44px rgba(233,135,148,.05)}
.mystery-portrait>span{color:#877967;text-shadow:2px 3px 0 rgba(63,57,50,.12);font-family:"HanziPen SC","Kaiti SC",cursive}.mystery-portrait>strong{color:#6c6257}.mystery-portrait small{color:#817568}
.intel-block,.hint-block{border-bottom:2px dashed rgba(63,57,50,.21)}.section-title{color:#6e6358;font-weight:700}.section-title b{color:#9c642c}.progress{height:7px;background:rgba(63,57,50,.12);border-radius:50%;transform:rotate(-.8deg)}.progress i{background:#d98591;border-radius:50%}
.mini-stats div{border:1.5px solid #595149;border-radius:7px 10px 6px 9px;background:rgba(255,255,255,.35);box-shadow:2px 2px 0 rgba(68,62,55,.1)}.mini-stats span,.rules-note p{color:#74695d}.mini-stats b{font-family:"HanziPen SC","Kaiti SC",cursive;color:#3e3832}.hint-list p{color:#7d7163}.hint-list article{color:#49433c}
.outline,.ghost{border:1.5px solid #5d554c;border-radius:9px 5px 11px 6px;background:#fff9e9;box-shadow:2px 2px 0 rgba(68,62,55,.12)}.outline:hover{background:#f3dfbf;border-color:#4d463f}.outline small{color:#b45f49}.rules-note{border:0;background:#f4d6d0;transform:rotate(.6deg);box-shadow:2px 3px 0 rgba(68,62,55,.1)}.rules-note b{color:#6a4e41}.side-actions .ghost{background:transparent;border-color:transparent;box-shadow:none;color:#71675b}

.library-view,.achievements-view{margin:26px;padding:clamp(34px,5vw,65px) clamp(22px,5vw,72px);background:#fffaf0;border:2px solid var(--pencil);border-radius:10px 16px 8px 14px;box-shadow:var(--shadow)}
.view-heading{border-bottom:2px dashed rgba(63,57,50,.25)}.view-heading p{color:#766b5e}.collection-count strong,.total-score strong{color:#aa6d32;font-family:"HanziPen SC","Kaiti SC",cursive}.collection-count span,.total-score span{color:#796e61}
.filter-row button.active,.collection-filter button.active{border-color:#4f4841;color:#3c3731;background:#f2c9c4}
.catalog-grid{gap:18px}.catalog-card{border:1.8px solid #514a42;border-radius:8px 13px 7px 11px;background:#fffdf7;box-shadow:3px 4px 0 rgba(68,62,55,.11);transform:rotate(-.35deg)}.catalog-card:nth-child(3n+2){transform:rotate(.45deg);background:#fbf4dd}.catalog-card:nth-child(3n){transform:rotate(-.1deg);background:#f8eee5}.catalog-card:before{border:1px dashed rgba(63,57,50,.14)}.catalog-card .rarity,.catalog-card p,.catalog-card .code{color:#786d60}.catalog-card .card-mark{color:#9a8c79}.catalog-card.unlocked .card-mark{color:#bd6c55}.catalog-card.mythic{border-color:#8b6331}.catalog-card.epic{border-color:#8b695a}
.profile-strip{border:2px solid #514a42;border-radius:8px 12px 7px 10px;background:#f8e8c5;box-shadow:3px 4px 0 rgba(68,62,55,.11)}.profile-strip div{border-color:rgba(63,57,50,.24)}.profile-strip span{color:#74695d}.profile-strip b{color:#98612e}
.achievement{border:1.5px solid #554e46;border-radius:9px 6px 12px 7px;background:#fffaf0;box-shadow:3px 3px 0 rgba(68,62,55,.1);transform:rotate(-.25deg)}.achievement:nth-child(even){transform:rotate(.3deg);background:#faf2dc}.achievement .medal{border:2px dashed #837667;color:#837667}.achievement.unlocked{border-color:#8f6939}.achievement.unlocked .medal{color:#a36b30;border-color:#a36b30}.achievement p{color:#74695e}.achievement small{color:#ac5d4b}

.mode-dialog{border:2px solid var(--pencil);border-radius:9px 15px 7px 12px;color:#332f2a;background:#fffaf0;box-shadow:8px 10px 0 rgba(44,38,31,.22),0 28px 80px rgba(44,38,31,.25);transform:rotate(-.2deg)}
.mode-dialog::backdrop{background:rgba(70,59,45,.55);backdrop-filter:blur(3px)}.mode-dialog form{padding:40px}.mode-dialog form:before{content:"";position:absolute;width:110px;height:28px;left:41%;top:-12px;background:rgba(217,228,117,.58);transform:rotate(2deg)}.mode-dialog form>p{color:#756a5e}.dialog-close{color:#665c51;border:1.5px solid #554e46;border-radius:47% 53% 45% 55%;background:#fffaf0}
.category-grid button,.mode-grid button{color:#5f574e;border:1.5px solid #554e46;border-radius:8px 13px 6px 11px;background:#fffdf8;box-shadow:3px 3px 0 rgba(68,62,55,.12)}
.category-grid button:nth-child(even),.mode-grid button:nth-child(even){transform:rotate(.35deg)}
.category-grid button:hover,.category-grid button.active{border-color:#4c463f;color:#39342f;background:#e8edbd}.category-grid i{border:1.5px solid currentColor}
.mode-grid button:hover{border-color:#4f4841;background:#f8ddd5;transform:translateY(-2px) rotate(-.5deg)}.mode-grid .recommended{border-color:#7d633f;background:#fbf0d7}.mode-grid i{background:#b77a3a;color:#fffaf0;transform:rotate(3deg);top:-5px;right:-5px}.mode-grid span{border:2px dashed #7a6c5a;color:#95642f}.mode-grid small{color:#756b5f}.xigua-welcome{filter:drop-shadow(3px 4px 0 rgba(68,62,55,.14))}
.toast{border:2px solid #4f4841;border-radius:8px 12px 7px 10px;background:#f4d5cd;color:#3b3631;box-shadow:5px 6px 0 rgba(44,38,31,.2)}

@media(max-width:900px){
  .topbar nav{background:#fffaf0;border-top:2px solid #4e4740;box-shadow:0 -3px 0 rgba(63,57,50,.08)}
  .game-grid{grid-template-columns:1fr;padding:16px;gap:17px}.play-panel{order:2}.dossier-panel{order:1;border:2px solid var(--pencil)}
  .nav-button.active:after{bottom:8px}.library-view,.achievements-view{margin:16px}.profile-strip div{border-color:rgba(63,57,50,.24)}
}
@media(max-width:560px){
  .topbar{height:70px}.brand b{font-size:1rem}.xigua-brand{width:41px;height:41px}.game-grid{padding:10px}.play-panel{padding:30px 16px 22px}.dossier-panel{padding:16px}
  h1{font-size:2rem}.daily-banner{padding-left:78px}.library-view,.achievements-view{margin:10px;padding:28px 14px}.catalog-grid{grid-template-columns:1fr 1fr;gap:10px}.catalog-card{min-height:220px}
  .mode-dialog{max-height:calc(100vh - 24px);overflow:auto}.mode-dialog form{padding:34px 20px}.mode-dialog form:before{left:30%}.result-card{transform:none}
}