:root{color-scheme:dark;font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:#f8fbff;--rift-accent: #54ead4}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.primary{border:0;background:#f2ce6c;color:#201604;font-weight:900}.tab-panel{min-width:0;min-height:0}.observatory-panel{overflow:auto;overscroll-behavior:contain;padding:10px}.observatory-intro,.upgrade,.wake-card{border:1px solid #466876;border-radius:7px;background:linear-gradient(135deg,#18394a,#0c2335);box-shadow:inset 0 1px #78999433,0 4px #071a2a}.observatory-intro{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;padding:12px}.observatory-intro img{width:88px;height:88px;object-fit:contain}.observatory-intro h2,.observatory-intro p{margin:3px}.observatory-intro strong,.upgrade b{color:#ffe176}.upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.upgrade{min-height:130px;display:grid;align-content:space-between;gap:8px;padding:13px;color:#fff;text-align:start;border-top:3px solid #74d8cc;transition:border-color .16s,background .16s}.upgrade[data-upgrade=compression]{border-top-color:#cfabff}.upgrade[data-upgrade=stability]{border-top-color:#edc67b}.upgrade b{font-size:20px;letter-spacing:.12em}.upgrade small{color:#c0e3ee}.upgrade.maxed{border-color:#74f7d9}.upgrade:active{background:#245465}.wake-card{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:10px;border-color:#c484ff;background:#231548e8}.wake-card img{width:72px;height:72px;object-fit:contain}.wake-card p{margin:4px 0;color:#e6d7ff}.wake-card button{min-height:44px;border:1px solid #ffe176;border-radius:8px;padding:0 14px;background:#6b4a10;color:#fff;font-weight:900}.observatory-feedback{min-height:24px;margin:8px 2px 0;color:#ffe176;font-weight:900;text-align:center}.battle-live{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;width:100%;height:100%;min-height:0;padding:8px;container-type:size}.objective-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0;margin:0;padding:4px 8px;border:1px solid #3d99b2;border-radius:8px;background:#08243edc}.objective-row p{min-width:0;margin:0;text-align:center;line-height:1.2;font-size:clamp(12px,3.5vw,15px)}#battleHelp{min-width:44px;min-height:44px;border:1px solid #47a9c2;border-radius:8px;background:#103b5e;color:#fff;font-weight:900}.wp-rift-battle-details{display:flex;align-items:center;gap:8px;min-width:0}.zone-block{display:grid;min-width:74px;text-align:center}.zone-block small{overflow:hidden;color:#83f2db;text-overflow:ellipsis;white-space:nowrap}.zone-block strong{font-size:18px;font-variant-numeric:tabular-nums}.battle-status{display:grid;grid-template-columns:repeat(3,minmax(48px,1fr));gap:5px;min-width:0}.battle-status span{display:grid;min-width:0;padding:3px;border-radius:5px;background:#0e3556;text-align:center}.battle-status b{color:#acd2df;font-size:10px}.battle-status strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis}.arena-wrap{position:relative;display:grid;place-items:center;width:min(100cqw,100cqh,760px);height:min(100cqw,100cqh,760px);min-width:0;min-height:0;justify-self:center;align-self:center;overflow:hidden;border:1px solid #456476;border-radius:8px;background:#09172a;box-shadow:inset 0 0 0 3px #172e40}.arena-wrap.rift-damaged{border-color:#ff8190;box-shadow:inset 0 0 0 3px #ff819099}.arena-wrap canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.arena-wrap canvas:focus-visible{box-shadow:inset 0 0 0 4px #fff176}.salvage-progress{position:absolute;top:9px;inset-inline-start:9px;display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;width:min(46%,250px);padding:6px 9px;border:1px solid #426d76;border-radius:5px;background:#102e3fea;box-shadow:0 3px #020c17;font-size:11px;pointer-events:none}.salvage-progress b{justify-self:end;color:#fff}.salvage-progress i{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:2px;background:#031426;box-shadow:inset 0 0 0 1px #5a8da0}.salvage-progress em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2ba798,var(--rift-accent));box-shadow:none;transition:width .16s linear}.chain-badge{position:absolute;top:9px;inset-inline-end:9px;display:grid;min-width:118px;padding:5px 9px;border:1px solid #426d76;border-radius:5px;background:#102e3fea;box-shadow:0 3px #020c17;text-align:center;font-size:11px}.chain-badge strong{color:#ffe271;font-size:20px;line-height:1}.chain-badge:after{display:block;position:absolute;inset-inline-start:0;bottom:0;width:var(--chain-charge, 0%);height:3px;background:#efc97a;content:"";transition:width .08s linear}.chain-hint{display:block;max-width:120px;margin-top:2px;overflow:hidden;color:#c8f8ff;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.control-cue{position:absolute;inset-inline-start:50%;bottom:7px;max-width:92%;padding:4px 10px;transform:translate(-50%);border:1px solid #395766;border-radius:4px;background:#0b2034df;color:#cbdedc;font-size:12px;pointer-events:none;text-align:center;white-space:nowrap}.rift-clock{position:absolute;top:66px;inset-inline-start:12px;padding:5px 9px;border:1px solid #65828a;border-radius:4px;background:#102d3de8;color:#dbefec;box-shadow:0 3px #031321;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.rift-clock.urgent{border-color:#f3b466;background:#543926ed;color:#ffe1a2}.rift-pickup{position:absolute;top:0;inset-inline-start:0;z-index:5;color:#e3fff3;font-size:18px;font-weight:900;pointer-events:none;text-shadow:0 2px 1px #07152d,0 0 9px #5df7d7;will-change:transform,opacity}.rift-record{padding:8px;border-inline-start:3px solid #e6bf6b;background:#102f42;color:#b2dacf;font-size:13px;font-variant-numeric:tabular-nums}.feedback{margin:0;padding:4px;overflow:hidden;border:1px solid #3d99b2;border-radius:5px;background:#08243edc;color:#8affe2;font-size:13px;text-align:center}.modal-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#020817df}.dialog-card{width:min(100%,560px);max-height:100%;overflow:auto;padding:20px;border:2px solid #58d9ed;border-radius:14px;background:#082441;text-align:center}.dialog-card ol{text-align:start;line-height:1.6}.result-card{background:#082441;color:#fff}.result-card>img{width:112px;height:112px;object-fit:contain}.result-card h2,.dialog-card h2{margin:5px;font-size:27px}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-stats span{display:grid;min-width:0;padding:9px;border-top:2px solid #628781;border-radius:4px;background:#163546}.result-stats strong{overflow:hidden;color:#ffe4a4;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.dialog-card .modal-actions{grid-template-columns:1fr 1fr}.dialog-card .modal-actions.one{grid-template-columns:1fr}.modal-actions button{min-width:0;min-height:48px;border:1px solid #47a9c2;border-radius:8px;background:#103b5e;color:#fff;font-weight:900;white-space:normal}.modal-actions button:disabled{opacity:.48;cursor:not-allowed}.rift-graphics-error{position:fixed;inset:15%;z-index:200;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:24px;border:2px solid #76ead4;border-radius:8px;background:#0c2239;box-shadow:0 0 0 100vmax #020a18df;text-align:center}.rift-graphics-error button{min-height:48px;border:0;background:#e9cd86;color:#132536;font-weight:800}@media(max-width:640px){.observatory-intro{grid-template-columns:68px minmax(0,1fr)}.observatory-intro img{width:64px;height:64px}.upgrades{grid-template-columns:1fr}.upgrade{min-height:110px}.wake-card{grid-template-columns:58px minmax(0,1fr)}.wake-card img{width:54px;height:54px}.wake-card button{grid-column:1 / -1}.objective-row{gap:4px}.control-cue{font-size:11px}.dialog-card .modal-actions{grid-template-columns:1fr}}@media(max-height:500px)and (min-aspect-ratio:3/2){.battle-live{gap:4px;padding:4px}.objective-row{padding:1px 5px}.objective-row button{min-height:40px}.feedback{align-self:center;padding:1px 4px}.result-card>img{width:64px;height:64px}.observatory-intro{grid-template-columns:58px minmax(0,1fr)}.observatory-intro img{width:54px;height:54px}.upgrades{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade{min-height:100px}}@media(prefers-reduced-motion:reduce){.upgrade,.salvage-progress em,.chain-badge:after{transition:none}}