:root{color-scheme:dark;--bg:#070f19;--panel:#0c1c2a;--line:#7fe3ff20;--text:#e6f1f7;--muted:#8ea4b5;--cyan:#7fe3ff;--green:#8ff0c8;--gold:#ffd36e;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{transition:background .2s,border-color .2s,transform .2s}button:hover:not(:disabled){border-color:#7fe3ff88}button:active:not(:disabled){transform:translateY(1px)}button small,small{display:block}button b{font-weight:600}button em{font-style:normal}button svg{pointer-events:none}[hidden]{display:none!important}#app{position:relative;width:100%;height:100dvh;min-height:480px;isolation:isolate;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;z-index:-1;touch-action:none}#topbar{position:absolute;left:4.5%;right:4.5%;top:28px;display:flex;align-items:center;justify-content:space-between;height:48px;z-index:4}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:left;font-size:15px;font-weight:800;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;font-size:32px;color:var(--cyan)}.brand-light{font-weight:400;color:var(--cyan)}.brand small{font-size:9px;color:#6e8799;letter-spacing:2px;margin-top:5px;font-weight:400}.top-right{display:flex;align-items:center;gap:20px}.web-tag{font:9px ui-monospace,monospace;letter-spacing:1.6px;color:#7893a1;display:flex;align-items:center;gap:8px}.web-tag i,.live-dot{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #8ff0c855;display:inline-block}.currency{display:flex;align-items:center;gap:16px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:#07121b80;font-size:14px;color:var(--gold)}.currency>span{display:flex;align-items:center;gap:6px}.currency .amino{color:var(--green)}.currency b{font:13px ui-monospace,monospace;color:var(--text)}.currency small{font-size:8px;color:var(--muted)}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:#0a1926b0;border:1px solid var(--line);border-radius:50%;font-size:18px;color:#9ab7c8}.icon-button.off{opacity:.45}#menu{position:absolute;inset:0}.menu-copy{position:absolute;left:9%;top:21%;width:34%;max-width:470px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:#7fb4c5;display:flex;align-items:center;gap:9px}.eyebrow>span{width:20px;height:1px;background:var(--cyan)}h1{font-size:clamp(48px,5.5vw,86px);letter-spacing:6px;line-height:1.15;margin:22px 0 0;font-weight:800;white-space:nowrap}h1>span{color:var(--cyan)}h1 small{font:11px ui-monospace,monospace;letter-spacing:9px;color:#aec6d2;margin-top:17px}p.intro{font-size:12px;line-height:2;letter-spacing:1px;color:#8fa9b8;margin:24px 0 28px}.menu-actions{width:100%;max-width:385px}.start-button{display:flex;align-items:center;width:100%;padding:18px 22px;border:1px solid #a7f0ff;background:linear-gradient(115deg,#a1ebf9,#72d1e7);color:#062331;text-align:left;border-radius:6px;box-shadow:0 0 40px #7fe3ff0a;gap:18px}.start-button:hover{background:#bcf4ff}.start-button b{font-size:18px;letter-spacing:2px}.start-button small{font-size:9px;color:#2c5b69;letter-spacing:.6px;margin-top:5px}.start-icon{font-size:25px}.arrow{margin-left:auto;font-size:20px}.secondary-actions{display:flex;flex-direction:column;gap:9px;margin-top:11px}.secondary-actions button{display:flex;gap:17px;align-items:center;background:#0b1e2a99;border:1px solid #7fe3ff20;border-radius:6px;padding:12px 17px;text-align:left}.secondary-actions button>span{font-size:24px;color:#8fbccc;width:25px;text-align:center}.secondary-actions b{font-size:12px;letter-spacing:1px}.secondary-actions small{font-size:9px;color:#7494a6;margin-top:4px}.secondary-actions em{margin-left:auto;font:10px ui-monospace,monospace;color:#98b9ca}.best{margin-top:25px;display:flex;align-items:baseline;gap:13px}.best>span{color:#648394;font:8px ui-monospace,monospace;letter-spacing:1px}.best strong{font:18px ui-monospace,monospace;font-weight:400;color:#b0c9d6;letter-spacing:2px}.best small{font-size:8px;color:#648394}.specimen-label{position:absolute;left:60%;top:17%;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#a2c7d3}.specimen-label .live-dot{margin-right:7px}.muted{color:#59798b}.specimen-caption{position:absolute;left:73.5%;transform:translateX(-50%);top:70%;text-align:center}.specimen-caption>span{font-size:14px;letter-spacing:3px;color:#c8e7f1}.specimen-caption small{font-size:9px;color:#6e99ab;margin-top:8px;letter-spacing:1px}.menu-nav{position:absolute;left:53.5%;right:6.5%;bottom:11%;display:flex;gap:9px}.menu-nav button{flex:1;display:flex;align-items:center;flex-direction:column;gap:7px;padding:14px 5px 12px;border:1px solid #7fe3ff1c;background:#07152199;border-radius:6px}.menu-nav button>span{color:#90bbce;font-size:22px;line-height:1}.menu-nav b{font-size:10px;letter-spacing:1px}.menu-nav small{font:7px ui-monospace,monospace;color:#5f8193;letter-spacing:1px}#footer{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #7fe3ff11;padding-top:17px;font-size:9px;color:#678394;letter-spacing:.5px}kbd{font:9px ui-monospace,monospace;border:1px solid #7fe3ff28;border-radius:3px;padding:3px 5px;color:#a5c0cf;margin-right:3px}#footer i{font-style:normal;margin:0 12px;color:#466878}#footer button{background:none;border:0;color:#8dadbd;font-size:10px}#footer button span{margin-left:12px;color:var(--cyan)}
body.in-game #topbar,body.in-game #menu,body.in-game #footer{display:none}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{display:flex;align-items:center;gap:30px;padding:24px 36px;background:linear-gradient(#040b12dc,transparent)}.hud-top button{pointer-events:auto}.hud-health{min-width:190px}.hud-health>small{font-size:10px;color:#88a8ba;letter-spacing:1px}.hud-health>small span{color:#b5d0df;margin-left:10px}#health{display:flex;gap:6px;margin-top:9px}#health i{display:block;width:26px;height:9px;background:#183747;border:1px solid #7fe3ff30;border-radius:2px}#health i.full{background:var(--cyan);box-shadow:0 0 10px #7fe3ff22}.hud-score{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.hud-score small{font:8px ui-monospace,monospace;color:#6d91a4;letter-spacing:3px}.hud-score strong{font:26px ui-monospace,monospace;letter-spacing:2px;display:block;margin-top:4px}.hud-wave{margin-left:auto;text-align:right}.hud-wave b{font-size:12px;font-weight:500;color:#d8eaf3}.hud-wave small{font:10px ui-monospace,monospace;color:#7899ab;margin-top:5px}.hud-bottom{position:absolute;bottom:24px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between}.skill-wrap>small{font-size:9px;color:#7296a7;text-align:right;margin-bottom:8px}#skill-button{position:relative;overflow:hidden;display:flex;gap:12px;align-items:center;text-align:left;padding:13px 18px;border:1px solid #7fe3ff55;background:#0c2030dd;border-radius:7px;pointer-events:auto;min-width:210px}#skill-button>span{font-size:28px;color:var(--cyan)}#skill-button b{font-size:13px}#skill-button small{font:9px ui-monospace,monospace;color:#88a7b8;margin-top:4px}#skill-button kbd{margin-left:auto;font-size:7px}#charge-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--cyan);width:0;transition:width .1s}#skill-button.ready{border-color:var(--gold);box-shadow:0 0 22px #ffd36e22}#skill-button.ready>span{color:var(--gold)}#effects{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#a1c6d8}.effect{background:#071522bb;border-left:2px solid var(--cyan);padding:6px 10px}#objectives{position:absolute;right:35px;top:105px;text-align:right;font-size:9px;line-height:2;color:#86a7b8}#objectives .met{color:var(--green)}#boss-hud{position:absolute;top:95px;left:30%;width:40%;text-align:center}#boss-hud small{font-size:10px;color:var(--gold);letter-spacing:2px}#boss-hud>div{height:5px;background:#ffc14d22;margin-top:8px}#boss-life{display:block;height:100%;background:var(--gold);transition:width .1s}#banner{position:absolute;top:28%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;max-width:600px;width:90%;animation:banner-in .3s ease}#banner strong{display:block;font-size:30px;font-weight:500;letter-spacing:5px;color:#e0f7ff;text-shadow:0 2px 20px #04070d}#banner small{font-size:11px;line-height:1.8;color:#a4c6d5;margin-bottom:12px;text-shadow:0 2px 6px #04070d}@keyframes banner-in{from{opacity:0;top:30%}to{opacity:1;top:28%}}
#modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#020810ad;backdrop-filter:blur(15px);z-index:10;padding:28px}.panel{width:min(1050px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(125deg,#102533f5,#081421f8);border:1px solid #7fe3ff32;border-radius:14px;padding:30px;box-shadow:0 25px 100px #0008;scrollbar-color:#284657 transparent;scrollbar-width:thin}.panel.compact{width:min(520px,100%)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #7fe3ff16;padding-bottom:20px;margin-bottom:24px}.panel-head .eyebrow{font-size:8px;color:#6f9aaa;letter-spacing:2px}.panel h2{font-size:24px;font-weight:600;letter-spacing:3px;margin:7px 0 0}.panel h3{font-weight:500;font-size:14px;letter-spacing:1px;margin:0 0 12px}.panel p{font-size:12px;color:#91b0c0;line-height:1.9}.back{border:1px solid var(--line);border-radius:5px;background:#0a1b2b;padding:8px 14px;font-size:11px;white-space:nowrap}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.tabs button{border:1px solid var(--line);background:transparent;border-radius:5px;padding:10px 18px;font-size:11px;color:#91afc0}.tabs button.active{background:#7fe3ff17;border-color:#7fe3ff70;color:var(--cyan)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{padding:20px 16px;border:1px solid var(--line);border-radius:8px;background:#07162299;text-align:left;position:relative}.card.selected{border-color:var(--cyan);background:#7fe3ff0c}.card .overline{font:8px ui-monospace,monospace;color:#6891a6;letter-spacing:1px;line-height:1.6}.card h3{margin-top:12px}.card p{font-size:10px;margin-bottom:0}.card .tag{font-size:9px;color:var(--cyan);margin-top:12px;display:block}.cell-icon{width:58px;height:58px;border:2px solid var(--cell,var(--cyan));border-radius:47% 53% 46% 54%;background:radial-gradient(ellipse at 40% 35%,#b4f0ffbb,#4e8ba6 50%,#224462);box-shadow:0 0 25px #7fe3ff13;margin:4px auto 22px;display:grid;place-items:center;color:#596ac0;font-size:38px}.stats{display:flex;gap:5px;margin-top:16px;align-items:flex-end;height:26px}.stats i{height:calc(var(--v)*5px);flex:1;background:#7fe3ff40;border-top:1px solid var(--cyan)}.hint{font-size:10px;color:#789aaf;line-height:1.8;margin:15px 0}.subsection{margin-top:26px}.skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.skill-grid .card{padding:15px 12px}.skill-grid .symbol{font-size:26px;color:var(--cyan)}.skill-grid h3{font-size:11px;margin-top:10px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.module-grid .card{padding:14px}.module-grid h3{font-size:12px;margin:0}.primary{border:1px solid #a7f0ff;background:#8cdef1;color:#062331;padding:13px 22px;border-radius:5px;font-weight:600;font-size:12px}.primary:hover{background:#bcf4ff}.ghost{background:#0d2435;border:1px solid var(--line);padding:13px 22px;border-radius:5px;font-size:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button-row>*{flex:1;white-space:nowrap}.chapter-layout{display:grid;grid-template-columns:200px 1fr;gap:24px}.chapter-tabs{display:flex;flex-direction:column;gap:7px}.chapter-tab{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#07162277;border-radius:6px;padding:12px;text-align:left}.chapter-tab.active{background:#7fe3ff0d;border-color:#7fe3ff77}.chapter-tab>span{font-size:23px;color:var(--chapter)}.chapter-tab b{font-size:12px;font-weight:500}.chapter-tab small{font:7px ui-monospace,monospace;color:#7894a7;margin-top:4px;letter-spacing:.5px}.chapter-tab em{font-size:10px;font-style:normal;color:#7091a6;margin-left:auto}.chapter-summary{display:flex;justify-content:space-between;gap:20px;align-items:center}.chapter-summary h3{font-size:21px;margin:0}.chapter-summary p{max-width:520px;font-size:11px}.level-list{display:flex;flex-direction:column;gap:9px}.level-row{display:flex;align-items:center;gap:18px;padding:13px 15px;background:#071421;border:1px solid var(--line);border-radius:7px;text-align:left;width:100%}.level-row .number{font:21px ui-monospace,monospace;color:#5e9caf}.level-row b{font-size:12px}.level-row small{font-size:9px;color:#799db2;margin-top:5px}.level-row .level-stars{color:var(--gold);margin-left:auto;letter-spacing:3px;font-size:15px}.level-row .lock{margin-left:auto;color:#608094;font-size:10px}.goals{display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:#a8c9d9}.goal-star{color:var(--gold);margin-right:10px}.perk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.perk-card{padding:28px 22px;min-height:215px;display:flex;flex-direction:column;align-items:flex-start}.perk-card>span{font-size:10px;color:var(--cyan);letter-spacing:2px}.perk-card>strong{font-size:21px;color:var(--cyan);margin:20px 0 5px}.perk-card h3{font-size:17px}.perk-card p{font-size:11px}.perk-card small{color:#6f9db2;font-size:9px;margin-top:auto}.result-title{text-align:center;margin:15px 0 20px}.result-title small{font:9px ui-monospace,monospace;color:#73a4b7;letter-spacing:3px}.result-title h2{font-size:30px;margin:10px 0;letter-spacing:4px}.result-title .result-score{font:45px ui-monospace,monospace;color:var(--cyan);letter-spacing:3px;margin-top:20px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:22px 0}.result-stats>div{background:#0c1d2a;text-align:center;padding:14px 8px}.result-stats small{color:#7597ac;font-size:9px}.result-stats b{display:block;font:19px ui-monospace,monospace;margin-top:8px}.rewards{text-align:center;display:flex;justify-content:center;gap:26px;color:var(--gold);font-size:14px}.rewards span+span{color:var(--green)}.record-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.record-table th{font-size:9px;font-weight:400;color:#6e95ab;letter-spacing:1px}.record-table td,.record-table th{padding:14px 10px;border-bottom:1px solid var(--line)}.record-table td:nth-child(2){font-family:ui-monospace,monospace;color:var(--cyan)}.toggle-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.switch{width:42px;height:23px;background:#294151;border:0;border-radius:20px;padding:3px}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#adcad7;transition:transform .2s}.switch.on{background:#4c96ab}.switch.on i{transform:translateX(19px);background:#e6faff}.file-button{position:relative;overflow:hidden;text-align:center}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.danger{color:#e999ad;border-color:#e999ad44}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-grid .card{padding:17px}.pickup-guide{display:flex;gap:12px;align-items:center;margin:12px 0}.pickup-guide>span{font-size:23px;width:28px;text-align:center}.pickup-guide b{font-size:11px;font-weight:500}.pickup-guide small{font-size:9px;color:#7c9db0;margin-top:4px}.empty{text-align:center;padding:35px 0;color:#7597ac;font-size:12px}#toast{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);background:#133044;border:1px solid #7fe3ff77;border-radius:6px;padding:12px 22px;font-size:12px;z-index:30;max-width:90%;text-align:center}.ecg{height:30px;width:100%;opacity:.5;margin-top:14px}.ecg polyline{fill:none;stroke:var(--cyan);stroke-width:1.2}body.modal-open #banner{visibility:hidden}
@media(min-width:1500px){.menu-copy{top:22%;width:30%}.menu-actions{max-width:420px}.start-button{padding:22px}.secondary-actions button{padding:17px}.menu-nav{bottom:12%}.menu-nav button{padding:20px 5px}p.intro{font-size:14px}.specimen-caption{top:71%}}
@media(max-height:700px) and (min-width:761px){#topbar{top:14px}.menu-copy{top:19%}h1{font-size:54px;margin-top:13px}h1 small{margin-top:10px}p.intro{margin:15px 0 18px;font-size:10px}.start-button{padding:12px 16px}.start-button b{font-size:16px}.secondary-actions button{padding:9px 14px}.best{margin-top:15px}.menu-nav{bottom:12%}.menu-nav button{padding:10px 4px}.specimen-caption{top:69%}#footer{bottom:15px;padding-top:10px}.panel{max-height:92dvh;padding:22px}.panel-head{padding-bottom:15px;margin-bottom:17px}.perk-card{min-height:160px}}
@media(max-width:760px) and (orientation:portrait){#app{min-height:600px}#topbar{left:6%;right:6%;top:20px}.brand{font-size:12px}.brand small{font-size:7px}.top-right{gap:10px}.web-tag,#fullscreen,.currency small{display:none}.currency{padding:7px 9px;gap:9px}.currency b{font-size:11px}#audio-toggle{width:28px;height:28px;font-size:15px}.menu-copy{left:8%;top:17%;width:84%;max-width:none}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:48px;margin-top:16px;letter-spacing:3px}h1 small{font-size:9px;letter-spacing:6px;margin-top:10px}p.intro{font-size:10px;margin:16px 0;line-height:1.8}.menu-actions{margin-top:37dvh;max-width:none}.start-button{padding:13px 18px}.start-button b{font-size:16px}.start-button small{font-size:8px}.secondary-actions{flex-direction:row;gap:8px}.secondary-actions button{flex:1;padding:10px;gap:8px}.secondary-actions button>span{font-size:19px}.secondary-actions b{font-size:10px}.secondary-actions small{font-size:7px}.secondary-actions em{font-size:8px}.secondary-actions button:last-child em{display:none}.best{display:none}.specimen-label{top:38%;left:8%;font-size:7px}.specimen-caption{left:68%;top:60%;white-space:nowrap}.specimen-caption>span{font-size:11px}.specimen-caption small{font-size:8px;margin-top:3px}.menu-nav{left:8%;right:8%;bottom:8.5%;gap:6px}.menu-nav button{padding:9px 3px;gap:5px}.menu-nav button>span{font-size:20px}.menu-nav b{font-size:9px}.menu-nav small{font-size:6px}#footer{left:8%;right:8%;bottom:18px;padding-top:11px;font-size:8px}#footer>span{font-size:0}#footer>span::after{content:'按住戰場拖曳移動 · 點按發動技能';font-size:8px}#footer kbd,#footer i{display:none}#footer button{font-size:8px}#modal{padding:12px}.panel{padding:19px;max-height:94dvh;border-radius:10px}.panel h2{font-size:20px}.panel-head{gap:10px;padding-bottom:16px;margin-bottom:18px}.card-grid{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:16px 12px}.card h3{font-size:12px}.card p{font-size:9px}.cell-icon{margin-bottom:15px}.skill-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.chapter-layout{grid-template-columns:1fr;gap:16px}.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.chapter-tab{padding:9px 7px;gap:5px}.chapter-tab>span{font-size:17px}.chapter-tab b{font-size:10px}.chapter-tab small{display:none}.chapter-tab em{font-size:8px}.chapter-summary h3{font-size:18px}.level-row{gap:10px;padding:12px}.level-row small{font-size:8px}.level-row .level-stars{font-size:13px}.perk-grid{grid-template-columns:1fr;gap:9px}.perk-card{padding:16px;min-height:110px}.perk-card>strong{font-size:15px;margin:6px 0}.perk-card h3{font-size:15px;margin-bottom:5px}.perk-card p{margin:0}.perk-card small{position:absolute;right:15px;top:17px}.guide-grid{grid-template-columns:1fr}.hud-top{padding:18px;gap:12px}.hud-health{min-width:100px}.hud-health>small{font-size:8px}.hud-health>small span{display:none}#health{gap:4px}#health i{width:17px;height:7px}.hud-score strong{font-size:20px}.hud-wave b{font-size:9px}.hud-wave small{font-size:9px}.hud-top button{width:28px;height:28px}.hud-bottom{left:18px;right:18px;bottom:max(22px,env(safe-area-inset-bottom))}.skill-wrap>small{font-size:8px;max-width:165px}#skill-button{padding:10px;min-width:160px;gap:7px}#skill-button b{font-size:11px}#skill-button kbd{display:none}#skill-button>span{font-size:24px}#effects{font-size:8px;max-width:145px}.effect{padding:5px 7px}#objectives{top:84px;right:18px;font-size:8px}#boss-hud{left:20%;width:60%;top:85px}#banner strong{font-size:23px}#banner small{font-size:10px}.record-table td,.record-table th{padding:11px 5px;font-size:9px}.record-table td:last-child{display:none}}
@media(max-height:500px) and (orientation:landscape){#app{min-height:320px}.menu-copy{top:18%;left:7%}.eyebrow{font-size:7px}h1{font-size:38px;margin-top:10px}h1 small{font-size:7px;margin-top:7px}p.intro{margin:10px 0;font-size:8px}.start-button{padding:9px 13px}.start-button b{font-size:13px}.start-button small{font-size:7px}.secondary-actions{gap:5px;margin-top:6px}.secondary-actions button{padding:7px 10px}.secondary-actions small{display:none}.secondary-actions b{font-size:10px}.secondary-actions button>span{font-size:18px}.best{display:none}.specimen-label{font-size:7px}.specimen-caption{top:67%}.specimen-caption>span{font-size:10px}.specimen-caption small{font-size:7px}.menu-nav{bottom:12%}.menu-nav button{padding:6px 4px;gap:4px}.menu-nav button>span{font-size:16px}.menu-nav b{font-size:8px}.menu-nav small{font-size:6px}#topbar{top:9px;height:30px}.brand{font-size:11px}.brand small{display:none}.brand-mark{font-size:25px}.web-tag{display:none}.currency{padding:5px 10px}.icon-button{width:27px;height:27px;font-size:14px}#footer{bottom:9px;font-size:7px;padding-top:7px}kbd{font-size:7px;padding:2px 3px}.hud-top{padding:12px 22px}.hud-score strong{font-size:20px}.hud-health>small{font-size:8px}#health i{height:6px;width:20px}.hud-bottom{bottom:12px;left:22px;right:22px}#skill-button{padding:8px 12px;min-width:180px}#skill-button b{font-size:11px}#skill-button>span{font-size:22px}.skill-wrap>small{font-size:8px;margin-bottom:5px}#effects{font-size:8px}#modal{padding:12px}.panel{max-height:94dvh;padding:20px}.panel h2{font-size:19px}.panel-head{margin-bottom:15px;padding-bottom:12px}.result-title{margin:0}.result-title h2{font-size:22px}.result-title .result-score{font-size:30px;margin-top:8px}.result-stats{margin:12px 0}.result-stats>div{padding:8px}.button-row{margin-top:12px}.ecg{height:20px}.perk-card{min-height:140px;padding:18px}.perk-card>strong{margin:10px 0;font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:760px) and (orientation:portrait){.menu-actions{position:fixed;left:8%;right:8%;bottom:21%;width:auto;margin:0}.specimen-caption{top:59%;left:52%}}
.footer-actions{display:flex;align-items:center;gap:24px}.beta-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);text-decoration:none;font-size:10px;white-space:nowrap;min-height:28px}.beta-link:hover{color:#c0ffe3;text-decoration:underline;text-underline-offset:4px}.beta-link:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}.beta-label{color:#8eacb9;font-size:9px}.beta-postrun{display:block;text-align:center;color:var(--green);font-size:11px;line-height:1.7;margin-top:20px;text-decoration:none}.beta-postrun:hover{text-decoration:underline}.beta-postrun small{font-size:9px;color:#7f9eaf;margin-top:3px}
@media(max-width:1050px){#footer>span{display:none}.footer-actions{width:100%;justify-content:space-between}}@media(max-width:760px) and (orientation:portrait){.beta-link{font-size:9px;gap:5px;min-height:30px}.beta-label{font-size:8px}.footer-actions{gap:10px}#footer{bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-height:500px) and (orientation:landscape){.beta-link{font-size:8px;min-height:20px}.beta-label{font-size:7px}}