:root{--page:#c7cfe6;--page-dot:#b6c0dd;--win1:#2c40a3;--win2:#131c5c;--edge:#f4f5fb;--edge2:#7886cc;--shade:#070a24;--ink:#fff;--ink2:#b8c2f0;--gold:#ffd447;--red:#ff6b7a;--green:#8be39d;--me:#1f5a4a;--font:"DotGothic16", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#0d1130;--page-dot:#151a42}}:root[data-theme=dark]{--page:#0d1130;--page-dot:#151a42}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}*,:before,:after{box-sizing:border-box}body{height:100%;font-family:var(--font);color:var(--ink);background-color:var(--page);background-image:linear-gradient(45deg, var(--page-dot) 25%, transparent 25%, transparent 75%, var(--page-dot) 75%), linear-gradient(45deg, var(--page-dot) 25%, transparent 25%, transparent 75%, var(--page-dot) 75%);background-position:0 0,16px 16px;background-size:32px 32px;margin:0;font-size:15px;line-height:1.6}button,textarea{font-family:inherit;font-size:inherit}img.px,canvas{image-rendering:pixelated;image-rendering:crisp-edges}.win{background:linear-gradient(180deg, var(--win1), var(--win2));border:3px solid var(--edge);box-shadow:0 0 0 2px var(--shade), inset 0 0 0 2px var(--edge2), 4px 5px 0 2px #070a2459;border-radius:7px}.btn{color:var(--ink);border:2px solid var(--edge2);cursor:pointer;text-align:left;background:0 0;border-radius:4px;padding:5px 10px 5px 22px;position:relative}.btn:before{content:"▶";color:var(--gold);opacity:0;font-size:11px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.btn:hover:not(:disabled):before,.btn:focus-visible:before{opacity:1}.btn:hover:not(:disabled){border-color:var(--edge);background:#ffffff0f}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--gold);color:var(--gold)}.btn.warn{border-color:var(--red)}:focus-visible{outline:2px dashed var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important}}#title .sub{color:var(--ink2);margin:0 0 20px}.levels{gap:12px;display:grid}.lvcard{grid-template-columns:auto 1fr;align-items:center;gap:14px;width:100%;padding:12px 14px 12px 24px;display:grid}.lvcard .no{color:var(--gold);font-size:28px;line-height:1}.lvcard b{font-size:18px;font-weight:400;display:block}.lvcard span{color:var(--ink2);font-size:13px;display:block}.cast{flex-wrap:wrap;gap:12px;margin:0 0 18px;display:flex}.cast figure{text-align:center;width:80px;margin:0}.cast img{border:2px solid var(--edge2);background:#00000040;border-radius:4px;width:60px;height:60px;margin:0 auto 4px;display:block}.cast figcaption{font-size:13px;line-height:1.3}.cast small{color:var(--ink2);font-size:11px;display:block}#title p{max-width:64ch;margin:0 0 12px}#title .note{color:var(--ink2);font-size:13px}#title .row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.depts{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.depts .tab.on{border-color:var(--gold);color:var(--gold)}.lvcard:has(.best){grid-template-columns:auto 1fr auto}.lvcard .best{color:var(--gold);border:2px solid var(--edge2);border-radius:4px;padding:4px 8px;font-size:22px;line-height:1}#title{z-index:20;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 0;background:#0b0f2a;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed;inset:0;overflow:auto}#titleScene{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;z-index:0;position:fixed;inset:0}#title .crt{z-index:1;pointer-events:none;background:repeating-linear-gradient(#04061838 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#040618a6 100%);position:fixed;inset:0}#title>:where(:not(canvas,.crt)){z-index:2;position:relative}#sfxBtn{top:calc(10px + env(safe-area-inset-top,0px));z-index:3;background:#0a103cbf;padding:3px 10px 3px 20px;font-size:12px;position:fixed;right:12px}#sfxBtn[aria-pressed=false]{color:var(--ink2)}#title .logo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#070a24c7,#070a2480 60%,#0000);position:absolute;inset:-48px -72px}#title .logo{align-items:center;gap:clamp(14px,3vw,26px);margin-top:clamp(24px,9vh,96px);display:flex}#emblem{width:clamp(72px,14vw,112px);height:auto;image-rendering:pixelated;border:3px solid var(--edge);box-shadow:0 0 0 2px var(--shade), 4px 5px 0 2px #070a2473, 0 0 28px #ffd44740;border-radius:6px;animation:1.6s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(-3px)}}.wordmark{gap:6px;margin:0;font-weight:400;line-height:1;display:grid}.wordmark span>span{color:var(--gold);text-shadow:0 2px #c98a1a,0 4px #8a5a12,0 6px #1b1426,0 0 22px #ffd44759;animation:.7s cubic-bezier(.3,1.6,.5,1) both drop,5.5s step-end infinite glint;animation-delay:calc(var(--i) * 70ms), calc(1.6s + var(--i) * 60ms);display:inline-block}.wordmark .w1{letter-spacing:.04em;font-size:clamp(46px,12vw,104px)}.wordmark .w2{letter-spacing:.32em;font-size:clamp(18px,4.6vw,40px)}.wordmark .w2>span{color:#fff6d0;text-shadow:0 2px #8a5a12,0 4px #1b1426}@keyframes drop{0%{opacity:0;transform:translateY(-140%)}to{opacity:1;transform:none}}@keyframes glint{0%,92%,to{filter:none}94%{filter:brightness(1.8)saturate(.6)}}#title .tag{text-shadow:0 1px #070a24,0 0 6px #070a24;color:var(--ink2);letter-spacing:.08em;margin:12px 0 6px;font-size:clamp(13px,2.4vw,16px)}#titleEcg{width:232px;height:40px;image-rendering:pixelated;display:block}#pressStart{color:var(--gold);font-family:var(--font);letter-spacing:.14em;text-shadow:0 2px #1b1426;cursor:pointer;background:radial-gradient(closest-side,#070a24b3,#0000);border:none;justify-items:center;gap:6px;margin-top:clamp(16px,7vh,72px);padding:10px 24px;font-size:clamp(18px,3.6vw,24px);animation:1.1s step-end infinite blink;display:grid}#pressStart.go{animation:.1s step-end infinite blink}#pressStart small{letter-spacing:.4em;color:var(--ink);font-size:12px}@keyframes blink{50%{opacity:0}}#title>#titleWin{width:100%;max-width:780px;padding:22px 26px;display:none}#title[data-phase=menu] #titleWin{display:block}#title[data-phase=menu] #pressStart{display:none}#title[data-phase=menu] .logo{margin-top:4px}#title[data-phase=menu] #emblem{width:56px}#title[data-phase=menu] .wordmark .w1{font-size:clamp(32px,7vw,52px)}#title[data-phase=menu] .wordmark .w2{font-size:clamp(14px,2.8vw,20px)}#title[data-phase=menu] .tag,#title[data-phase=menu] #titleEcg{display:none}@keyframes winIn{0%{opacity:0;transform:translateY(24px)}}#title .btn:focus-visible:before,#title .btn:hover:not(:disabled):before{animation:.8s step-end infinite blink}#titleFoot{margin-top:auto;width:calc(100% + 32px);padding-bottom:env(safe-area-inset-bottom,0px);border-top:2px solid var(--gold);background:#070a24d1;margin-inline:-16px}#marquee{align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex;overflow:hidden}#marquee b{color:#1b1426;background:var(--gold);border-radius:3px;flex:none;padding:1px 8px;font-weight:400}#marquee .track{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}#marqueeText{white-space:pre;width:max-content;animation:ticker var(--dur,60s) linear infinite;display:flex}@keyframes ticker{to{transform:translate(-50%)}}#titleFoot .meta{color:var(--ink2);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:4px 12px 8px;font-size:11px;display:flex}#hiGrade{color:var(--gold)}#egg{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:4;align-items:flex-start;gap:12px;width:min(92vw,520px);padding:12px 16px;animation:.3s cubic-bezier(.2,.8,.2,1) both winIn;display:flex;position:fixed;transform:translate(-50%)}#egg[hidden]{display:none}#egg img{border:2px solid var(--edge2);background:#00000040;flex:none;width:56px;height:56px}#egg b{color:var(--gold);font-weight:400}#egg p{margin:2px 0 0}#title.egg .wordmark span>span{animation:.6s steps(6,end) infinite rainbow,.7s both drop}@keyframes rainbow{to{filter:hue-rotate(360deg)}}#title .rain{z-index:4;color:var(--gold);text-shadow:0 2px #1b1426;pointer-events:none;font-size:22px;animation:2s linear both rain;position:fixed;top:-24px}@keyframes rain{to{transform:translateY(110vh)rotate(1turn)}}@media (max-width:600px){#title .logo{text-align:center;flex-direction:column}#title[data-phase=menu] .logo{text-align:left;flex-direction:row}#titleEcg{margin:0 auto}#title>#titleWin{padding:16px}}@media (prefers-reduced-motion:reduce){#marqueeText{animation:none}}#turnstileBox{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;position:fixed;transform:translate(-50%)}#app[hidden]{display:none}#app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 390px;gap:10px;max-width:1400px;height:100%;margin:0 auto;padding:10px;display:grid}#stageWin{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-height:0;padding:8px;display:grid}#pad{grid-area:2/1}#bar{grid-area:3/1}#stage{background:#05071a;border-radius:3px;grid-area:1/1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}#cv{cursor:pointer;touch-action:manipulation;display:block}.hud{border:2px solid var(--edge);pointer-events:none;background:#0a103cdb;border-radius:4px;padding:3px 9px;font-size:13px;position:absolute}#hudClock{color:var(--gold);font-size:20px;line-height:1.3;top:8px;left:8px}#hudClock.warn{color:var(--red)}#hudVit{text-align:right;max-width:58%;line-height:1.45;top:8px;right:8px}#hudVit .t{color:var(--ink2);font-size:11px}#hint{white-space:nowrap;color:var(--ink2);bottom:8px;left:50%;transform:translate(-50%)}#hint b{color:var(--gold);font-weight:400}#toasts{pointer-events:none;flex-direction:column;gap:6px;width:min(92%,540px);display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--edge);background:#0a103cf0;border-radius:5px;align-items:flex-start;gap:8px;padding:6px 10px;font-size:14px;display:flex}.toast.alert{border-color:var(--red);background:#5a0a1ef0}.toast img{flex:none;width:32px;height:32px}.toast b{color:var(--gold);font-size:12px;font-weight:400;display:block}.toast.alert b{color:var(--red)}#bar{flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}#bar .note{color:var(--ink2);margin-right:auto;font-size:12px}#bar .btn{padding:3px 10px 3px 20px;font-size:13px}#side{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}#sideHead{border-bottom:2px solid var(--edge2);align-items:center;gap:10px;padding:10px 12px;display:flex}#sideHead .pics{gap:4px;display:flex}#sideHead img{border:2px solid var(--edge2);background:#00000040;border-radius:3px;width:46px;height:46px}#sideHead .pics.many img{width:30px;height:30px}#zwaits{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}#zwaits:empty{display:none}#sideHead .ttl{flex:1;min-width:0}#sideHead .ttl b{font-size:17px;font-weight:400;display:block}#sideHead .ttl span{color:var(--ink2);font-size:12px}#sideHead .btn{padding:3px 8px 3px 18px;font-size:12px}#log{flex-direction:column;flex:1;gap:9px;min-height:80px;padding:10px 12px;display:flex;overflow-y:auto}.msg{font-size:14px}.msg .who{color:var(--gold);font-size:11px}.msg .txt{white-space:pre-wrap;overflow-wrap:anywhere}.msg.me{background:var(--me);border:2px solid #5fc0a2;border-radius:5px;align-self:flex-end;max-width:90%;padding:4px 9px}.msg.me .who{color:#b8f3df}.msg.npc{border:2px solid var(--edge2);background:#050a3273;border-radius:5px;max-width:94%;padding:4px 9px}.msg.narr{color:var(--ink2)}.msg.narr .txt:before{content:"〔 "}.msg.narr .txt:after{content:" 〕"}.msg.alert{border:2px solid var(--red);background:#780a1e73;border-radius:5px;padding:4px 9px}.msg.alert .who{color:var(--red)}.msg.result{border:2px dashed var(--gold);background:#3c2d0059;border-radius:5px;padding:4px 9px}.msg .ch{color:var(--ink2)}.thinking .txt:after{content:"▼";color:var(--gold);margin-left:4px;animation:1s steps(2,end) infinite blink}#choices{border-top:2px solid var(--edge2);flex-wrap:wrap;gap:6px;max-height:42%;padding:8px 12px;display:flex;overflow-y:auto}#choices:empty{display:none}#choices .btn{padding:4px 9px 4px 20px;font-size:13px}#choices .sep{flex-basis:100%;height:0}#choices .lbl{color:var(--gold);flex-basis:100%;font-size:13px}#composer{border-top:2px solid var(--edge2);gap:8px;padding:8px 12px 12px;display:flex}#composer[hidden]{display:none}#input{resize:none;min-height:42px;max-height:120px;color:var(--ink);border:2px solid var(--edge2);background:#00000059;border-radius:4px;flex:1;padding:7px 9px;line-height:1.45}#input::placeholder{color:#8792c6}#banner{color:var(--red);border-bottom:2px solid var(--red);padding:6px 12px;font-size:12px;display:none}#banner.show{display:block}.doc{font-size:14px}.doc dt{color:var(--gold)}.doc dd{margin:0 0 6px}@media (max-width:900px){#app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px;padding:6px}#stageWin{padding:4px}#hint{display:none}#hudClock{font-size:15px;top:4px;left:4px}#hudVit{max-width:70%;font-size:11px;top:4px;right:4px}#toasts{width:96%;top:auto;bottom:4px}.toast{padding:3px 7px;font-size:12px}.toast:not(:last-child){display:none}.toast img{width:24px;height:24px}#bar .note{display:none}}#hudWaits{background:0 0;border:none;flex-direction:column;gap:4px;max-width:48%;padding:0;display:flex;top:48px;left:8px}.wait{border:2px solid var(--gold);color:#fff;background:#0a103ceb;border-radius:4px;padding:2px 8px;font-size:12px;line-height:1.4}.wait.u{border-color:var(--red);background:#5a0a1eeb}.wait .bar{background:#ffffff2e;border-radius:2px;height:4px;margin-top:3px;overflow:hidden}.wait .bar i{background:var(--gold);height:100%;display:block}.wait.u .bar i{background:var(--red)}#evBanner{pointer-events:none;z-index:8;background:#04061880;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#evBanner.show{animation:.28s ease-out evIn;display:flex}#evBanner .t{color:var(--gold);text-shadow:3px 3px #000;letter-spacing:.12em;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);background:#0a103ce0;padding:6px 30px;font-size:clamp(24px,5vw,44px)}#evBanner.red .t{color:#fff;border-color:var(--red);background:#960a1eeb}#evBanner .s{color:#fff;background:#0a103ce0;margin-top:8px;padding:2px 12px;font-size:14px}@keyframes evIn{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:none}}#stage.shake{animation:.32s steps(6,end) 2 shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-3px)}}#stage.cine:before,#stage.cine:after{content:"";z-index:6;background:#000;height:9%;position:absolute;left:0;right:0}#stage.cine:before{top:0}#stage.cine:after{bottom:0}#cineBox{z-index:7;align-items:flex-start;gap:10px;width:min(92%,620px);padding:10px 14px;font-size:15px;display:none;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}#cineBox.show{display:flex}#cineBox img{border:2px solid var(--edge2);background:#00000040;border-radius:3px;flex:none;width:48px;height:48px}#cineBox b{color:var(--gold);font-size:13px;font-weight:400;display:block}#pip{z-index:3;pointer-events:none;width:210px;padding:5px;display:none;position:absolute;bottom:8px;left:8px}#pip.show{display:block}#pip canvas{border:2px solid var(--edge2);border-radius:2px;width:100%;display:block}#pip .pt{margin-top:4px;font-size:12px;line-height:1.45}#pip .pt b{color:var(--gold);font-weight:400}#pip .eta{color:var(--ink2);font-size:11px;display:block}#zoom{z-index:9;flex-direction:column;grid-area:1/1;min-height:0;margin:2.5% 3%;padding:8px 10px;display:none;position:relative;overflow:hidden}#zoom.show{display:flex}#zoom .zh{align-items:center;gap:10px;margin-bottom:6px;display:flex}#zoom .zh b{font-size:16px;font-weight:400}#zoom .zh span{color:var(--ink2);flex:1;font-size:12px}#zoom .zh .btn{padding:3px 8px 3px 18px;font-size:12px}#zoom .zwrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#zc{cursor:pointer;border:2px solid var(--edge2);touch-action:none;background:#000;display:block}#zlabel{pointer-events:none;border:2px solid var(--gold);white-space:nowrap;background:#0a103cf0;padding:1px 8px;font-size:13px;display:none;position:absolute;transform:translate(-50%,-130%)}#zbar{flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;margin-top:6px;display:flex}#zbar .btn{touch-action:none;-webkit-user-select:none;user-select:none;padding:4px 9px 4px 20px;font-size:13px}#zbar .lbl{color:var(--gold);margin-right:4px;font-size:13px}#zbar .hint{color:var(--ink2);margin-left:auto;font-size:12px}@media (max-width:900px){#pip{width:120px;padding:3px}#pip .pt{font-size:10px}#pip .eta{font-size:9px}#hudWaits{max-width:60%;top:28px}.wait{padding:1px 5px;font-size:10px}#cineBox{padding:6px 8px;font-size:12px}#cineBox img{width:32px;height:32px}}#hudSpend{opacity:0;color:#fff;white-space:nowrap;font-size:13px;transition:opacity .25s;top:8px;left:8px;transform:translate(100%)}#hudSpend.show{opacity:1}#hudSpend b{color:var(--gold);font-weight:400}#hudSpend.idle b{color:var(--ink2)}.overlay{z-index:30;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#040618b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.overlay.show{display:flex}.overlay .win{width:100%;max-width:560px;max-height:100%;padding:20px 22px;overflow:auto}.overlay h3{margin:0 0 10px;font-size:20px;font-weight:400}#call .win{text-align:center;max-width:360px}#call img{width:96px;height:96px;margin:6px auto 10px;display:block}#call.show .win{animation:.5s steps(4,end) 6 ring}@keyframes ring{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-1deg)}75%{transform:translate(5px)rotate(1deg)}}#debrief .win{max-width:780px}#debrief .grade{color:var(--gold);float:right;margin:0 0 8px 16px;font-size:56px;line-height:1}#debrief .head{margin:0 0 14px;font-size:18px}#debrief .item{border-left:4px solid var(--edge2);margin:0 0 10px;padding:4px 0 4px 10px}#debrief .item.good{border-color:var(--green)}#debrief .item.partial{border-color:var(--gold)}#debrief .item.miss{border-color:var(--red)}#debrief .item b{font-weight:400;display:block}#debrief .item b span{color:var(--ink2);margin-left:8px;font-size:12px}#debrief .item p{color:var(--ink2);margin:2px 0 0;font-size:14px}#debrief h4{color:var(--gold);margin:16px 0 4px;font-weight:400}#debrief ol{margin:0;padding-left:22px}#debrief .facts{color:var(--ink2);border-top:2px dashed var(--edge2);margin-top:14px;padding-top:10px;font-size:13px}#endCard .win{text-align:center;max-width:460px}#endCard .code{color:var(--ink2);letter-spacing:.3em;font-size:16px}#endCard .nm{color:var(--gold);margin:4px 0 10px;font-size:clamp(28px,6vw,40px);line-height:1.2}#endCard p{color:var(--ink2);margin:0 0 16px}#endCard .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#help .win{max-width:1180px;padding:18px 20px}#help .hh{align-items:center;gap:12px;margin-bottom:10px;display:flex}#help .hh h3{flex:1;margin:0}#help .tabs{gap:6px;margin-bottom:10px;display:none}#help .tabs .btn{padding:4px 10px 4px 20px;font-size:13px}#help .tabs .btn.on{border-color:var(--gold);color:var(--gold)}.hgrid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:18px;display:grid}.hrules h4,.hmap h4{color:var(--gold);margin:0 0 6px;font-size:15px;font-weight:400}.hrules ul{margin:0 0 14px;padding-left:18px;font-size:14px}.hrules li{margin-bottom:4px}.hrules .k{text-align:center;border:2px solid var(--edge2);border-radius:3px;min-width:1.4em;margin-right:2px;padding:0 4px;font-size:12px;display:inline-block}.hrules table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:13px}.hrules td{vertical-align:top;border-bottom:1px dashed #b8c2f04d;padding:3px 4px}.hrules td:last-child{color:var(--gold);white-space:nowrap;text-align:right}.hmwrap{border:2px solid var(--edge2);background:#05071a;border-radius:3px;line-height:0;position:relative}#hmc{width:100%;height:auto;display:block}#hmsvg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#hmsvg text{font-family:var(--font)}.hlegend{grid-template-columns:1fr 1fr;gap:4px 14px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.hlegend li{align-items:baseline;gap:6px;display:flex}.hlegend .n{text-align:center;background:var(--gold);color:#1b1426;border-radius:3px;flex:none;min-width:20px;font-size:12px}.hlegend .n.red{background:var(--red);color:#fff}.hlegend span.d{color:var(--ink2)}.hfoot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.hfoot .note{color:var(--ink2);font-size:12px}@media (max-width:900px){#help .win{padding:12px}#help .tabs{display:flex}.hgrid{grid-template-columns:minmax(0,1fr)}.hgrid>section{display:none}.hgrid>section.on{display:block}.hlegend{grid-template-columns:1fr}}#pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 4px 0;display:none}#dpad{--cell:40px;width:calc(var(--cell) * 3);height:calc(var(--cell) * 3);touch-action:none;flex:none;position:relative}#dpad:before{content:"";left:var(--cell);top:var(--cell);width:var(--cell);height:var(--cell);background:var(--win2);position:absolute}#dpad i{width:var(--cell);height:var(--cell);color:var(--ink2);background:var(--win2);border:2px solid var(--edge2);box-shadow:0 0 0 2px var(--shade);justify-content:center;align-items:center;font-size:14px;font-style:normal;display:flex;position:absolute}#dpad .u{left:var(--cell);border-bottom:none;border-radius:6px 6px 0 0;top:0}#dpad .d{left:var(--cell);border-top:none;border-radius:0 0 6px 6px;bottom:0}#dpad .l{left:0;top:var(--cell);border-right:none;border-radius:6px 0 0 6px}#dpad .r{right:0;top:var(--cell);border-left:none;border-radius:0 6px 6px 0}#dpad .u:before{content:"▲"}#dpad .d:before{content:"▼"}#dpad .l:before{content:"◀"}#dpad .r:before{content:"▶"}#dpad[data-dir=up] .u,#dpad[data-dir=down] .d,#dpad[data-dir=left] .l,#dpad[data-dir=right] .r{background:var(--win1);color:var(--gold)}.pbtns{align-items:flex-end;gap:14px;display:flex}.pbtn{width:64px;height:64px;color:var(--ink);background:linear-gradient(180deg, var(--win1), var(--win2));border:3px solid var(--edge2);box-shadow:0 0 0 2px var(--shade), 3px 4px 0 #070a2466;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.pbtn small{text-overflow:ellipsis;white-space:nowrap;max-width:58px;color:var(--ink2);margin-top:3px;font-size:10px;overflow:hidden}.pbtn.on{box-shadow:0 0 0 2px var(--shade);transform:translate(2px,3px)}#padB{width:52px;height:52px;margin-bottom:22px;font-size:18px}#padA.ready{border-color:var(--gold);color:var(--gold)}#padA.ready small{color:var(--gold)}#stage.cam{justify-content:flex-start;align-items:flex-start}#stage.cam #cv{will-change:transform;flex:none}#edgeMarks{pointer-events:none;z-index:4;position:absolute;inset:0}.edge{border:2px solid var(--edge);white-space:nowrap;background:#0a103ce6;border-radius:4px;padding:1px 6px;font-size:12px;position:absolute;transform:translateY(-50%)}.edge.l{left:4px}.edge.r{right:4px}.edge.news{border-color:var(--red)}.edge.ask{border-color:var(--gold);color:var(--gold)}#drawerHandle{border:none;border-bottom:2px solid var(--edge2);width:100%;color:var(--ink2);touch-action:none;cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px;font-size:11px;display:none}#drawerHandle i{background:var(--edge2);border-radius:2px;width:40px;height:4px}#app{height:100%;height:100dvh}@media (hover:none) and (pointer:coarse){#pad{display:flex}#hint{display:none!important}}@media (max-width:900px){#stage{aspect-ratio:5/3;max-height:46dvh}#stageWin{grid-template-rows:auto auto auto}#zoom{grid-row:1/3;margin:0}.toast>div>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#bar{justify-content:center}}@media (max-width:900px) and (orientation:portrait){#app{height:auto;padding:6px 6px 0;display:block}#stage{aspect-ratio:auto;max-height:none}#side{z-index:15;height:var(--peek,40dvh);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;border-radius:10px 10px 0 0;transition:height .22s;position:fixed;bottom:0;left:6px;right:6px}#side.open{height:var(--sheet,66dvh);box-shadow:0 0 0 2px var(--shade), 0 -8px 28px #0406188c}#drawerHandle{display:flex}#zoom{grid-row:1;align-self:start}#zoom .zwrap{aspect-ratio:16/9;flex:none}#bar{flex-wrap:nowrap;gap:4px}#bar .btn{white-space:nowrap;text-align:center;flex:auto;padding:3px 4px 3px 14px;font-size:12px}#bar .btn:before{left:3px}#side:not(.open) #sideHead,#side:not(.open) #choices,#side:not(.open) #composer{display:none}}@media (max-width:900px) and (orientation:portrait) and (max-height:720px){#pad{padding-top:4px}#dpad{--cell:34px}.pbtn{width:54px;height:54px}#padB{width:44px;height:44px;margin-bottom:16px}}@media (orientation:landscape) and (max-height:540px){#app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(240px,36%);gap:4px;padding:4px}#stageWin{padding:4px;position:relative}#stage{aspect-ratio:auto;max-height:none}#pad{opacity:.78;pointer-events:none;z-index:10;padding:0;position:absolute;bottom:40px;left:10px;right:10px}#pad>*{pointer-events:auto}#stageWin:has(#zoom.show) #pad{display:none}#dpad{--cell:34px}.pbtn{width:54px;height:54px}#padB{width:44px;height:44px;margin-bottom:16px}#zoom{grid-row:1;margin:2%}#toasts{width:62%;top:40px;bottom:auto}#bar{padding-top:4px}#sideHead{padding:6px 10px}#sideHead img{width:34px;height:34px}}