:root{--paper: #f3ead6;--paper2: #e9dcc0;--ink: #2b2620;--ink2: #5a5046;--jade: #3aa38f;--jade2: #2c7d6e;--seal: #b8322a;--gold: #d9b24a;--hp: #d0473d;--qi: #4a8fd6;--xp: #7fc45a;--font-brush: "Ma Shan Zheng", "Noto Serif SC", serif;--font-body: "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0e1116;font-family:var(--font-body);color:var(--ink);-webkit-user-select:none;user-select:none}#app,#app>canvas,body>canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#modal canvas{position:static;display:block;width:100%;height:auto}.hidden{display:none!important}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#11151a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:#e8dcc0;letter-spacing:.35em;font-size:14px;transition:opacity .8s}#loading .brush{font-family:var(--font-brush);font-size:64px;letter-spacing:.1em;margin-bottom:24px;color:#efe3c6}#loading .bar{width:240px;height:2px;background:#333;margin-top:14px}#loading .bar i{display:block;height:100%;background:var(--jade);width:0;transition:width .2s}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0000 30%,#0a0e128c);transition:opacity 1s}#title .logo{font-family:var(--font-brush);font-size:min(15vw,150px);color:#fbf4e2;text-shadow:0 4px 24px rgba(0,0,0,.45),0 0 2px #000;line-height:1}#title .stamp{display:inline-block;background:var(--seal);color:#fbe9d8;font-family:var(--font-brush);font-size:22px;padding:6px 8px;border-radius:4px;writing-mode:vertical-rl;position:relative;top:-20px;margin-left:10px;box-shadow:0 2px 8px #0006}#title .sub{color:#f4ead2;letter-spacing:.6em;margin-top:18px;font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.6);display:inline-block;padding:4px 10px 4px 20px;background:#1216148c;border-radius:3px}#title .btns{margin-top:48px;display:flex;gap:16px}.btn{font-family:var(--font-body);font-size:16px;padding:10px 28px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;letter-spacing:.3em;border-radius:3px;box-shadow:2px 3px #00000040;transition:transform .1s,background .15s}.btn:hover{background:#fffaf0;transform:translateY(-1px)}.btn.seal{background:var(--seal);color:#fff3e6;border-color:#7a1f18}.btn.jade{background:var(--jade2);color:#f2fff9;border-color:#1b4e45}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.sm{font-size:13px;padding:5px 14px;letter-spacing:.15em}#title .hint{position:absolute;bottom:28px;color:#e8dcc0;font-size:12px;letter-spacing:.4em;opacity:.75}#title input{font-family:var(--font-body);font-size:18px;text-align:center;padding:8px;width:180px;border:1.5px solid var(--ink);background:var(--paper);margin-top:26px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud .tl{position:absolute;left:20px;top:18px;width:260px}.realm{font-family:var(--font-brush);font-size:26px;color:#fff8e6;text-shadow:0 2px 6px rgba(0,0,0,.6)}.realm small{font-family:var(--font-body);font-size:12px;margin-left:8px;color:#e8f0e6;letter-spacing:.2em}.bar{position:relative;height:12px;background:#14141473;border:1.5px solid rgba(255,248,230,.75);border-radius:8px;margin-top:6px;overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;transition:width .25s}.bar.hp i{background:linear-gradient(#ee6a5e,var(--hp))}.bar.qi i{background:linear-gradient(#78b4ef,var(--qi))}.bar.xp{height:6px}.bar.xp i{background:linear-gradient(#b3e38c,var(--xp))}.bar span{position:absolute;right:8px;top:-2px;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}#hud .tr{position:absolute;right:20px;top:16px;text-align:right;color:#fff8e6;text-shadow:0 2px 5px rgba(0,0,0,.65)}.clock{font-family:var(--font-brush);font-size:24px}.clock .moon{display:inline-block;width:16px;height:16px;border-radius:50%;background:#fff3c4;margin-left:8px;vertical-align:-2px;box-shadow:0 0 10px #fff3c4}.wallet{margin-top:6px;font-size:13px;display:flex;gap:12px;justify-content:flex-end}.wallet b{font-weight:600;color:#ffe9a8}.ident{font-size:12px;letter-spacing:.3em;opacity:.9;margin-top:4px}#compass{position:absolute;top:14px;left:50%;transform:translate(-50%);width:420px;height:34px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}#compass .line{position:absolute;left:0;right:0;top:16px;height:1px;background:#fff8e6b3}#compass .mk{position:absolute;top:0;transform:translate(-50%);font-size:12px;color:#fff8e6;text-shadow:0 1px 3px #000;white-space:nowrap;text-align:center}#compass .mk.dir{font-family:var(--font-brush);font-size:16px;top:2px}#compass .mk.q{color:#ffd66b;font-weight:600}#compass .mk.q:before{content:"◆";display:block;font-size:11px}#compass .mk small{display:block;font-size:10px;opacity:.85}#quest{position:absolute;left:20px;top:150px;width:280px;background:linear-gradient(90deg,#f3ead6eb,#f3ead600);padding:10px 14px;border-left:4px solid var(--seal)}#quest .t{font-family:var(--font-brush);font-size:20px;color:var(--seal)}#quest .d{font-size:13px;margin-top:4px;line-height:1.55;color:var(--ink)}#quest .d em{font-style:normal;color:var(--jade2);font-weight:600}#prompt{position:absolute;left:50%;top:62%;transform:translate(-50%);background:#f3ead6f2;padding:6px 16px;border:1.5px solid var(--ink);border-radius:3px;font-size:14px;letter-spacing:.15em;box-shadow:2px 3px #0003}#prompt kbd{display:inline-block;background:var(--ink);color:var(--paper);padding:0 7px;border-radius:3px;margin-right:8px;font-family:var(--font-body)}#slots{position:absolute;right:22px;bottom:22px;display:flex;gap:10px;align-items:flex-end}.slot{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e9f5ee,#9ccbb8 60%,#5f9a88);border:2px solid rgba(255,248,230,.9);box-shadow:0 3px 10px #00000059;position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-brush);font-size:18px;color:#1e3a33}.slot.empty{opacity:.35}.slot.big{width:74px;height:74px;font-size:22px;background:radial-gradient(circle at 35% 30%,#fff4dc,#e3c78a 60%,#b28a44)}.slot kbd{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-size:10px;padding:0 5px;border-radius:3px;font-family:var(--font-body)}.slot .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073}.slot .grade{position:absolute;top:-6px;right:-4px;font-size:12px;font-family:var(--font-body);padding:0 4px;border-radius:3px;color:#fff}#keys{position:absolute;left:20px;bottom:18px;font-size:11px;color:#f4ead2;text-shadow:0 1px 3px #000;line-height:1.8;letter-spacing:.05em}#keys kbd{display:inline-block;min-width:18px;text-align:center;background:#f3ead6e6;color:var(--ink);padding:0 4px;border-radius:2px;margin-right:4px;font-family:var(--font-body)}#toasts{position:absolute;right:22px;top:292px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.toast{background:#f3ead6f2;padding:5px 14px;border-right:4px solid var(--jade);font-size:13px;animation:tin .3s ease-out,tout .5s ease-in 2.8s forwards;box-shadow:2px 2px #0003}.toast.warn{border-right-color:var(--seal)}.toast.gold{border-right-color:var(--gold)}@keyframes tin{0%{transform:translate(40px);opacity:0}}@keyframes tout{to{opacity:0;transform:translateY(-6px)}}#banner{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none}#banner .b1{font-family:var(--font-brush);font-size:72px;color:#fff8e6;text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(255,220,140,.5);animation:bin 3.6s ease forwards}#banner .b2{font-size:16px;letter-spacing:.6em;color:#f4ead2;text-shadow:0 2px 6px #000;margin-top:8px;animation:bin 3.6s ease forwards}@keyframes bin{0%{opacity:0;transform:scale(1.3);letter-spacing:.4em;filter:blur(6px)}12%{opacity:1;transform:scale(1);filter:blur(0)}80%{opacity:1}to{opacity:0}}.float{position:absolute;font-weight:900;font-size:20px;color:#fff;text-shadow:0 2px 3px #000,0 0 6px rgba(0,0,0,.4);animation:fl 1s ease-out forwards;transform:translate(-50%,-50%)}.float.crit{color:#ffd34a;font-size:26px}.float.hurt{color:#ff6a5a}.float.xp{color:#b3f08c;font-size:15px}@keyframes fl{to{transform:translate(-50%,-150%);opacity:0}}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px #c8141400;transition:box-shadow .2s}#vignette.hit{box-shadow:inset 0 0 160px #c814148c}#medi{position:absolute;left:50%;bottom:120px;transform:translate(-50%);color:#eaffef;font-family:var(--font-brush);font-size:22px;text-shadow:0 0 12px #3aa38f;letter-spacing:.3em}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 3px #000}#clickLock{position:absolute;left:50%;top:50%;transform:translate(-50%,40px);color:#fff8e6;font-size:13px;letter-spacing:.4em;text-shadow:0 1px 4px #000}#dialog{position:fixed;left:50%;bottom:34px;transform:translate(-50%);width:min(820px,92vw);z-index:30;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 5px #0000004d;padding:18px 26px 16px;min-height:130px;background-image:radial-gradient(rgba(120,90,40,.06) 1px,transparent 1px);background-size:6px 6px}#dialog .name{position:absolute;top:-20px;left:22px;background:var(--seal);color:#fff3e6;font-family:var(--font-brush);font-size:22px;padding:2px 16px;border-radius:2px;box-shadow:2px 2px #00000040}#dialog .name.narr{background:var(--ink2)}#dialog .text{font-size:18px;line-height:1.75;min-height:60px;white-space:pre-wrap}#dialog .opts{display:flex;flex-direction:column;gap:6px;margin-top:10px}#dialog .opt{padding:6px 12px;border:1px solid var(--ink2);cursor:pointer;font-size:15px;background:#fff6}#dialog .opt:hover{background:var(--jade2);color:#fff}#dialog .next{position:absolute;right:16px;bottom:8px;font-size:12px;color:var(--ink2);animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0c1073;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scroll{width:min(920px,94vw);max-height:86vh;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 8px #00000059;position:relative;display:flex;flex-direction:column;background-image:radial-gradient(rgba(120,90,40,.06) 1px,transparent 1px);background-size:6px 6px}.scroll:before,.scroll:after{content:"";position:absolute;left:-12px;right:-12px;height:14px;background:linear-gradient(#6a4a2a,#3e2a18);border-radius:7px}.scroll:before{top:-10px}.scroll:after{bottom:-10px}.scroll header{display:flex;align-items:center;padding:18px 24px 8px;border-bottom:1px solid rgba(0,0,0,.15)}.scroll header h2{font-family:var(--font-brush);font-weight:400;font-size:34px;margin:0;flex:1}.scroll header .x{cursor:pointer;font-size:22px;padding:0 8px}.scroll .body{padding:14px 24px 22px;overflow:auto}.tabs{display:flex;gap:6px;margin-left:18px}.tabs .tab{padding:4px 14px;border:1px solid var(--ink2);cursor:pointer;font-size:14px}.tabs .tab.on{background:var(--ink);color:var(--paper)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.card{border:1px solid rgba(0,0,0,.25);background:#ffffff73;padding:10px 12px;position:relative}.card h4{margin:0 0 4px;font-size:16px;display:flex;align-items:center;gap:6px}.card p{margin:0;font-size:13px;color:var(--ink2);line-height:1.55}.card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:13px}.card.done{opacity:.5}.card.locked{opacity:.55}.gtag{font-size:11px;padding:1px 5px;border-radius:2px;color:#fff;font-weight:600}.g-凡{background:#8a8a8a}.g-黄{background:#b88a1e}.g-玄{background:#5a3ab8}.g-地{background:#c0661a}.g-天{background:linear-gradient(90deg,#b8a0ff,#ffd9a0,#9ff0ff);color:#333}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:14px}.stats div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(0,0,0,.15);padding:3px 0}.sec{font-family:var(--font-brush);font-size:22px;margin:16px 0 8px;color:var(--seal)}.equip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.equip .card{min-height:84px}.muted{color:var(--ink2);font-size:13px}#mini{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0a0c108c;display:flex;align-items:center;justify-content:center}#mini .panel{width:min(620px,92vw);background:var(--paper);border:2px solid var(--ink);box-shadow:6px 8px #00000059;padding:20px 26px;text-align:center}#mini h3{font-family:var(--font-brush);font-size:34px;margin:0;font-weight:400}#mini .tip{font-size:13px;color:var(--ink2);margin:4px 0 14px}#mini .track{position:relative;height:40px;background:linear-gradient(90deg,#d8c9a8,#efe4cc,#d8c9a8);border:1.5px solid var(--ink);margin:10px 0}#mini .zone{position:absolute;top:0;bottom:0;background:#3aa38f73;border-left:2px solid var(--jade2);border-right:2px solid var(--jade2)}#mini .zone.perfect{background:#d9b24ab3;border-color:#9a7414}#mini .needle{position:absolute;top:-6px;bottom:-6px;width:4px;margin-left:-2px;background:var(--seal);box-shadow:0 0 6px var(--seal)}#mini .score{font-size:15px;margin-top:8px}#mini .weeds{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px auto;width:380px}#mini .cell{height:64px;background:#8a6a44;border:2px solid #5a4028;border-radius:6px;cursor:pointer;font-size:34px;display:flex;align-items:center;justify-content:center;transition:transform .08s}#mini .cell:active{transform:scale(.94)}#mini .timer{height:6px;background:#ccc;margin-top:8px}#mini .timer i{display:block;height:100%;background:var(--seal)}#mini .pole{position:relative;height:150px;margin:10px 0}#mini .pole .beam{position:absolute;left:50%;top:60px;width:360px;height:8px;margin-left:-180px;background:#6a4a2a;border-radius:4px;transform-origin:50% 50%}#mini .pole .bk{position:absolute;top:4px;width:44px;height:46px;background:#8a6440;border-radius:0 0 10px 10px;border:2px solid #4a3020}#mini .pole .bk.l{left:-10px}#mini .pole .bk.r{right:-10px}#mini .pole .man{position:absolute;left:50%;top:20px;margin-left:-18px;width:36px;height:120px}#mini .big{font-family:var(--font-brush);font-size:44px;color:var(--seal)}#debug{position:fixed;right:12px;bottom:110px;z-index:60;background:#14181eeb;color:#cfe;font:12px/1.6 monospace;padding:10px;border:1px solid #3aa38f;width:220px}#debug button{font:11px monospace;margin:2px;background:#2c7d6e;color:#fff;border:0;padding:3px 6px;cursor:pointer}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:35;opacity:0;pointer-events:none;transition:opacity .8s}#fade.on{opacity:1}#fps{position:fixed;left:4px;bottom:2px;font:10px monospace;color:#ffffff80;z-index:11}.card.g-凡{border-left:4px solid #9a948a}.card.g-黄{border-left:4px solid #d9b24a}.card.g-玄{border-left:4px solid #7a5ad8;box-shadow:inset 0 0 0 1px #7a5ad826}.card.g-地{border-left:4px solid #d88a2a;box-shadow:inset 0 0 0 1px #d88a2a33}.card.g-天{border-left:4px solid #e8e0ff;box-shadow:0 0 10px #c8b4ff8c,inset 0 0 0 1px #fff9}.card.worn{background:#3aa38f14}.card .pei{position:absolute;top:-6px;right:-6px;background:var(--seal);color:#fff3e6;font-family:var(--font-brush);font-size:14px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:3px;box-shadow:1px 1px #00000040}.card h4 .icn{width:28px;height:28px;border-radius:4px;object-fit:cover}.slot img.icn{width:100%;height:100%;border-radius:50%;object-fit:cover}#crosshair.charge{width:22px;height:22px;margin:-11px;background:transparent;border:2px solid #ffd76a;box-shadow:0 0 10px #ffb64a;animation:chg .5s ease-in-out infinite alternate}@keyframes chg{to{transform:scale(1.3)}}.scroll,#dialog,#mini .panel{background-image:url(/assets/textures/ui-paper.jpg);background-size:256px;background-blend-mode:multiply}#mini .fu-panel{width:min(560px,94vw)}.fu-wrap{display:flex;gap:18px;justify-content:center;align-items:flex-start}.fu-cv{border:2px solid var(--ink);box-shadow:4px 5px #00000040;cursor:crosshair;touch-action:none;background:#e9c54e}.fu-side{width:190px;text-align:left;display:flex;flex-direction:column;gap:12px;padding-top:6px}.fu-stage{font-family:var(--font-brush);font-size:22px;color:var(--seal)}.fu-meter span{font-size:12px;color:var(--ink2);letter-spacing:2px}.fu-note{font-size:13px;color:var(--ink2);min-height:2.6em}.fu-note.flash{animation:fuflash .6s}@keyframes fuflash{0%{color:var(--seal);transform:scale(1.08)}to{color:var(--ink2);transform:none}}.fu-seal{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-12deg);font-family:var(--font-brush);font-size:84px;width:130px;height:130px;line-height:124px;border:6px double;border-radius:12px;background:#fffaebd1;animation:fuseal .35s cubic-bezier(.2,1.6,.4,1)}@keyframes fuseal{0%{transform:translate(-50%,-50%) rotate(-12deg) scale(2.4);opacity:0}}#mini .fu-panel{position:relative}.slot.fu{border-radius:10px;width:50px;height:58px;background:linear-gradient(#f3dc84,#d9b24a)}.slot.fu img.icn{border-radius:8px}.slot .cnt{position:absolute;top:-6px;left:-4px;font-size:11px;font-family:var(--font-body);padding:0 4px;border-radius:3px;color:#fff;background:var(--seal)}.slot .qd{position:absolute;top:-6px;right:-4px;font-size:11px;font-family:var(--font-body);padding:0 3px;border-radius:3px;color:#fff}.fu-sep{width:1px;height:46px;background:#fff8e680;margin:0 2px;align-self:center}.fu-btns{display:inline-flex;gap:4px}.fu-btns .btn.sm{min-width:0;padding-left:8px;padding-right:8px}.fu-buffs{display:flex;flex-direction:column;gap:3px;align-self:center;margin-right:4px}.fu-buffs span{background:#142822b8;color:#dff5e8;font-size:12px;padding:1px 7px;border-radius:3px;border-left:3px solid #7fdc7a}#minimap{position:relative;width:168px;height:168px;margin:10px 0 0 auto;border-radius:50%;border:3px solid rgba(243,234,214,.92);box-shadow:0 3px 12px #0006,inset 0 0 0 1px #00000059}#minimap canvas{display:block;border-radius:50%}#minimap .mm-n{position:absolute;width:16px;height:18px;line-height:18px;text-align:center;font-family:var(--font-brush);font-size:13px;color:#fff;background:var(--seal);border-radius:50%;text-shadow:none}.bar.jl i{background:linear-gradient(#f2d27a,#c9982e)}.card:has(>.thumb){padding-left:88px;min-height:90px}.card>.thumb{position:absolute;left:10px;top:10px;width:68px;height:68px;border-radius:8px;overflow:hidden;background:#f3e6c8;box-shadow:0 1px #fff9 inset,0 2px 5px #0000002e;border:1px solid rgba(90,70,40,.25);display:flex;align-items:center;justify-content:center}.card>.thumb.round{border-radius:50%}.card>.thumb img{width:100%;height:100%;object-fit:cover;display:block}.card>.thumb span{font-family:var(--font-brush);font-size:30px;color:var(--ink2)}.dao-bar{margin:4px 0}.dao-grid .card.locked{opacity:.8}#mini .tx-cv{display:block;margin:6px auto;background:radial-gradient(circle,#2a3a3a,#141c1c);border:2px solid var(--ink);border-radius:6px}.aff-bar i{background:linear-gradient(90deg,#8aa0b8,#e87a8a)}#mini .bt-panel{width:min(420px,94vw)}.bt-cv{display:block;margin:6px auto;border:2px solid var(--ink);border-radius:6px;cursor:crosshair;touch-action:none}#mini .ck-cv{display:block;margin:6px auto;border:2px solid var(--ink);border-radius:6px}#mini .mg-sp{max-width:88%;max-height:88%;pointer-events:none;-webkit-user-select:none;user-select:none}#mini .mg-sp.pop{animation:mgPop .18s ease-out}@keyframes mgPop{0%{transform:translateY(40%) scale(.8)}to{transform:none}}#mini .pole .bk.art{background:url(/assets/minigame/sp-bucket.png) center bottom / contain no-repeat;border:0;width:60px;height:64px;top:-2px}#mini .pole .bk.art.l{left:-24px}#mini .pole .bk.art.r{right:-24px}#mini .wood-log{height:76px;display:flex;justify-content:center;align-items:flex-end}#mini .wood-log .mg-sp{height:72px;max-width:none}#mini .wood-log.hit .mg-sp{animation:logHit .3s ease-out}@keyframes logHit{30%{transform:scale(1.08,.88);filter:brightness(1.2)}}#mini .needle .mg-sp{position:absolute;left:50%;bottom:70%;height:62px;max-width:none;max-height:none;transform:translate(-50%) rotate(-12deg);transform-origin:50% 100%}#mini .acu-panel{width:min(560px,94vw)}.acu-wrap{display:flex;gap:16px;justify-content:center}.acu-cv{border:2px solid var(--ink);border-radius:6px;cursor:crosshair}.acu-side{width:180px;text-align:left;font-size:13px}#dialog .portrait{position:absolute;left:12px;bottom:calc(100% - 14px);width:150px;height:150px;pointer-events:none;display:none;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.25))}#dialog .portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--paper);background:#f3e6c8;box-shadow:0 0 0 2px var(--ink)}#dialog.has-portrait .portrait{display:block}#dialog.has-portrait .name{left:172px}@media(max-width:640px){#dialog .portrait{width:104px;height:104px;bottom:calc(100% - 12px);left:8px}#dialog.has-portrait .name{left:120px}}#dialog .opts.two{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}#clickLock{top:auto;bottom:150px;transform:translate(-50%);font-size:12px;opacity:.8}#keys .k-more,#keys.mini div{display:none}#keys.mini .k-more{display:block;opacity:.75}body:has(#dialog:not(.hidden)) #keys,body:has(#dialog:not(.hidden)) #slots,body:has(#dialog:not(.hidden)) #prompt,body:has(#modal:not(.hidden)) #keys,body:has(#modal:not(.hidden)) #slots,body:has(#modal:not(.hidden)) #clickLock,body:has(#mini:not(.hidden)) #keys,body:has(#mini:not(.hidden)) #slots,body:has(#mini:not(.hidden)) #clickLock,body:has(#mini:not(.hidden)) #prompt,body:has(#dialog:not(.hidden)) #clickLock{visibility:hidden}.slot.empty{opacity:.75;background:#18201e61;border:2px dashed rgba(255,248,230,.55);box-shadow:none}.slot.empty:after{content:"空";font-family:var(--font-brush);font-size:15px;color:#fff8e68c}.slot.big.empty{background:#18201e61}#quest{background:linear-gradient(90deg,#f3ead6f5 70%,#f3ead6d1);box-shadow:0 3px 12px #00000038;border-radius:0 4px 4px 0}#compass:before{content:"";position:absolute;top:0;right:0;bottom:-2px;left:0;background:linear-gradient(180deg,#141816a8,#14181657);border-radius:4px}#compass .mk{z-index:1}#mini .panel{position:relative}.mg-pop{position:absolute;top:40%;padding:0 14px;border-radius:20px;background:#faf4e4f0;box-shadow:0 2px 8px #00000040;line-height:1.35;font-family:var(--font-brush);font-size:34px;pointer-events:none;animation:mgPopUp .9s ease-out forwards;text-shadow:0 2px 0 rgba(0,0,0,.25);z-index:5}.mg-pop.great{color:#d9a21a;-webkit-text-stroke:1px #6a4a08;font-size:40px}.mg-pop.ok{color:#2c7d6e}.mg-pop.bad{color:#b8322a;font-size:30px}@keyframes mgPopUp{0%{transform:translateY(10px) scale(.7);opacity:0}20%{transform:translateY(0) scale(1.1);opacity:1}to{transform:translateY(-46px) scale(1);opacity:0}}#mini .panel.shake{animation:mgShake .28s}@keyframes mgShake{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}#cg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#0d0f0e;overflow:hidden;opacity:0;transition:opacity .7s ease;pointer-events:none}#cg.in{opacity:1}#cg.out{opacity:0}#cg img{width:100%;height:100%;object-fit:cover;transform-origin:50% 45%}#cg.in img{animation:cgPush 14s ease-out forwards}@keyframes cgPush{0%{transform:scale(1)}to{transform:scale(1.07)}}#cg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,transparent 55%,rgba(0,0,0,.45)),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.35))}body.cg-on #hud>:not(#banner):not(#toasts){visibility:hidden}