html[data-app=game]{--world:#12152a;--ink:#171b2c;--paper:#f2f3f7;--paper-2:#e4e6ee;--muted:#5d6278;--hud:#171b2ce0;--hud-ink:#f2f3f7;--gold:#f2c14e;--fire:#ff6a3d;--aqua:#56c7da;--neon:#c86bff;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){html[data-app=game]:not([data-theme=light]){--paper:#eceef4;--paper-2:#dcdfe9;--hud:#121524e6}}html[data-app=game][data-theme=dark]{--paper:#eceef4;--paper-2:#dcdfe9;--hud:#121524e6}html[data-app=game]{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}html[data-app=game] *,html[data-app=game] :before,html[data-app=game] :after{box-sizing:border-box}html[data-app=game] [hidden]{display:none!important}html[data-app=game] body{background:var(--world);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang TC,Microsoft JhengHei,sans-serif;overflow:hidden}html[data-app=game] button{font:inherit;color:inherit;cursor:pointer}html[data-app=game] button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}html[data-app=game] .px{letter-spacing:.02em;font-family:Silkscreen,Courier New,monospace}html[data-app=game] #game{image-rendering:pixelated;display:block;position:fixed;top:0;bottom:0;left:0;right:0}html[data-app=game] .hud{z-index:10;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 0;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}html[data-app=game] .brandmark{color:var(--hud-ink);text-shadow:2px 2px #000;font-size:12px;line-height:1.15}html[data-app=game] .brandmark span{display:block}html[data-app=game] .brandmark .dim{color:var(--gold)}html[data-app=game] .keys{background:var(--hud);color:var(--hud-ink);border:2px solid #2d3452;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:14px;display:flex;box-shadow:3px 3px #000}html[data-app=game] .keys .slots{gap:4px;display:flex}html[data-app=game] .keys .slots i{background:#2d3452;width:10px;height:10px;display:block}html[data-app=game] .keys .slots i.on{background:var(--gold);box-shadow:0 0 8px #f2c14ecc}html[data-app=game] .keys.pulse{animation:.7s pulse}@keyframes pulse{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}html[data-app=game] .toasts{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 62px);z-index:40;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}html[data-app=game] .toast{background:var(--ink);color:var(--paper);text-align:center;border:2px solid #394066;max-width:420px;padding:10px 16px;font-size:15px;font-weight:700;animation:.32s cubic-bezier(.2,.9,.3,1.3) tin;box-shadow:4px 4px #000}html[data-app=game] .toast b{color:var(--gold);margin-left:6px}html[data-app=game] .toast.gold{background:var(--gold);color:var(--ink);border-color:var(--ink)}html[data-app=game] .toast.gold b{color:var(--ink)}html[data-app=game] .toast.hq{border-color:var(--gold);color:#ffe7a8;background:#1f2540}html[data-app=game] .toast.out{animation:.3s forwards tout}@keyframes tin{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes tout{to{opacity:0;transform:translateY(-10px)}}html[data-app=game] .joy-zone{z-index:11;touch-action:none;width:55vw;height:48vh;position:fixed;bottom:0;left:0}html[data-app=game] .joy{left:26px;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);background:#12152a8c;border:2px solid #f2f3f738;border-radius:50%;width:116px;height:116px;position:absolute}html[data-app=game] .joy:after{content:"";border:2px dashed #f2f3f71f;border-radius:50%;position:absolute;top:18px;bottom:18px;left:18px;right:18px}html[data-app=game] .knob{background:#f2f3f7eb;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #00000059}html[data-app=game] .kb-hint{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:11;color:#f2f3f7b3;background:var(--hud);border:2px solid #2d3452;padding:6px 10px;font-size:13px;position:fixed}html[data-app=game] .kb-hint kbd{color:var(--gold);font-family:Silkscreen,monospace;font-size:12px}html[data-app=game] .act-btn{right:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 32px);z-index:12;background:var(--gold);min-width:92px;height:92px;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:0 16px;font-size:20px;font-weight:900;animation:.22s cubic-bezier(.2,.9,.3,1.4) pop;position:fixed}html[data-app=game] .act-btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}html[data-app=game] .act-btn small{opacity:.7;margin-top:2px;font-family:Silkscreen,monospace;font-size:10px;font-weight:400;display:block}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}html[data-app=game] .hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 160px);z-index:12;background:var(--hud);color:var(--hud-ink);white-space:nowrap;border:2px solid #4a5277;padding:8px 14px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}@media (pointer:fine){html[data-app=game] .hint{bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}}html[data-app=game] .screen{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);background:radial-gradient(at 50% 42%,#12152a59,#0c0e1ceb 70%);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}html[data-app=game] .start-inner,html[data-app=game] .select-inner{text-align:center;color:var(--paper);width:100%;max-width:560px}html[data-app=game] .title{color:var(--paper);text-shadow:5px 5px #000;margin:0;font-family:Silkscreen,monospace;font-size:clamp(44px,13vw,86px);font-weight:700;line-height:.95}html[data-app=game] .title .w{color:var(--gold);display:block}html[data-app=game] .lead{color:#f2f3f7d1;margin:22px 0 34px;font-size:17px;font-weight:500}html[data-app=game] .btn{border:3px solid var(--ink);background:var(--gold);color:var(--ink);padding:14px 30px;font-size:18px;font-weight:900;box-shadow:5px 5px #000}html[data-app=game] .btn:active{transform:translate(3px,3px);box-shadow:2px 2px #000}html[data-app=game] .link{color:#f2f3f78c;text-underline-offset:3px;background:0 0;border:none;margin:20px auto 0;font-size:14px;text-decoration:underline;display:block}html[data-app=game] .brandline{color:#f2f3f773;margin-top:40px;font-size:13px}html[data-app=game] .select-inner h2{margin:0 0 26px;font-size:22px;font-weight:900}html[data-app=game] .genders{justify-content:center;gap:18px;display:flex}html[data-app=game] .gcard{background:var(--paper);width:148px;color:var(--ink);border:3px solid var(--ink);flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;font-size:18px;font-weight:900;display:flex;box-shadow:5px 5px #000}html[data-app=game] .gcard canvas{width:72px;height:96px;image-rendering:pixelated}html[data-app=game] .gcard:hover{transform:translateY(-3px)}html[data-app=game] .gcard:active{transform:translate(3px,3px);box-shadow:2px 2px #000}html[data-app=game] .sheet-wrap{z-index:30;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}html[data-app=game] .backdrop{background:#080a1661;position:absolute;top:0;bottom:0;left:0;right:0}html[data-app=game] .sheet{-webkit-overflow-scrolling:touch;background:var(--paper);width:100%;max-width:520px;max-height:min(80vh,700px);color:var(--ink);border:3px solid var(--ink);padding:0 18px calc(env(safe-area-inset-bottom,0px) + 22px);touch-action:pan-y;-webkit-user-select:text;user-select:text;border-bottom:0;animation:.3s cubic-bezier(.2,.9,.3,1.15) up;position:relative;overflow:auto}@media (min-width:720px){html[data-app=game] .sheet-wrap{align-items:center}html[data-app=game] .sheet{border-bottom:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding-bottom:24px}}@keyframes up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}html[data-app=game] .accent{height:6px;margin:0 -18px 16px}html[data-app=game] .sh-head{align-items:center;gap:12px;display:flex}html[data-app=game] .sh-ico{border:3px solid var(--ink);flex:none;place-items:center;width:52px;height:52px;font-size:28px;display:grid}html[data-app=game] .sh-title{flex:1;min-width:0}html[data-app=game] .sh-title h2{margin:0;font-size:21px;font-weight:900;line-height:1.25}html[data-app=game] .sh-title p{color:var(--muted);margin:3px 0 0;font-size:14px}html[data-app=game] .x{border:2px solid var(--ink);background:var(--paper);flex:none;width:40px;height:40px;font-size:18px;font-weight:700}html[data-app=game] .keystat{background:var(--paper-2);border-left:4px solid var(--ink);margin:16px 0 4px;padding:9px 12px;font-size:14px;font-weight:700}html[data-app=game] .keystat.got{background:#fff3cf;border-left-color:#c9951c}html[data-app=game] .cats{flex-direction:column;gap:10px;margin-top:12px;display:flex}html[data-app=game] .cat{text-align:left;border:2px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);background:#fff;align-items:center;gap:12px;padding:15px 14px;font-size:17px;font-weight:700;display:flex}html[data-app=game] .cat:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}html[data-app=game] .cat .ci{text-align:center;width:26px;font-size:20px}html[data-app=game] .cat .ct{flex:1}html[data-app=game] .cat .seen{color:var(--muted);font-size:12px;font-weight:500}html[data-app=game] .cat .arr{font-size:22px;line-height:1}html[data-app=game] .dt-top{justify-content:space-between;align-items:center;display:flex}html[data-app=game] .back{border:2px solid var(--ink);background:var(--paper);padding:8px 14px;font-size:15px;font-weight:700}html[data-app=game] .keyget{background:var(--gold);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:12px;margin:16px 0 0;padding:12px 14px;animation:.6s cubic-bezier(.2,.9,.3,1.5) kg;display:flex}html[data-app=game] .keyget .kg-ico{font-size:30px;animation:1s spin}html[data-app=game] .keyget b{font-size:16px;display:block}html[data-app=game] .keyget span{font-size:14px;font-weight:700}@keyframes kg{0%{opacity:0;transform:scale(.7)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(-40deg)scale(.5)}to{transform:none}}html[data-app=game] .dt-eyebrow{color:var(--muted);margin:18px 0 2px;font-size:13px;font-weight:700}html[data-app=game] .sheet h3{margin:0 0 14px;font-size:24px;font-weight:900;line-height:1.3}html[data-app=game] .media{aspect-ratio:16/9;border:2px solid var(--ink);place-items:center;margin-bottom:16px;display:grid;position:relative;overflow:hidden}html[data-app=game] .media img{object-fit:cover;width:100%;height:100%}html[data-app=game] .media .ph{font-size:44px;position:relative}html[data-app=game] .media .ph-note{color:#171b2c99;font-size:11px;font-weight:700;position:absolute;bottom:6px;right:8px}html[data-app=game] .body p{max-width:38em;margin:0 0 12px;font-size:16px;line-height:1.8}html[data-app=game] .meta{border-top:2px solid var(--ink);grid-template-columns:auto 1fr;margin:4px 0 14px;display:grid}html[data-app=game] .meta dt,html[data-app=game] .meta dd{border-bottom:1px solid #c8cbd8;margin:0;padding:10px 0;font-size:15px}html[data-app=game] .meta dt{color:var(--muted);padding-right:18px;font-weight:700}html[data-app=game] .chips{flex-wrap:wrap;gap:8px;margin:4px 0 16px;display:flex}html[data-app=game] .chips span{border:2px solid var(--ink);background:#fff;padding:6px 11px;font-size:14px;font-weight:700}html[data-app=game] .ctas{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}html[data-app=game] .cta{border:3px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px 18px;font-size:15px;font-weight:900;box-shadow:4px 4px #171b2c4d}html[data-app=game] .cta.alt{color:var(--ink);background:#fff}html[data-app=game] .cta:active{transform:translate(2px,2px)}@media (prefers-reduced-motion:reduce){html[data-app=game] *{animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-app=game]{overscroll-behavior:none}html[data-app=game] .sheet{overscroll-behavior:contain}html[data-app=game] .body strong{font-weight:900}html[data-app=game] .body a{color:inherit;text-underline-offset:3px;font-weight:700;text-decoration:underline}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang TC,Microsoft JhengHei,sans-serif}
