: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)}@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}#bGrb{right:84px;bottom:78px;width:52px;height:52px}#bGrb>span{font-size:16px}#bSki{right:28px;bottom:168px;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;gap:6px}.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}#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}.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}.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}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}}
