:root{--sumi: #12141c;--sumi2: #1c1e28;--washi: #efe4cc;--washi2: #cfc3a8;--mute: #9c9384;--shu: #d8432e;--shu-hi: #ff7a52;--shu-dk: #8e2216;--kin: #d9b45a;--kin-hi: #f4dc94;--asagi: #7fb7c9;--kusa: #8cc06a;--display: "Zen Antique", "Hiragino Mincho ProN", "Yu Mincho", serif;--ui: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--sl: max(14px, env(safe-area-inset-left, 0px));--sr: max(14px, env(safe-area-inset-right, 0px));--line: rgba(217, 180, 90, .5);--lacq: linear-gradient(180deg, rgba(34, 30, 40, .92), rgba(16, 14, 20, .94));--ease-out: cubic-bezier(.16, 1, .3, 1);--brush: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'><path d='M4 31 C18 14 52 9 98 10 C170 12 230 5 300 8 C350 10 378 12 396 20 L398 27 C390 33 396 38 386 43 C340 51 270 50 200 53 C130 56 60 55 16 48 C8 46 2 40 4 31 Z M330 50 l14 3 l-12 2 Z M40 8 l16 -3 l-6 5 Z'/></svg>");color-scheme:dark}.lacq{position:relative;background:var(--lacq);border:1px solid var(--line);box-shadow:0 0 0 1px #0000008c,0 10px 26px #0000006b,inset 0 1px #fff0d212}.lacq:before,.lacq:after{content:"";position:absolute;width:7px;height:7px;background:var(--kin);transform:rotate(45deg);box-shadow:0 0 6px #f4dc9499}.lacq:before{top:-4px;left:-4px}.lacq:after{bottom:-4px;right:-4px}.crest{width:34px;height:34px;flex:none;display:grid;place-items:center;position:relative;isolation:isolate}.crest:before{content:"";position:absolute;z-index:-1;inset:4px;transform:rotate(45deg);background:radial-gradient(circle at 40% 35%,#3a2c22,#16110e);border:1.5px solid var(--kin);box-shadow:0 0 10px #d9b45a59}.crest{font-family:var(--display);font-size:15px;color:var(--kin-hi);z-index:0}.crest>*{position:relative}.seal{display:inline-grid;place-items:center;background:var(--shu);color:var(--washi);font-family:var(--display);border-radius:5px;box-shadow:inset 0 0 0 2px #ffdcc859,inset 0 0 12px #5000008c,0 4px 14px #8c140a73}button{font:inherit}.acts{display:flex;flex-wrap:wrap;gap:8px}.acts.col{flex-direction:column;width:min(78vw,300px)}.acts button{position:relative;flex:1 1 auto;min-height:46px;padding:9px 16px;font:700 14px var(--ui);letter-spacing:.04em;color:var(--washi);text-align:left;background:linear-gradient(180deg,#322c348c,#141218b3);border:1px solid rgba(217,180,90,.35);cursor:pointer;transition:border-color .15s,background .15s,transform .08s}.acts button:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--kin);opacity:.5}.acts button:hover:not(:disabled){border-color:var(--kin)}.acts button:active:not(:disabled){transform:scale(.985)}.acts button small{display:block;font-weight:500;font-size:11px;color:var(--washi2);opacity:.85;margin-top:2px}.acts button.pri{color:#fff7ec;background:linear-gradient(180deg,#e2563c,var(--shu) 55%,#b5321f);border-color:#ff9a76;box-shadow:0 4px 16px #d8432e59}.acts button.pri:before{background:var(--kin-hi);opacity:.9}.acts button.pri small{color:#ffe6d6}.acts button:disabled{opacity:.38;cursor:default}.acts button:focus-visible,.btn:focus-visible{outline:2px solid var(--kin-hi);outline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{to{opacity:0}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sumi);color:var(--washi)}body{font:14px var(--ui);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#stage{position:fixed;inset:0;touch-action:none}#gl,#game{position:absolute;inset:0;display:block;width:100%;height:100%}#game{pointer-events:none}#vign{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 62%,rgba(10,8,14,.35) 100%)}#hurt{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(170,24,18,.5) 100%);transition:opacity .25s}#hud{position:fixed;inset:0;pointer-events:none;padding:calc(var(--st) + 12px) var(--sr) 0 var(--sl)}.vitals{display:flex;gap:12px;align-items:center}.lv{width:46px;height:46px;flex:none;display:grid;place-items:center;position:relative;margin:4px}.lv:before{content:"";position:absolute;inset:5px;transform:rotate(45deg);background:radial-gradient(circle at 40% 35%,#3a2c22,#12100e 75%);border:2px solid var(--kin);box-shadow:0 0 0 3px #12141cb3,0 0 14px #d9b45a59}.lv span{position:relative;font-family:var(--display);font-size:19px;color:var(--kin-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.bars{display:grid;gap:4px;width:min(46vw,230px)}.who{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;line-height:1;padding:0 2px}.who b{font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:.2em;color:var(--kin-hi);text-shadow:0 1px 3px #000}.who span{font-weight:700;font-variant-numeric:tabular-nums;color:var(--washi);text-shadow:0 1px 3px #000}.bar{position:relative;height:11px;transform:skew(-14deg);background:#0a090ec7;border:1px solid rgba(217,180,90,.45);overflow:hidden;box-shadow:0 2px 6px #00000059}.bar i{position:absolute;inset:0;transform-origin:left}.bar.hp #hpF{background:linear-gradient(180deg,#ff8a6a,var(--shu) 45%,#9c2414)}.bar.hp #hpF:after{content:"";position:absolute;inset:0 0 55%;background:#ffffff38}.bar #hpL{background:var(--washi);opacity:.8}.bar.st{height:5px;margin-right:18%}.bar.st i{background:linear-gradient(180deg,var(--kin-hi),var(--kin))}.xp{height:2px;margin-right:30%;background:#efe4cc1f}.xp i{display:block;height:100%;background:var(--asagi);transform-origin:left;box-shadow:0 0 6px var(--asagi)}#status{display:flex;gap:6px;margin:8px 0 0 58px}#status span{font-size:11px;font-weight:700;padding:2px 9px;border:1px solid currentColor;background:#12141ccc;font-variant-numeric:tabular-nums;animation:chip .5s ease-in-out infinite alternate}#status .burn{color:var(--shu-hi)}#status .poison{color:var(--kusa)}#status .chill{color:var(--asagi)}@keyframes chip{to{opacity:.65}}.quest{margin-top:12px;max-width:min(56vw,280px);padding:9px 14px 10px 16px}.quest:before{top:auto;bottom:-4px;left:-4px}.quest small{display:block;font-size:10px;letter-spacing:.28em;color:var(--shu-hi)}.quest strong{display:block;font-family:var(--display);font-weight:400;font-size:16px;margin:3px 0 2px;line-height:1.3}.quest>span{display:block;font-size:12px;color:var(--washi2);font-variant-numeric:tabular-nums;line-height:1.5}.quest em{display:flex;align-items:center;gap:6px;margin-top:5px;font-style:normal;font-size:12px;font-weight:700;color:var(--kin-hi);font-variant-numeric:tabular-nums}.quest em i{display:inline-block;font-style:normal;font-size:11px;color:var(--shu-hi);transition:transform .12s linear}#miniWrap{position:absolute;top:calc(var(--st) + 12px);right:var(--sr);width:112px;height:112px}#mini{width:112px;height:112px;border-radius:50%;background:#1a1612;border:2px solid var(--kin);box-shadow:0 0 0 4px #12141cbf,0 0 0 5px #d9b45a59,0 8px 20px #00000073}#miniWrap .north{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:18px;height:18px;display:grid;place-items:center;font-family:var(--display);font-size:11px;color:var(--washi);background:var(--shu);border-radius:3px;box-shadow:0 2px 6px #00000080}#clock{position:absolute;left:-6px;bottom:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:13px;background:radial-gradient(circle at 40% 35%,#3a2c22,#12100e);border:1.5px solid var(--kin);color:var(--kin-hi)}.purse{position:absolute;top:calc(var(--st) + 140px);right:var(--sr);width:112px;display:flex;justify-content:center;align-items:baseline;gap:5px;padding:4px 8px;font-size:11px;color:var(--washi2);font-variant-numeric:tabular-nums;background:#12141cb8;border:1px solid rgba(217,180,90,.35)}.purse em{margin-right:6px;font-size:13px}.purse em{font-style:normal;color:var(--washi);font-weight:700}.purse em.g{color:var(--kin-hi)}#boss{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--sb) + 252px);width:min(84vw,480px);text-align:center;animation:fadeUp .5s var(--ease-out)}.bn{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-size:16px;letter-spacing:.16em;text-shadow:0 2px 6px #000;margin-bottom:5px}.bn i{width:8px;height:8px;transform:rotate(45deg);background:var(--shu);box-shadow:0 0 8px var(--shu)}.bb{position:relative;height:9px;background:#0a090ed9;border:1px solid var(--kin);box-shadow:0 0 0 2px #12141cb3;overflow:hidden}.bb i{position:absolute;inset:0;transform-origin:left}.bb #bossL{background:var(--washi);opacity:.75}.bb #bossF{background:linear-gradient(180deg,#ff7a52,var(--shu) 50%,#7e1a10)}#comp{position:absolute;left:var(--sl);top:calc(var(--st) + 172px);font-size:11px;color:var(--washi2);padding:3px 10px;background:#12141cb8;border-left:2px solid var(--kusa)}#joyB,#joyK{position:fixed;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#joyB{width:116px;height:116px;border:1.5px solid rgba(217,180,90,.4);background:radial-gradient(circle,#12141c1a,#12141c66)}#joyK{width:48px;height:48px;background:radial-gradient(circle at 40% 35%,#f4dc948c,#d9b45a40);border:1.5px solid var(--kin-hi)}.btn{position:absolute;border-radius:50%;display:grid;place-items:center;color:var(--washi);padding:0;line-height:1;cursor:pointer;touch-action:none;background:radial-gradient(circle at 38% 30%,#4e403ceb,#161218f0 70%);border:1.5px solid rgba(217,180,90,.55);box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d9b45a24,0 6px 14px #00000073;transition:scale .08s ease-out,opacity .2s,filter .2s;overflow:hidden}.btn>span{position:relative;font-family:var(--display);color:var(--kin-hi);text-shadow:0 1px 2px #000}.btn small{position:absolute;bottom:7px;font-family:var(--ui);font-size:8.5px;color:var(--mute);letter-spacing:.04em}.btn.on{scale:.9;border-color:var(--kin-hi)}.btn.on:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,200,150,.45),transparent 65%);animation:ripple .35s ease-out}@keyframes ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(1.3);opacity:0}}.btn.off{filter:grayscale(.7) brightness(.6)}#pad{position:fixed;right:var(--sr);bottom:calc(var(--sb) + 18px);width:232px;height:222px;touch-action:none}#bAtk{right:0;bottom:0;width:90px;height:90px;border-color:#ff9a76;background:radial-gradient(circle at 38% 30%,#c6452e,#7a1d12 62%,#3a0d08);box-shadow:inset 0 0 0 4px #0000004d,inset 0 0 0 5px #f4dc9459,0 8px 18px #78140a73}#bAtk>span{font-size:30px;color:#fff3e4}#bAtk small{color:#ffd6c4}#bHvy{right:98px;bottom:6px;width:60px;height:60px}#bHvy>span{font-size:19px}#bDod{right:6px;bottom:100px;width:60px;height:60px}#bDod>span{font-size:19px}#bGrd{right:166px;bottom:0;width:60px;height:60px;border-color:#7fb7c9bf}#bGrd>span{font-size:19px;color:#cfeaf2}#bSki{right:84px;bottom:78px;width:52px;height:52px}#bSki>span{font-size:16px}#bSki .cd{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(8,8,12,.78) var(--p, 0%),transparent 0)}#side{position:fixed;right:var(--sr);top:calc(var(--st) + 192px);display:flex;flex-direction:column;gap:6px}@media (min-width: 700px){#side{flex-direction:row}}.btn.sm{position:relative;width:40px;height:40px}.btn.sm>span{font-size:15px}.btn.sm small{bottom:2px;font-size:7.5px}#bAct{position:fixed;left:50%;bottom:calc(var(--sb) + 294px);transform:translate(-50%);border-radius:0;width:auto;height:auto;padding:11px 26px;font:700 15px var(--ui);letter-spacing:.06em;white-space:nowrap;color:var(--washi);background:var(--lacq);border:1px solid var(--kin);animation:fadeUp .3s var(--ease-out)}@media (hover: hover) and (pointer: fine){#pad{opacity:.5}#pad:hover{opacity:1}}@media (min-width: 700px){#bossCard{bottom:calc(var(--sb) + 11%)}#boss{bottom:calc(var(--sb) + 40px)}#bAct{bottom:calc(var(--sb) + 120px)}}#toast{position:fixed;left:50%;top:calc(var(--st) + 244px);transform:translate(-50%);pointer-events:none;text-align:center;width:min(90vw,420px);display:grid;gap:6px;z-index:40}#toast div{font-family:var(--display);font-size:19px;letter-spacing:.08em;text-shadow:0 2px 8px #000,0 0 18px rgba(216,67,46,.35);animation:tst 2.6s forwards}#toast div small{display:block;font-family:var(--ui);font-size:12px;color:var(--washi2);letter-spacing:.02em;margin-top:2px}@keyframes tst{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}#banner{position:fixed;left:0;right:0;top:36%;pointer-events:none;text-align:center;padding:18px max(16px,env(safe-area-inset-left,0px)) 20px}#banner:before{content:"";position:absolute;inset:0 4%;background:linear-gradient(90deg,#12141c00,#12141ce6 20% 80%,#12141c00);-webkit-mask:var(--brush) center / 100% 100% no-repeat;mask:var(--brush) center / 100% 100% no-repeat}#banner small,#banner b{position:relative;display:block}#banner small{font-size:12px;letter-spacing:.3em;color:var(--shu-hi)}#banner b{font-family:var(--display);font-weight:400;font-size:clamp(28px,8vw,42px);letter-spacing:.16em;color:var(--washi);text-shadow:0 0 24px rgba(216,67,46,.55)}#banner.go{animation:bannerIn 2.6s var(--ease-out) forwards}#banner.go b{animation:bannerText 2.6s var(--ease-out) forwards}@keyframes bannerIn{0%{clip-path:inset(0 100% 0 0);opacity:1}14%{clip-path:inset(0 0 0 0)}82%{opacity:1}to{opacity:0}}@keyframes bannerText{0%{letter-spacing:.5em;opacity:0}20%{letter-spacing:.16em;opacity:1}to{letter-spacing:.2em}}#bossCard{position:fixed;left:0;bottom:calc(var(--sb) + 300px);pointer-events:none;padding:14px 40px 16px max(22px,env(safe-area-inset-left,0px));min-width:74vw}#bossCard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--shu-dk),var(--shu) 60%,rgba(216,67,46,0));-webkit-mask:var(--brush) left center / 100% 100% no-repeat;mask:var(--brush) left center / 100% 100% no-repeat}#bossCard small,#bossCard b{position:relative;display:block}#bossCard small{font-size:11px;letter-spacing:.34em;color:#ffd8c4}#bossCard b{font-family:var(--display);font-weight:400;font-size:clamp(24px,7vw,36px);letter-spacing:.12em;color:#fff6ea;text-shadow:0 2px 10px rgba(60,0,0,.6)}#bossCard.go{animation:cardIn 2.4s var(--ease-out) forwards}@keyframes cardIn{0%{clip-path:inset(0 100% 0 0)}18%{clip-path:inset(0 0 0 0)}84%{opacity:1;transform:none}to{opacity:0;transform:translate(-24px)}}#areaName{position:fixed;left:50%;top:calc(var(--st) + 246px);transform:translate(-50%);pointer-events:none;text-align:center;width:min(90vw,420px)}#areaName b{display:flex;align-items:center;justify-content:center;gap:2px;font-family:var(--display);font-weight:400;font-size:25px;letter-spacing:.3em;text-shadow:0 2px 10px #000}#areaName b:before,#areaName b:after{content:"";width:40px;height:1px;margin:0 12px;background:linear-gradient(90deg,transparent,var(--kin))}#areaName b:after{background:linear-gradient(90deg,var(--kin),transparent)}#areaName b span{display:inline-block;opacity:0}#areaName.go b span{animation:letterIn .5s ease-out forwards}#areaName small{display:block;font-size:12px;color:var(--washi2);opacity:0;margin-top:4px;letter-spacing:.1em}#areaName.go small{animation:fadeIn .6s .5s forwards}#areaName.go{animation:fadeOut .5s 2.3s forwards}@keyframes letterIn{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}#stamp{position:fixed;right:max(24px,10vw);top:30%;pointer-events:none}#stamp b{display:grid;place-items:center;width:92px;height:92px;padding:8px;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.05;letter-spacing:.04em;color:#fff4e8;background:var(--shu);border-radius:8px;transform:rotate(-8deg);box-shadow:inset 0 0 0 3px #ffe6d28c,inset 0 0 0 6px var(--shu),inset 0 0 0 7px #ffe6d259,inset 0 0 18px #50000099,0 6px 20px #780a0073}#stamp.go b{animation:stamp 1.6s var(--ease-out) forwards}@keyframes stamp{0%{transform:rotate(-20deg) scale(2.2);opacity:0}14%{transform:rotate(-8deg) scale(.94);opacity:1}22%{transform:rotate(-8deg) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(-8deg) scale(1.04)}}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--sb) + 16px);width:min(calc(100vw - 32px),560px);padding:14px 18px 16px;max-height:72vh;overflow-y:auto;animation:sheetIn .35s var(--ease-out)}@keyframes sheetIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.sheet header{display:flex;align-items:center;gap:10px;margin:-2px 0 8px -4px}.sheet h3{position:relative;margin:0;padding:6px 30px 7px 14px;font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.14em;color:#fff4e8}.sheet h3:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--shu),var(--shu-dk));-webkit-mask:var(--brush) left center / 100% 100% no-repeat;mask:var(--brush) left center / 100% 100% no-repeat}.sheet h3{z-index:0}.sheet p{margin:0 0 14px;font-size:15px;line-height:1.85;white-space:pre-line;min-height:3.6em}.sheet p.typing:after{content:"▍";color:var(--kin);animation:chip .5s steps(2) infinite}#map{position:fixed;inset:0;background:#0a0a0ee6;display:grid;place-items:center;padding:calc(var(--st) + 12px) 16px calc(var(--sb) + 12px);animation:fadeIn .25s forwards;opacity:0}.mapIn{width:min(100%,640px);display:grid;gap:8px}.mapHead{display:flex;align-items:center;gap:10px}.mapHead strong{font-family:var(--display);font-weight:400;font-size:20px;color:var(--kin-hi);letter-spacing:.12em}.mapHead span{flex:1;font-size:11px;color:var(--mute)}.mapHead button,.cxHead button{width:40px;height:40px;font-size:16px;color:var(--washi);background:var(--lacq);border:1px solid var(--line);cursor:pointer}#mapC{width:100%;max-width:100%;aspect-ratio:1;border:8px solid #2a1e14;outline:1px solid var(--kin);box-shadow:0 0 0 9px #d9b45a40,0 16px 40px #0009;touch-action:none}.legend{display:flex;gap:14px;font-size:11px;color:var(--washi2);flex-wrap:wrap}.legend i{display:inline-block;width:8px;height:8px;margin-right:5px;transform:rotate(45deg)}#codex{position:fixed;inset:0;background:#0a0a0ed1;display:grid;place-items:center;padding:calc(var(--st) + 14px) 16px calc(var(--sb) + 14px);animation:fadeIn .2s forwards;opacity:0}.cxIn{width:min(100%,560px);max-height:100%;display:grid;grid-template-rows:auto auto 1fr;padding:14px 16px 16px;overflow:hidden;animation:fadeUp .35s var(--ease-out)}.cxHead{display:flex;align-items:center;gap:10px}.cxHead h2{flex:1;margin:0;font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.16em;color:var(--kin-hi)}.tabs{display:flex;gap:4px;margin:12px 0 10px;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:9px 4px;font:700 13px var(--ui);color:var(--mute);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}.tabs button.on{color:var(--washi);border-bottom-color:var(--shu)}.cxBody{overflow-y:auto;min-height:0;padding-right:2px}.stat{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:4px 0 10px;font-variant-numeric:tabular-nums}.stat dt{color:var(--washi2);font-size:13px}.stat dd{margin:0;font-weight:700;text-align:right}.stat dd small{color:var(--kin);font-weight:500;margin-left:4px}.stat .mini{margin-left:8px;min-height:30px;padding:3px 12px;font:700 12px var(--ui);color:var(--washi);background:#d8432e4d;border:1px solid rgba(216,67,46,.7);cursor:pointer}.cxSec{font-family:var(--display);font-size:14px;letter-spacing:.16em;color:var(--shu-hi);margin:10px 0 6px;display:flex;align-items:center;gap:8px}.cxSec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:12px;padding:4px 10px;background:#efe4cc0f;border:1px solid rgba(217,180,90,.3);font-variant-numeric:tabular-nums}.chips span b{color:var(--kin-hi);margin-left:6px}.hunt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(217,180,90,.15)}.hunt .crest{width:38px;height:38px}.hunt b{display:block;font-family:var(--display);font-weight:400;font-size:15px}.hunt small{color:var(--mute);font-size:11px}.hunt em{font-style:normal;font-weight:700;color:var(--kin-hi);font-variant-numeric:tabular-nums}.purse .rank{white-space:nowrap;font:700 10px var(--ui);color:#fff4e8;background:var(--shu);padding:1px 6px;margin-right:6px;letter-spacing:.1em}#qSide:not([hidden]){display:flex}#qSide{align-items:flex-start;gap:5px;margin-top:4px;padding-top:4px;border-top:1px dashed rgba(217,180,90,.3);font-size:11.5px;color:var(--washi2)}#qSide .ico{width:18px;height:18px;flex:none}#qSide span{min-width:0;line-height:1.45}#qSide b{white-space:nowrap}#qSide b{color:var(--kin-hi)}#qSide small{color:var(--mute)}#bAct:not([hidden]){display:inline-flex;align-items:center;gap:8px}#bAct .ico{width:24px;height:24px}.ico{width:34px;height:34px;flex:none;display:block}.ico.glow{filter:drop-shadow(0 0 4px rgba(255,220,150,.7))}.slot{width:44px;height:44px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 40% 35%,#3a2e28,#16110e);border:1px solid var(--line);border-radius:6px;position:relative}body.forging #hud,body.forging #side,body.forging #pad,body.forging #bAct{visibility:hidden}#forge{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none;animation:fadeIn .2s forwards;opacity:0;background:linear-gradient(180deg,rgba(10,10,14,.55),transparent 18%,transparent 36%,rgba(10,10,14,.5) 52%)}#forge>*{pointer-events:auto}.fgHead{grid-row:1;display:flex;align-items:center;gap:10px;margin:calc(var(--st) + 10px) var(--sr) 0 var(--sl);padding:8px 10px 8px 12px}.fgHead h2{flex:1;margin:0;font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.16em;color:var(--kin-hi)}.fgGold{display:flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--kin-hi)}.fgGold .ico{width:20px;height:20px}.fgPot{font:700 12px var(--ui);color:var(--washi);background:#d8432e40;border:1px solid rgba(216,67,46,.6);padding:5px 9px;min-height:36px;cursor:pointer}.fgPot small{display:block;font-weight:500;font-size:10px;color:var(--washi2)}#fgX,#cxX,#mapX{width:40px;height:40px;font-size:18px;color:var(--washi);background:none;border:1px solid var(--line);cursor:pointer}.fgPanel{grid-row:3;margin:0 var(--sr) calc(var(--sb) + 12px) var(--sl);padding:4px 12px 12px;max-height:60vh;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;animation:fadeUp .35s var(--ease-out)}.fgPanel .tabs{margin:6px 0 8px}.seg{display:flex;gap:6px;margin-bottom:8px}.seg button{flex:1;min-height:36px;font:700 13px var(--ui);color:var(--mute);background:#efe4cc0d;border:1px solid rgba(217,180,90,.25);cursor:pointer}.seg button.on{color:var(--sumi);background:var(--kin);border-color:var(--kin-hi)}.fgBody{overflow-y:auto;min-height:0;display:grid;gap:10px;align-content:start;padding-right:2px}.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.gcard{position:relative;display:grid;justify-items:center;gap:4px;padding:10px 4px 8px;min-height:108px;background:linear-gradient(180deg,#322c348c,#141218bf);border:1px solid rgba(217,180,90,.28);color:var(--washi);font:700 12px var(--ui);cursor:pointer;transition:border-color .15s,transform .08s}.gcard .ico{width:44px;height:44px}.gcard.sel{border-color:var(--kin-hi);box-shadow:0 0 0 1px var(--kin),0 0 14px #d9b45a59}.gcard.dim{opacity:.6}.gcard:active{transform:scale(.97)}.gn{line-height:1.25;text-align:center}.gn small{display:block;font-weight:500;font-size:10.5px;color:var(--mute);margin-top:2px}.eq{position:absolute;top:4px;left:4px;font-size:9.5px;padding:1px 5px;background:var(--shu);color:#fff4e8}.lock{font-size:10px;color:var(--mute)}.bang{position:absolute;top:3px;right:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:900 12px var(--ui);color:var(--sumi);background:var(--kin-hi);box-shadow:0 0 10px var(--kin);animation:chip .7s ease-in-out infinite alternate}.pips{display:flex;gap:2.5px}.pips i{width:6px;height:6px;transform:rotate(45deg);border:1px solid rgba(217,180,90,.55);background:#00000059}.pips i.on{background:var(--kin);border-color:var(--kin-hi);box-shadow:0 0 4px #f4dc9499}.pips i.pop{animation:pipPop .6s var(--ease-out)}@keyframes pipPop{0%{transform:rotate(45deg) scale(2.6);background:#fff}to{transform:rotate(45deg) scale(1)}}.gdet{padding:10px 12px 12px;background:#efe4cc0a;border:1px solid rgba(217,180,90,.22)}.gdet.empty{color:var(--mute);font-size:12px;text-align:center}.gh{display:flex;gap:10px;align-items:center;margin-bottom:8px}.gh .ico{width:54px;height:54px}.gh b{display:block;font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:.06em;margin-bottom:3px}.gh small{display:block;color:var(--washi2);font-size:11.5px;margin-top:4px}.traits{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.trait{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 8px 2px 3px;background:#d9b45a1f;border:1px solid rgba(217,180,90,.3)}.trait .ico{width:18px;height:18px}.cmp{display:grid;gap:5px;margin:6px 0 8px}.cmp .row{display:grid;grid-template-columns:20px 30px 1fr 46px 42px;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums}.cmp .ico{width:18px;height:18px}.cmp .lb{color:var(--washi2)}.cmp .bar{position:relative;height:8px;background:#00000073;border:1px solid rgba(217,180,90,.2)}.cmp .bar i,.cmp .bar b{position:absolute;left:0;top:0;bottom:0}.cmp .bar b{background:linear-gradient(90deg,var(--shu-dk),var(--shu-hi))}.cmp .bar i{background:#efe4cc80;z-index:1;width:0;border-right:2px solid var(--washi);background:none}.cmp .v{text-align:right;font-weight:700}.cmp em{font-style:normal;font-weight:700;font-size:11px}.cmp em.up{color:var(--kusa)}.cmp em.dn{color:var(--shu-hi)}.lvup{font-family:var(--display);font-size:18px;color:var(--washi2);display:flex;align-items:center;gap:8px}.lvup b{color:var(--kin-hi);font-weight:400;font-size:22px}.lvup em{font-style:normal;font:700 11px var(--ui);color:var(--sumi);background:var(--kin);padding:2px 7px}.bill{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:4px}.bill li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:4px 6px;background:#00000040;border-left:2px solid var(--kusa)}.bill li.short{border-left-color:var(--shu)}.bill .ico{width:28px;height:28px}.bill .nm{font-size:12.5px;font-weight:700;line-height:1.25}.bill .nm small{display:block;font-weight:500;font-size:10.5px;color:var(--mute)}.bill b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--kusa)}.bill li.short b{color:var(--shu-hi)}.bill b small{font-size:11px;color:var(--washi2)}.need{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:8px;background:#00000040;margin:6px 0}.need b{color:var(--kin-hi)}.gact{display:flex;gap:8px;margin-top:4px}.gact .big{flex:1;min-height:46px;font:700 15px var(--ui);letter-spacing:.06em;color:var(--washi);background:#efe4cc0f;border:1px solid rgba(217,180,90,.4);cursor:pointer}.gact .big.pri{color:#fff7ec;background:linear-gradient(180deg,#e2563c,var(--shu) 55%,#b5321f);border-color:#ff9a76;box-shadow:0 4px 16px #d8432e59}.gact .big:disabled{opacity:.4;cursor:default}.tree{display:grid;gap:4px}.node{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;margin-left:calc(var(--d) * 22px);padding:4px 8px;text-align:left;color:var(--washi);font:700 13px var(--ui);background:#efe4cc0a;border:1px solid rgba(217,180,90,.22);cursor:pointer}.node:before{content:"";position:absolute;left:-14px;top:-6px;bottom:50%;width:12px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.node.d0:before{display:none}.node .ico{width:36px;height:36px}.node .gn{text-align:left}.node.locked{opacity:.5}.node.open{border-color:#f4dc948c}.node.sel{border-color:var(--kin-hi);box-shadow:0 0 0 1px var(--kin)}.node .bang{position:static;margin-left:auto}.fgTip{grid-row:2;align-self:center;justify-self:center;width:min(86vw,360px);padding:14px 16px;cursor:pointer;animation:fadeUp .35s var(--ease-out)}.fgTip b{font-family:var(--display);font-weight:400;font-size:16px;color:var(--kin-hi)}.fgTip p{margin:8px 0;font-size:13px;line-height:1.9}.fgTip small{color:var(--mute)}.pipdemo{display:inline-block;width:9px;height:9px;transform:rotate(45deg);background:var(--kin);margin:0 4px}.bangdemo{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--kin-hi);color:var(--sumi);font-weight:900;font-size:11px}.qcard{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;text-align:left}.qcard .slot{width:44px;height:44px}.qcard>span:nth-child(2){display:grid;min-width:0}.qcard .qt{display:block;font-weight:700;font-size:14px}.qcard .qa{display:block;font-size:11.5px;color:var(--washi2);font-weight:500;margin-top:2px}.qcard .qbar{display:block;height:6px;margin-top:6px;background:#00000073;border:1px solid rgba(217,180,90,.2)}.qcard .qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--kin),var(--kin-hi))}.rew{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--kin-hi)}.rew span{display:inline-flex;align-items:center;gap:2px}.rew .ico{width:18px;height:18px}.qstate{justify-self:end;grid-column:1 / -1;font-size:10.5px;font-weight:700;padding:1px 8px;margin-top:-2px}.qstate.offer{color:var(--sumi);background:var(--kin)}.qstate.active{color:var(--washi2);border:1px solid rgba(217,180,90,.35)}.qstate.ready{color:#fff4e8;background:var(--shu)}.acts button.active{opacity:.82}.acts button.ready{border-color:var(--kin-hi);box-shadow:0 0 12px #d9b45a59}.acts button.card{padding:8px 10px;flex:1 1 100%}.acts button.card.pri{background:linear-gradient(180deg,#d8432e73,#781e148c)}.acts button.card:before{display:none}.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}.mcell{position:relative;display:grid;justify-items:center;gap:2px;padding:6px 2px 4px;background:#efe4cc0a;border:1px solid rgba(217,180,90,.2);color:var(--washi);font:500 10px var(--ui);cursor:pointer;min-height:64px}.mcell .ico{width:34px;height:34px}.mcell b{position:absolute;right:3px;top:2px;font-size:11px;color:var(--kin-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.mcell span{line-height:1.2;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.mcell.sel{border-color:var(--kin-hi)}.minfo{margin-top:8px;padding:8px 10px;background:#0000004d;font-size:12px;line-height:1.7;display:flex;gap:10px;align-items:center}.minfo .ico{width:40px;height:40px}.minfo b{font-size:14px}.minfo small{display:block;color:var(--washi2)}.cslots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cslot{display:grid;justify-items:center;gap:3px;min-height:76px;padding:8px 4px;color:var(--washi);font:700 11px var(--ui);background:linear-gradient(180deg,#322c348c,#141218bf);border:1px solid rgba(217,180,90,.35);cursor:pointer}.cslot.empty{border-style:dashed;color:var(--mute)}.cslot:disabled{opacity:.5;cursor:default}.cslot .ico{width:38px;height:38px}.ccell b{left:3px;right:auto}.cdet{margin-top:10px;padding:10px 12px;border:1px solid;background:#efe4cc0a}.caff{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:4px}.caff li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;background:#00000040;font-size:13px;font-weight:700}.caff .mini,.cdet .mini{min-height:30px;padding:3px 12px;font:700 12px var(--ui);color:var(--washi);background:#a88ad840;border:1px solid rgba(168,138,216,.7);cursor:pointer}.caff .mini:disabled{opacity:.35}.rc{display:block;color:var(--mute);font-size:10.5px;margin-bottom:6px}.cdet .gact .big{font-size:13px;min-height:42px}.cover{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:0 16px}#title{background:linear-gradient(180deg,#0c0c12d1,#0c0c1226 30%,#0c0c121a 55%,#0c0c12e0)}.cover .in{display:grid;gap:18px;justify-items:center;padding:24px 0;max-width:460px}.cover .sub{font-size:13px;letter-spacing:.4em;color:var(--shu-hi);text-shadow:0 1px 6px #000}.logo{position:relative}.cover h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(54px,15vw,96px);letter-spacing:.14em;line-height:1.05;color:var(--washi);text-shadow:0 0 30px rgba(216,67,46,.55),0 4px 16px rgba(0,0,0,.7)}.cover h1.end{font-size:clamp(36px,10vw,62px)}.logo .seal{position:absolute;right:-14px;bottom:-12px;width:40px;height:40px;font-size:22px;transform:rotate(-8deg);opacity:0}body.ready #title h1{animation:brushIn 1.6s var(--ease-out) both}body.ready #title .seal{animation:stamp 1.2s 1.4s var(--ease-out) forwards;animation-name:sealIn}@keyframes brushIn{0%{clip-path:inset(0 100% 0 0);filter:blur(6px)}to{clip-path:inset(0 0 0 0);filter:none}}@keyframes sealIn{0%{opacity:0;transform:rotate(-24deg) scale(2.4)}40%{opacity:1;transform:rotate(-8deg) scale(.92)}to{opacity:1;transform:rotate(-8deg) scale(1)}}#title .menu,#title .help{opacity:0}#title .saveActs{display:flex;gap:8px;width:100%}#title .saveActs button{flex:1 1 0;min-height:36px;padding:5px 8px;font:700 11.5px var(--ui);letter-spacing:0;text-align:center;color:var(--washi2);background:#12141cad;border-color:#d9b45a40}#title .saveActs button:before{display:none}#title .saveActs button:hover:not(:disabled){color:var(--washi);border-color:var(--kin)}body.ready #title .menu{animation:fadeUp .8s 1.7s var(--ease-out) forwards}body.ready #title .help{animation:fadeUp .8s 2s var(--ease-out) forwards}body.ready .loading{display:none}.loading{font-size:12px;letter-spacing:.3em;color:var(--washi2);animation:chip .8s ease-in-out infinite alternate}.cover .help{font-size:12px;color:var(--washi2);line-height:1.95;max-width:420px}.cover details.help{background:#12141cb3;border:1px solid rgba(217,180,90,.3);padding:4px 14px;text-align:left}.cover details.help summary{cursor:pointer;text-align:center;color:var(--kin-hi);letter-spacing:.2em;padding:6px 0;list-style:none}.cover details.help summary:before{content:"◆ ";color:var(--shu)}.cover .help p{margin:6px 0}.cover .help b{color:var(--washi)}.cover .help .tip{color:var(--shu-hi)}.cover .help kbd{font:700 10.5px var(--ui);padding:1px 5px;border:1px solid rgba(239,228,204,.3);color:var(--washi)}.cover .help.plain{text-shadow:0 1px 6px #000}#death{background:radial-gradient(ellipse at 50% 45%,#5a0a088c,#0a0608eb 70%);animation:fadeIn .6s forwards;opacity:0}.brushText{color:var(--shu)!important;text-shadow:0 0 2px rgba(255,120,90,.5),0 0 30px rgba(216,67,46,.5)!important;animation:brushIn 1.4s var(--ease-out) both}#ending{background:radial-gradient(ellipse at 50% 110%,rgba(216,67,46,.35),transparent 60%),#0c0c12c7}#ending .seal{opacity:1}@media (prefers-reduced-motion: reduce){#toast div,#banner.go,#banner.go b,#bossCard.go,#areaName.go b span,#status span,#stamp.go b{animation-duration:.01s}#banner.go{animation:fadeOut .3s 2.3s forwards}#bossCard.go{animation:fadeOut .3s 2.1s forwards}#areaName.go b span{opacity:1}body.ready #title h1,body.ready #title .menu,body.ready #title .help,body.ready #title .seal{animation:fadeIn .01s forwards}.btn.on{scale:1}}.gfxRow{display:flex;gap:6px;flex-wrap:wrap}.gfxRow button{flex:1 1 64px;min-height:40px;font:700 14px var(--ui);color:var(--washi);background:#efe4cc0f;border:1px solid rgba(217,180,90,.35);cursor:pointer}.gfxRow button.on{background:#d8432e59;border-color:var(--shu-hi);color:#fff}.gfxNote{margin:8px 0 0;font-size:12px;opacity:.8}.rew span.short{color:#ff8a7a}.qcard .slot.crest{display:grid;place-items:center;font-family:var(--display);font-size:18px;color:var(--kin-hi)}.qcard .qa.next{opacity:.75;font-size:11px}.qcard .pips{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.qcard .pips i{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--kin)}.qcard .pips i.on{background:var(--kin-hi)}
