:root{--gold:#f2c14e;--gold2:#c9922a;--ink:#0b1424;--paper:#fbf7ee;--teal:#2e8b8b;--rose:#e05a6a;--ui:"Noto Sans TC","PingFang HK","Microsoft JhengHei",system-ui,sans-serif;--disp:"Noto Serif TC","Songti TC",serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#fff;font-family:var(--ui);touch-action:none;user-select:none;-webkit-user-select:none}#gl{position:fixed;inset:0;width:100%;height:100%;display:block}.en{display:none}html[data-lang=en] .en{display:inline}html[data-lang=en] .zh{display:none}button{font-family:var(--ui)}.screen{position:fixed;inset:0;display:none;z-index:40}.screen.on{display:block}#loader{background:radial-gradient(ellipse at 60% 30%,#2a4a7a,#0b1424 70%)}.ld-brand{position:absolute;left:6vw;top:22vh}.ld-brand b,.tt-logo b{display:block;white-space:nowrap;font-family:var(--disp);font-size:clamp(34px,5.6vw,72px);letter-spacing:.06em;background:linear-gradient(180deg,#fff6d8,#f2c14e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 30px rgba(242,193,78,.25)}.ld-brand span,.tt-logo span{display:block;letter-spacing:.32em;font-size:clamp(10px,1.3vw,14px);opacity:.75;margin-top:6px}.ld-brand i,.tt-logo i{display:block;font-style:normal;font-size:clamp(12px,1.5vw,16px);margin-top:10px;color:#ffe9b0}.ld-bottom{position:absolute;left:6vw;right:6vw;bottom:7vh}.ld-tip{font-size:clamp(13px,1.6vw,16px);opacity:.92;margin-bottom:14px;min-height:2.6em;max-width:760px;line-height:1.5}.ld-tip b{color:var(--gold)}.ld-bar{height:4px;background:#ffffff26;border-radius:4px;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f2c14e,#fff3c4);transition:width .3s}.ld-phase{margin-top:8px;font-size:12px;letter-spacing:.2em;opacity:.7}#title{background:linear-gradient(90deg,#060c18db,#060c1859 45%,#060c1800 70%)}.tt-left{position:absolute;left:6vw;top:8vh;bottom:9vh;display:flex;flex-direction:column;justify-content:center;gap:8px;width:min(440px,80vw)}.tt-logo{margin-bottom:14px}.tt-btn{appearance:none;border:0;text-align:left;padding:10px 18px;border-radius:10px;background:#ffffff14;color:#fff;font-size:17px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.tt-btn:hover,.tt-btn:focus{background:#ffffff29;border-left-color:var(--gold);outline:none}.tt-btn.main{background:linear-gradient(90deg,#fff3d0,#f2c14e);color:#3a2600;font-size:20px}.tt-top{position:absolute;right:20px;top:16px;display:flex;gap:8px}.tt-top button{border:1px solid rgba(255,255,255,.35);background:#00000040;color:#fff;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.tt-foot{position:absolute;left:6vw;bottom:4vh;font-size:12px;opacity:.6}#hud{position:fixed;inset:0;pointer-events:none;z-index:20;display:none}#hud.on{display:block}.hud-obj{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);background:#080e1ab8;border:1px solid rgba(242,193,78,.5);padding:8px 18px;border-radius:99px;font-size:15px;font-weight:700;letter-spacing:.04em;white-space:nowrap;opacity:0;transition:opacity .4s}.hud-obj.on{opacity:1}.hud-obj b{color:var(--gold);margin-right:6px}.hud-tr{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-peace{width:120px;height:10px;border-radius:9px;background:#ffffff2e;overflow:hidden;box-shadow:0 0 0 1px #ffffff40}.hud-peace i{display:block;height:100%;width:70%;background:linear-gradient(90deg,#9fd8ff,#fff3c4);transition:width .5s}#hudScroll{font-weight:800;font-size:14px;text-shadow:0 1px 4px #000}#hudPause{border:0;background:#080e1a99;color:#fff;width:38px;height:38px;border-radius:50%;font-size:13px;cursor:pointer}#minimap{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 3px #ffffff59,0 6px 18px #0006}#bubbles{position:fixed;inset:0;pointer-events:none;z-index:25}.bub{position:absolute;transform:translate(-50%,-100%);max-width:min(340px,70vw);background:#fff;color:#1b2333;border-radius:16px;padding:8px 14px;font-size:clamp(14px,1.8vw,18px);font-weight:700;line-height:1.4;box-shadow:0 8px 22px #00000059;border:3px solid var(--c,#2e8b8b);animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.bub small{display:block;font-size:.72em;color:var(--c,#2e8b8b);letter-spacing:.06em}.bub:after{content:"";position:absolute;left:50%;bottom:-12px;margin-left:-9px;border:9px solid transparent;border-top-color:var(--c,#2e8b8b);border-bottom:0}.bub.think{border-style:dashed;background:#f4f7ff}.bub.dark{background:#1b1430;color:#d9c8ff;border-color:#6b4fb0}@keyframes pop{0%{transform:translate(-50%,-80%) scale(.6);opacity:0}}#prompt{position:fixed;left:50%;bottom:22vh;transform:translate(-50%);z-index:30;display:none;text-align:center;pointer-events:none}#prompt.on{display:block}#prompt .pr{display:inline-flex;align-items:center;gap:10px;background:#080e1acc;border:2px solid var(--gold);border-radius:99px;padding:10px 20px;font-size:clamp(16px,2.2vw,22px);font-weight:800;animation:pulse 1.2s infinite}#prompt kbd{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:8px;background:#fff;color:#111;font-family:var(--ui);font-weight:900;box-shadow:0 3px #999}@keyframes pulse{50%{box-shadow:0 0 0 10px #f2c14e2e}}.holdring{position:fixed;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;z-index:31;pointer-events:none;display:none}.holdring.on{display:block}#choices{position:fixed;left:50%;bottom:8vh;transform:translate(-50%);z-index:32;display:none;gap:12px;flex-wrap:wrap;justify-content:center;width:min(820px,94vw)}#choices.on{display:flex}#choices button{flex:1 1 200px;min-height:64px;border:0;border-radius:16px;background:#fffffff2;color:#1b2333;font-size:clamp(15px,2vw,19px);font-weight:800;padding:12px 16px;cursor:pointer;box-shadow:0 8px 20px #00000059;transition:transform .15s}#choices button:hover{transform:translateY(-3px)}#choices button .ic{font-size:1.4em;margin-right:6px}#choices button.good{background:linear-gradient(135deg,#fff6d8,#f2c14e)}#choices button.bad{background:#ffd8dd}#card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);z-index:35;width:min(560px,90vw);background:linear-gradient(160deg,#fffaf0,#f8ecd0);color:#2a2010;border-radius:20px;padding:22px 24px;box-shadow:0 20px 60px #00000080;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.34,1.56,.64,1)}#card.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#card .ref{font-size:13px;letter-spacing:.12em;color:#a86b1f;font-weight:800}#card .key{font-family:var(--disp);font-size:clamp(22px,3.4vw,32px);font-weight:800;line-height:1.35;margin:8px 0}#card .full{font-size:14px;line-height:1.6;color:#5b4a2a;display:none;margin-top:6px}#card.more .full{display:block}#card .row{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}#card button{border:0;border-radius:99px;padding:9px 18px;font-weight:800;font-size:14px;cursor:pointer;background:#2a2010;color:#fff}#card button.ghost{background:transparent;color:#7a5a20;border:1.5px solid #c9a35a}#letterbox i{position:fixed;left:0;right:0;height:0;background:#000;z-index:28;transition:height .6s ease}#letterbox i:first-child{top:0}#letterbox i:last-child{bottom:0}#letterbox.on i{height:9vh}#caption{position:fixed;left:6vw;bottom:13vh;z-index:29;font-family:var(--disp);font-size:clamp(18px,3vw,30px);letter-spacing:.08em;text-shadow:0 2px 12px #000;opacity:0;transition:opacity .8s}#caption.on{opacity:1}#caption small{display:block;font-family:var(--ui);font-size:.5em;letter-spacing:.3em;opacity:.8}#fade{position:fixed;inset:0;background:#000;z-index:60;opacity:0;pointer-events:none;transition:opacity .7s}#fade.on{opacity:1}#fade.white{background:#fff8e6}#skip{position:fixed;right:20px;bottom:calc(9vh + 14px);z-index:61;display:none;border:1px solid rgba(255,255,255,.5);background:#0006;padding:6px 14px;border-radius:99px;font-size:13px;cursor:pointer}#skip.on{display:block}#touch{position:fixed;inset:0;z-index:22;pointer-events:none;display:none}#touch.on{display:block}#stick{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:130px;height:130px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.3);pointer-events:auto}#stick i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffff8c}#btnAct,#btnRun{position:absolute;right:max(28px,env(safe-area-inset-right));border:0;border-radius:50%;pointer-events:auto;color:#fff;font-size:26px}#btnAct{bottom:max(36px,env(safe-area-inset-bottom));width:84px;height:84px;background:#f2c14ed9}#btnRun{bottom:max(136px,calc(env(safe-area-inset-bottom) + 108px));width:58px;height:58px;background:#ffffff38}#panel{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:#04081099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#panel.on{display:flex}.pn{width:min(560px,92vw);max-height:86vh;overflow:auto;background:#0e1422f5;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px}.pn h2{margin:0 0 12px;font-family:var(--disp);color:var(--gold)}.pn button.it{display:block;width:100%;text-align:left;border:0;background:#ffffff12;color:#fff;border-radius:10px;padding:12px 14px;margin:6px 0;font-size:16px;font-weight:700;cursor:pointer}.pn button.it:hover{background:#ffffff24}.pn label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:15px}.pn input[type=range]{flex:1}.pn p,.pn li{font-size:14px;line-height:1.6;opacity:.9}.pn .badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}.pn .badge{background:#ffffff12;border-radius:14px;padding:12px;text-align:center}.pn .badge b{display:block;font-size:30px}.pn .badge.got{background:linear-gradient(135deg,#f2c14e59,#f2c14e1a);box-shadow:0 0 0 1px var(--gold)}.pn .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pn .row button{flex:1;border:0;border-radius:12px;padding:12px;font-weight:800;font-size:15px;cursor:pointer;background:var(--gold);color:#2a1e00}.pn .row button.sec{background:#ffffff1f;color:#fff}.charpick{display:flex;gap:12px}.charpick button{flex:1;border:2px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;border-radius:14px;padding:16px;font-size:16px;font-weight:800;cursor:pointer}.charpick button.on{border-color:var(--gold);background:#f2c14e26}.charpick button:disabled{opacity:.4}#mg{position:fixed;inset:0;z-index:33;pointer-events:none}.bars{position:fixed;left:50%;top:15vh;transform:translate(-50%);width:min(560px,86vw);display:none}.bars.on{display:block}.bars .row{display:flex;align-items:center;gap:10px;margin:8px 0;font-weight:800;font-size:15px;text-shadow:0 1px 4px #000}.bars .row span{width:90px;text-align:right}.bars .track{flex:1;height:16px;border-radius:9px;background:#ffffff2e;overflow:hidden}.bars .track b{display:block;height:100%;width:0;transition:width .12s}.bars .me b{background:linear-gradient(90deg,#9fd8ff,#fff)}.bars .rv b{background:linear-gradient(90deg,#3a2a5a,#8a6ad8)}.flash{position:fixed;inset:0;z-index:34;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,240,200,.6),transparent 60%);opacity:0;transition:opacity .25s}.flash.on{opacity:1}.reticle{position:fixed;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:3px solid rgba(255,243,196,.95);box-shadow:0 0 20px #ffdc8ccc,inset 0 0 14px #ffdc8c99;z-index:33;pointer-events:none;display:none}.reticle.on{display:block}.poster{position:fixed;z-index:33;transform:translate(-50%,-50%);background:#ffe9a8;color:#5a1d00;border:3px solid #b8741a;border-radius:10px;padding:10px 14px;font-weight:900;font-size:clamp(14px,2vw,20px);cursor:pointer;pointer-events:auto;box-shadow:0 8px 24px #0006;animation:pop .4s}.poster small{display:block;font-size:.6em;font-weight:700}.rotate{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;flex-direction:column;background:#0b1424;font-size:18px;text-align:center;padding:30px}@media(orientation:portrait)and (max-width:700px){.rotate.req{display:flex}}#panel .pn{max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-height:500px){.tt-left{top:4vh;bottom:auto;gap:5px;justify-content:flex-start}.tt-logo{margin-bottom:4px}.tt-logo b{font-size:30px}.tt-logo span{margin-top:2px}.tt-logo i{margin-top:4px;font-size:11px}.tt-btn{padding:6px 14px;font-size:14px}.tt-btn.main{font-size:16px}.tt-foot{display:none}.pn .badges{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.pn h2{font-size:17px}}.sg{position:fixed;inset:0;z-index:30;pointer-events:none;display:flex;align-items:center;justify-content:center}.sg-ring{position:absolute;width:min(22vw,22vh);height:min(22vw,22vh);border-radius:50%;border:4px solid rgba(255,226,150,.9);box-shadow:0 0 40px #ffd2788c,inset 0 0 30px #ffd27859}.sg-ring:after{content:"🛡️";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:min(9vw,9vh);opacity:.85}.sg-tip{position:absolute;top:18%;background:#0a0e1acc;color:#ffe9b0;padding:8px 14px;border-radius:99px;font-weight:700;font-size:14px}.sg-arrow{position:absolute;font-size:min(8vw,8vh);filter:drop-shadow(0 0 12px rgba(255,120,40,.9));transition:opacity .3s}.sg-arrow.hit{opacity:0;filter:drop-shadow(0 0 30px #fff3c0)}.sg-arrow.miss{opacity:0}.phone{position:fixed;right:max(4vw,16px);top:50%;transform:translateY(-50%);z-index:28;width:min(260px,42vw);height:min(470px,78vh);background:#0d1220;border-radius:30px;border:3px solid #2a3350;box-shadow:0 20px 60px #0009;overflow:hidden;color:#fff}.ph-notch{width:40%;height:20px;background:#000;border-radius:0 0 14px 14px;margin:0 auto}.ph-body{padding:14px 12px;display:flex;flex-direction:column;gap:10px;font-size:14px}.ph-post{background:#1b2338;border-radius:14px;padding:14px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.ph-post b{color:#ff8fa8}.ph-post.mine{border:1px solid #ff8fa8}.ph-clock{font-size:46px;font-weight:800;text-align:center;color:#ff6a6a;margin:20px 0 6px}.ph-chat{background:#26324f;border-radius:14px 14px 14px 4px;padding:12px;line-height:1.5}.ph-chat b{display:block;color:#ffb3c6;font-size:12px;margin-bottom:4px}.btnlink{display:inline-block;margin:4px 6px 4px 0;padding:10px 14px;border-radius:12px;background:#25d366;color:#04210f;font-weight:800;text-decoration:none;font-size:14px}.btnlink+.btnlink{background:#ffffff1f;color:#fff}#gate{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#14223cf5,#040810fa);padding:16px;overflow:auto}#gate.on{display:flex}.gate-card{width:min(560px,94vw);max-height:92vh;overflow:auto;background:#0e1422f7;border:1px solid rgba(232,200,114,.35);border-radius:20px;padding:24px;color:#fff;box-shadow:0 20px 60px #00000080}.gate-card h2{margin:0 0 12px;color:#e8c872;font-size:22px}.gate-brand{font-size:34px;font-weight:900;color:#ffe7a3;line-height:1.1}.gate-brand small{display:block;font-size:12px;letter-spacing:.3em;color:#bfd9f2;margin-top:6px}.gate-badge{display:inline-block;margin:12px 0 6px;padding:5px 12px;border-radius:99px;background:#e8c872;color:#1b1405;font-weight:800;font-size:13px}.gate-note{font-size:14px;line-height:1.6;opacity:.9}.gate-err{color:#ffb4b4;font-weight:700;font-size:14px}.gate-lbl{display:block;margin:14px 0 6px;font-weight:700;font-size:14px}.gate-row{display:flex;gap:8px}.gate-row input,.gate-card input[type=password]{flex:1;width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#0b1220;color:#fff;font-size:20px;letter-spacing:.15em;text-transform:uppercase}.gate-card button{padding:11px 16px;border-radius:12px;border:0;background:#ffffff1f;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.gate-card button.primary{background:linear-gradient(90deg,#fff3d0,#f2c14e);color:#3a2600}.gate-card button:disabled{opacity:.5}.gate-or{text-align:center;opacity:.6;margin:14px 0 8px;font-size:13px}.gate-teacher{width:100%}.gate-link{display:block;margin:12px auto 0;background:none!important;text-decoration:underline;font-weight:600!important;opacity:.8;font-size:13px!important}.gate-terms{max-height:46vh;overflow:auto;background:#ffffff0d;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.6}.gate-terms.short{max-height:none;margin:12px 0}.gate-terms h4{margin:10px 0 4px;color:#ffe7a3;font-size:14px}.gate-terms p{margin:0 0 6px;opacity:.9}.gate-check{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-size:13.5px;line-height:1.5}.gate-check input{margin-top:3px;width:18px;height:18px;flex:none}.gate-code{font-size:64px;font-weight:900;letter-spacing:.2em;text-align:center;color:#ffe7a3;margin:6px 0}.gate-qr{display:block;margin:6px auto;border-radius:12px;background:#fff;padding:8px;width:180px;height:180px}.gate-list{padding-left:20px;line-height:1.7;font-size:14px}.gate-card .row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.gate-card .seg{display:flex;gap:6px;flex-wrap:wrap}.gate-card .seg button.on{background:#e8c872;color:#1b1405}