*{box-sizing:border-box}html,body{color:#3a2a1a;-webkit-user-select:none;user-select:none;touch-action:none;background:#2f6f8f;height:100%;margin:0;font-family:Iowan Old Style,Songti TC,Noto Serif TC,Noto Serif CJK TC,serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button img{pointer-events:none;display:block}#game{filter:sepia(.12)saturate(.92)brightness(1.06);position:fixed;inset:0}#paper{pointer-events:none;mix-blend-mode:multiply;opacity:.35;background-size:100% 100%,256px;position:fixed;inset:0}.ic{vertical-align:middle;flex:none;width:18px;height:18px}.parch{isolation:isolate;position:relative}.parch:before{content:"";z-index:-1;border-radius:inherit;background-blend-mode:multiply;filter:url(#rough)drop-shadow(0 3px 3px #2a1a0a40);background:url(../art/paper.svg),radial-gradient(at 40% 35%,#ecdab0 35%,#d9bd85 80%,#b8925a 100%);border:1.5px solid #5e3f26;position:absolute;inset:0;box-shadow:inset 0 0 16px #8a5a2a88}.ib{place-items:center;width:48px;height:48px;display:grid;position:relative}.ib img{width:30px;height:30px}.ib.on:after{content:"";filter:url(#rough);border:2px solid #8e3322;border-radius:52% 48% 55% 45%/47% 55% 45% 53%;position:absolute;inset:2px}.ib:disabled,.ib.soon{opacity:.4}#top{padding:calc(env(safe-area-inset-top) + 8px) 10px 0;pointer-events:none;align-items:center;gap:6px;display:flex;position:fixed;top:0;left:0;right:0}#hud{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pill{border-radius:50%;align-self:flex-start;place-items:center;width:44px;height:44px;display:grid}.pill img{width:28px;height:28px}#gear{pointer-events:auto;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}#gear img{width:38px;height:38px}#bottom{pointer-events:none;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}#bottom>*{pointer-events:auto}#sheet{border-radius:16px 6px 18px 8px/8px 16px 6px 14px;align-self:center;width:calc(100% - 20px);max-width:560px;margin:0 10px;padding:10px;transform:rotate(-.4deg)}#sheet[hidden],.pane[hidden]{display:none}#sheet[data-pane=hall],#sheet[data-pane=quests],#sheet[data-pane=settings]{align-self:flex-start;max-width:280px}#sheet h4{margin:2px 0 6px;font-size:15px}.overview{font-size:15px;line-height:1.9}.overview .ic,#card .ic{width:16px;height:16px;margin-right:2px}.coin{border-bottom:1px dashed #8a6a48;margin-bottom:4px;padding-bottom:2px;font-size:17px}.coin .ic{width:20px!important;height:20px!important}.res{border-bottom:1px dashed #8a6a48;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:0 8px;margin-bottom:4px;display:grid}.res .full{color:#a33b28}.row{justify-content:center;gap:6px;display:flex}#nav{border-radius:10px 22px 12px 20px/20px 10px 22px 12px;align-self:center;gap:8px;padding:6px 14px;display:flex}#nav .ready:before{content:"";background:#a33b28;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #f4e6c8}#nav .home,body.visiting #nav button{display:none}body.visiting #nav .home{display:grid}.tabs{border-bottom:1px dashed #8a6a48;justify-content:space-around;padding-bottom:2px;display:flex}.tabs .ib{width:44px;height:40px}.tabs .ib img{width:26px;height:26px}.cards{scrollbar-width:none;gap:8px;margin-top:10px;padding:2px 2px 4px;display:flex;overflow-x:auto}#card:not([hidden])+#sheet{display:none}.bc{border-radius:8px 3px 9px 4px;flex-direction:column;flex:0 0 80px;align-items:center;padding:2px 4px 6px;display:flex}.bc:nth-child(odd){transform:rotate(.8deg)}.bc:nth-child(2n){transform:rotate(-.8deg)}.bc[hidden]{display:none}.bc.off{opacity:.55}.bc .pic{justify-content:center;align-items:flex-end;width:74px;height:64px;display:flex;overflow:hidden}.bc .pic img{flex:none;height:88px}.bc .cost{align-items:center;gap:4px;min-height:18px;font-size:12px;font-weight:700;display:flex}.bc .cost span,#card li span{align-items:center;display:inline-flex}.bc .cost .ic{width:14px;height:14px}#toast{left:50%;top:calc(env(safe-area-inset-top) + 68px);z-index:1;white-space:nowrap;pointer-events:none;border-radius:6px 12px 8px 14px;padding:8px 16px;font-size:15px;position:fixed;transform:translate(-50%)}#toast[hidden]{display:none}#card{border-radius:4px 10px 6px 12px;align-self:flex-start;width:calc(100% - 20px);max-width:300px;margin:0 10px;padding:10px 14px;font-size:14px;line-height:1.55;transform:rotate(.5deg)}#card[hidden]{display:none}#card h3{margin:0 28px 0 0;font-size:16px}#card .x{width:40px;height:40px;position:absolute;top:2px;right:2px}#card .x img{width:20px;height:20px}#card ul{margin:4px 0;padding:0;list-style:none}#card .no{color:#a33b28}#card .up,#card .open,[data-claim]{margin:4px auto 0}#frame,#tools,body.layout #bottom{display:none}body.layout #frame{pointer-events:none;filter:url(#rough-frame);border:26px solid #d6b77c;display:block;position:fixed;inset:-12px;box-shadow:inset 0 0 0 1.5px #5e3f26,inset 0 0 14px #6b4220aa}body.layout #tools{right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);gap:10px;display:flex;position:fixed}.seal{isolation:isolate;place-items:center;width:54px;height:54px;display:grid;position:relative}.seal:before{content:"";z-index:-1;filter:url(#rough)drop-shadow(0 2px 2px #2a1a0a66);background:radial-gradient(circle at 40% 35%,#c4523c,#8e2c1d 70%);border-radius:48% 52% 45% 55%/55% 45% 53% 47%;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #7a2416,inset 0 0 0 5px #c4523c88}.seal img{filter:brightness(0)invert(.94)sepia(.4);width:28px;height:28px}.seal.on:before{background:radial-gradient(circle at 40% 35%,#fbf1dc,#e3c995 75%);box-shadow:inset 0 0 0 4px #a33b28}.seal.on img{filter:none}#pop{pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:fixed;top:0;left:0}#pop[hidden]{display:none}#pop button{pointer-events:auto}#pop button[hidden]{display:none}#pop .ok:disabled:before{background:#8b8178;box-shadow:inset 0 0 0 4px #5d554e}[data-pane=quests] ul{margin:0 0 6px;padding-left:4px;font-size:14px;line-height:1.7;list-style:none}[data-pane=quests] li.no{color:#8a6a48}[data-pane=quests] .reward{align-items:center;gap:6px;font-size:14px;display:flex}[data-pane=quests] .ic{width:16px;height:16px}.manual{border-top:1px dashed #8a6a48;max-height:50vh;margin:6px 0 0;padding:6px 0 0;font-size:13px;line-height:1.5;list-style:none;overflow-y:auto}.manual li{align-items:center;gap:8px;padding:2px 0;display:flex}.manual .ic{width:22px;height:22px}@media (orientation:landscape){#bottom{padding-right:calc(env(safe-area-inset-right) + 84px)}#nav{right:calc(env(safe-area-inset-right) + 10px);bottom:calc(env(safe-area-inset-bottom) + 10px);flex-direction:column;padding:10px 6px;position:fixed}#sheet{align-self:flex-end;max-width:460px}}body.layout #tools{align-items:center}.views{border-radius:8px 16px 10px 14px/14px 8px 16px 10px;gap:2px;padding:3px 8px;display:flex}body[data-view=stash] #tools .paint,#stash{display:none}body.layout[data-view=stash] #stash{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 84px);border-radius:14px 6px 16px 8px/8px 14px 6px 12px;min-height:60px;margin:0;padding:8px;display:flex;position:fixed}#stash .empty{opacity:.5;margin:auto}#stash .empty .ic{width:40px;height:40px}#marks{display:none}body.layout[data-view=base] #marks{border-radius:10px 6px 12px 8px;flex-direction:column;padding:6px 3px;display:flex;position:fixed;top:50%;left:14px;transform:translateY(-50%)}