:root{--app-height:100dvh;--app-width:100vw;--game-aspect:1 / 1;--ui-bg-base:#0d1526;--ui-bg-floor:#1a1d22;--ui-bg-card:#070e1ad1;--ui-bg-card-strong:#04080eeb;--ui-bg-panel:#0a101cdb;--ui-bg-panel-strong:#04080ef0;--ui-border-dark:#05080b;--ui-border-cyan:#00f0ffb8;--ui-border-amber:#ffb800c2;--ui-text-main:#f4f8ff;--ui-text-muted:#9fb4c8;--ui-accent-cyan:#00f0ff;--ui-accent-lime:#7cff4d;--ui-accent-amber:#ffb800;--ui-danger:#ff3b38;--ui-spark-magenta:#ff4df0;--ui-shadow-hard:4px 4px 0 #000000b8;--ui-glow-cyan:0 0 18px #00f0ff57;--ui-glow-amber:0 0 22px #ffb8005c;--ui-glow-lime:0 0 22px #7cff4d57;--bg:var(--ui-bg-base);--bg2:var(--ui-bg-floor);--panel:var(--ui-bg-panel);--panel-strong:var(--ui-bg-panel-strong);--line:var(--ui-accent-amber);--text:var(--ui-text-main);--muted:var(--ui-text-muted);--accent:var(--ui-accent-amber);--good:var(--ui-accent-lime);--warn:var(--ui-accent-amber);--danger:var(--ui-danger);--style-rail-width:clamp(86px, 7.4vw, 108px);--style-track-width:clamp(26px, 2.8vw, 38px);--style-track-fill-gradient:linear-gradient(0deg, #ff4df0 0%, #00f0ff 34%, #7cff4d 66%, #ffb800 86%, #ff3b38 100%);--style-hot-pulse-duration:.42s;--live-panel-width:300px;--right-control-width:92px;--live-item-bg:#050a12c7;--fever-gauge-fill:linear-gradient(90deg, #00f0ff, #7cff4d 52%, #ffb800 78%, #ff3b38);--style-rank-badge-d:none;--style-rank-badge-c:none;--style-rank-badge-b:none;--style-rank-badge-a:none;--style-rank-badge-s:none;--style-rank-badge-ss:none;--style-rank-badge-sss:none;color:var(--text);background:var(--bg);image-rendering:pixelated;font-family:BIZ UDPGothic,Hiragino Kaku Gothic ProN,Noto Sans JP,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:linear-gradient(90deg, #00f0ff1a 1px, transparent 1px), linear-gradient(180deg, #ffb80014 1px, transparent 1px), linear-gradient(180deg, var(--ui-bg-floor), var(--ui-bg-base));overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background-size:16px 16px,16px 16px,auto;width:100%;min-width:320px;height:100%;min-height:-webkit-fill-available;margin:0;overflow:hidden}#gameMount,#gameMount canvas,.game-frame{touch-action:none}button,input,select,textarea{font:inherit;min-width:0}button{touch-action:manipulation;overflow-wrap:anywhere;max-width:100%}input,textarea{width:100%;color:var(--text);-webkit-user-select:text;user-select:text;touch-action:auto;background:#070b21;border:1px solid #284a92;border-radius:0;padding:7px 8px}input[type=file]{display:none}textarea{resize:vertical;min-height:84px;line-height:1.45}.app-shell{width:100vw;max-width:100vw;height:var(--app-height,100dvh);min-height:100svh;--arena-size:min(100vmin, calc(var(--app-height,100dvh) - 8vh));grid-template-columns:minmax(320px, var(--arena-size)) minmax(220px, 1fr);min-height:-webkit-fill-available;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"game guide""controls guide";place-items:stretch center;gap:4px;display:grid;position:relative;overflow:clip}.game-frame{inline-size:min(100%, var(--arena-size));block-size:min(100%, var(--arena-size));width:min(100%, var(--arena-size));height:min(100%, var(--arena-size));max-width:var(--arena-size);max-height:var(--arena-size);aspect-ratio:1;contain:layout paint size;outline:2px solid var(--ui-accent-amber);background:var(--ui-bg-floor);border:3px solid #0a0b0f;grid-area:game;align-self:center;position:relative;overflow:hidden;box-shadow:0 0 0 2px #00f0ff24,0 10px 26px #0008}body.is-title .game-frame{contain:none;overflow:visible}body.is-title .mobile-control-deck{display:none!important}.gift-guide-panel{width:auto;height:var(--arena-size);max-height:var(--arena-size);contain:layout paint;border:2px solid var(--ui-border-dark);background:linear-gradient(90deg,#00f0ff1f 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#0a101ce6,#04080ed1);outline:1px solid #00f0ff8c;grid-area:guide;grid-template-rows:auto auto auto minmax(72px,.54fr);place-self:center stretch;gap:5px;min-height:180px;padding:8px;display:grid;overflow:hidden;box-shadow:3px 3px #000,0 0 12px #00f0ff38}.gift-guide-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gift-guide-head span{color:var(--ui-accent-cyan);font-size:10px;font-weight:900}.gift-guide-head strong{color:var(--ui-text-main);font-size:12px}.gift-live-summary{background:#04080ea8;border:1px solid #00f0ff33;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:4px 6px;display:grid;overflow:hidden}.gift-live-summary span{min-width:0;color:var(--ui-text-muted);white-space:nowrap;font-size:10px;font-weight:800;line-height:1.1}.gift-live-summary strong,#liveApplauseSummaryVal{color:var(--ui-accent-amber)}.gift-guide-viewport{background:#050a128f;border:1px solid #00f0ff2e;min-height:42px;overflow:hidden}.gift-comment-panel{contain:layout paint;background:linear-gradient(90deg,#ffb80014 1px,#0000 1px) 0 0/6px 6px,#050a129e;border:1px solid #ffb80038;grid-template-rows:auto minmax(0,1fr);gap:3px;min-height:0;display:grid;overflow:hidden}.gift-comment-head{justify-content:space-between;align-items:baseline;gap:8px;padding:5px 6px 0;display:flex}.gift-comment-head span{color:var(--ui-accent-amber);font-size:10px;font-weight:900}.gift-comment-head strong{color:var(--ui-text-main);font-size:11px}.gift-comment-list{grid-auto-rows:minmax(28px,auto);align-content:start;gap:3px;min-height:0;padding:0 6px 6px;display:grid;overflow:hidden}.gift-comment-list p{color:var(--ui-text-muted);margin:0;font-size:11px;line-height:1.25}.gift-comment-item{background:#04080eb8;border:1px solid #00f0ff2e;grid-template-columns:minmax(52px,.3fr) minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:28px;padding:4px 6px;display:grid}.gift-comment-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-accent-cyan);font-size:11px;overflow:hidden}.gift-comment-item span{min-width:0;color:var(--ui-text-main);overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;line-height:1.15;display:-webkit-box;overflow:hidden}.gift-guide-track{will-change:transform;align-items:stretch;gap:8px;width:max-content;padding:6px;animation:54s linear infinite giftGuideScrollX;display:flex}.gift-guide-track article{background:#04080ec7;border:1px solid #ffb80038;flex:none;align-items:center;gap:8px;min-width:max(260px,24vw);padding:8px 10px;display:flex}.gift-guide-track b{color:var(--ui-accent-amber);white-space:nowrap;font-size:14px}.gift-guide-track span{color:var(--ui-text-main);white-space:nowrap;font-size:13px;line-height:1.2}@keyframes giftGuideScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.game-mount,.game-mount canvas{touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges;display:block;width:100%!important;height:100%!important}.game-frame:fullscreen{aspect-ratio:auto;width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;border:0;outline:0;place-items:center;display:grid}.game-frame:fullscreen .game-mount{width:min(100vw,100vh)!important;height:min(100vw,100vh)!important}.start-screen{z-index:7;pointer-events:auto;background:linear-gradient(#05080b57,#05080bc7),linear-gradient(90deg,#ffb80017 1px,#0000 1px) 0 0/12px 12px,linear-gradient(#00f0ff14 1px,#0000 1px) 0 0/12px 12px;place-items:center;padding:clamp(12px,3vw,28px);display:grid;position:absolute;inset:0}body:not(.is-title) .start-screen{display:none}body.is-title .start-screen{z-index:20;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));place-items:stretch stretch;position:fixed;inset:0;overflow:hidden}.start-shell{grid-template-rows:auto auto minmax(0,1fr);gap:10px;width:min(1060px,100%);min-height:0;max-height:100%;display:grid}body.is-title .start-shell{width:100%;height:100%;max-height:none}.start-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;outline:2px solid var(--ui-border-amber);background:radial-gradient(circle at 14% 8%,#00f0ff29,#0000 30%),linear-gradient(90deg,#ffb80014 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#00f0ff12 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#0a101cf5,#04080ef0);border:3px solid #0a0b0f;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-height:0;padding:clamp(12px,2.2vw,18px);display:grid;overflow:auto;box-shadow:0 18px 56px #000c}body.is-title .start-panel{max-height:none}body.is-title .start-actions{z-index:4;order:10;width:auto;position:sticky;bottom:0;left:auto;right:auto}.start-wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.wizard-step{min-height:30px;color:var(--ui-text-muted);background:#04080ebd;border:1px solid #00f0ff57;font-size:11px;font-weight:900}.wizard-step.active{border-color:var(--ui-accent-amber);color:var(--ui-accent-amber);box-shadow:inset 0 -3px #ffb80085,0 0 14px #ffb8002e}.start-wizard-guide{color:#c5d6ff;background:#050a128f;border:1px solid #00f0ff38;margin:0;padding:6px 8px;font-size:11px;line-height:1.35}.start-quick-help{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.start-quick-help span{min-width:0;color:var(--ui-accent-amber);text-align:center;overflow-wrap:anywhere;background:#ffb80012;border:1px solid #ffb80047;padding:5px 6px;font-size:10px;font-weight:900;line-height:1.2}body[data-start-step=job] .start-weapon-field,body[data-start-step=job] .start-melee-field,body[data-start-step=weapon] .start-job-field,body[data-start-step=weapon] .start-melee-field,body[data-start-step=melee] .start-job-field,body[data-start-step=melee] .start-weapon-field,body[data-start-step=summary] .start-build-fields,body[data-start-step=job] .build-visual.weapon,body[data-start-step=job] .build-visual.melee,body[data-start-step=weapon] .build-visual.hero,body[data-start-step=weapon] .build-visual.melee,body[data-start-step=melee] .build-visual.hero,body[data-start-step=melee] .build-visual.weapon,body[data-start-step=job] .start-screen .weapon-detail,body[data-start-step=weapon] .start-screen .job-role-row,body[data-start-step=weapon] .start-screen .job-stat-grid,body[data-start-step=weapon] .start-screen .job-metric-grid,body[data-start-step=weapon] .start-screen #startJobFeatureVal,body[data-start-step=weapon] .start-screen #startJobTacticsVal,body[data-start-step=weapon] .start-screen #startJobWeaponVal,body[data-start-step=weapon] .start-screen #startMeleeWeaponTraitVal,body[data-start-step=weapon] .start-screen #startMeleeWeaponDescVal,body[data-start-step=weapon] .start-screen #startMeleeWeaponTacticsVal,body[data-start-step=melee] .start-screen .job-role-row,body[data-start-step=melee] .start-screen .job-stat-grid,body[data-start-step=melee] .start-screen .job-metric-grid,body[data-start-step=melee] .start-screen #startJobFeatureVal,body[data-start-step=melee] .start-screen #startJobTacticsVal,body[data-start-step=melee] .start-screen #startJobWeaponVal,body[data-start-step=melee] .start-screen .weapon-stat-grid,body[data-start-step=melee] .start-screen #startWeaponTraitVal,body[data-start-step=melee] .start-screen #startWeaponDescVal,body[data-start-step=melee] .start-screen #startWeaponTacticsVal{display:none}body[data-start-step=job] .start-screen .build-preview,body[data-start-step=weapon] .start-screen .build-preview,body[data-start-step=melee] .start-screen .build-preview{grid-template-columns:minmax(0,1fr)}body[data-start-step=job] .start-screen .build-visual,body[data-start-step=weapon] .start-screen .build-visual,body[data-start-step=melee] .start-screen .build-visual{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:clamp(150px,28vh,260px)}body[data-start-step=job] .start-screen .build-visual img,body[data-start-step=weapon] .start-screen .build-visual img,body[data-start-step=melee] .start-screen .build-visual img{width:min(210px,42vw,34vh)}body[data-start-step=summary] .start-screen .build-preview{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-start-step=summary] .start-build{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps""guide""name""icon""visual""summary""detail""actions"}.start-kicker{color:#dce8ff;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;font-size:clamp(12px,1.5vw,15px);line-height:1.25;display:grid}.start-kicker span{text-align:center;white-space:nowrap;background:#050a129e;border:1px solid #00f0ff3d;justify-content:center;align-items:center;min-width:0;min-height:34px;padding:7px 8px;display:flex}.start-kicker strong{color:var(--ui-accent-amber)}.start-title{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 12px;min-width:0;display:grid}.start-title span{color:var(--ui-accent-cyan);grid-column:1/-1;font-size:12px}.start-title h1{color:var(--ui-text-main);letter-spacing:0;text-shadow:4px 4px #000;margin:0;font-size:clamp(28px,6.2vh,56px);line-height:.95}.start-title p{text-align:right;justify-self:end}.start-title p,.start-build p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.start-build{background:linear-gradient(#091020cc,#050a129e);border:1px solid #00f0ff38;grid-template-columns:minmax(150px,.42fr) minmax(0,.58fr);grid-template-areas:"steps steps""guide guide""name name""icon icon""visual fields""visual detail""summary detail""actions actions";gap:10px;min-width:0;padding:12px;display:grid;box-shadow:inset 0 0 32px #00f0ff0f}.start-wizard-steps{grid-area:steps}.start-wizard-guide{grid-area:guide}.start-build-head{grid-area:name}.streamer-profile-editor.compact{grid-area:icon}.start-build-fields{grid-area:fields}.build-preview{grid-area:visual}#startBuildSummaryVal{grid-area:summary;align-self:start}#startJobDetail{grid-area:detail}.start-build>.start-actions{grid-area:actions}.start-build-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.start-build-head div{gap:2px;min-width:0;display:grid}.start-build-head span{color:var(--ui-accent-cyan);font-size:10px}.start-build-head strong{color:#f7fbff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.start-build-fields,.build-preview{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.streamer-profile-editor{background:linear-gradient(90deg,#00f0ff1a 1px,#0000 1px) 0 0/6px 6px,#050a1280;border:1px solid #00f0ff42;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px;display:grid}.streamer-profile-editor.compact{grid-template-columns:clamp(42px,6vh,58px) minmax(0,1fr) auto auto}.streamer-profile-copy{gap:2px;min-width:0;display:grid}.streamer-profile-copy span{color:var(--ui-accent-cyan);font-size:10px;font-weight:900}.streamer-profile-copy strong,.streamer-profile-copy em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.streamer-profile-copy strong{color:var(--ui-text-main);font-size:12px}.streamer-profile-copy em{color:var(--ui-text-muted);font-size:10px;font-style:normal}.character-name-input{appearance:none;color:#f7fbffc2;-webkit-text-fill-color:#f7fbffc2;text-shadow:2px 2px #000;background:0 0;border:0;border-bottom:2px solid #00f0ff7a;width:100%;min-height:36px;padding:3px 2px 6px;font-size:clamp(18px,3.1vw,28px);font-weight:900;line-height:1.1;transition:color .12s,border-color .12s,background .12s;box-shadow:0 1px #ffb80038}.character-name-input:focus{border-bottom-color:var(--ui-accent-amber);color:var(--ui-text-main);-webkit-text-fill-color:var(--ui-text-main);background:#00f0ff17;outline:0}.character-name-input:hover{border-bottom-color:var(--ui-accent-cyan);color:#f7fbffeb;-webkit-text-fill-color:#f7fbffeb}.menu-character-name-input{min-height:30px;font-size:18px}.streamer-icon-preview,.hud-streamer-icon,.run-streamer-icon,.profile-streamer-icon,.live-event-avatar{object-fit:cover;image-rendering:auto;background:radial-gradient(circle at 50% 40%,#00f0ff3d,#0000 60%),#05080b}.streamer-icon-preview{aspect-ratio:1;border:2px solid #05080b;outline:1px solid #00f0ffb8;width:clamp(42px,6vh,58px);box-shadow:0 0 14px #00f0ff38}.streamer-icon-preview.custom,.hud-streamer-icon.custom,.run-streamer-icon.custom,.profile-streamer-icon.custom{outline-color:#7cff4dd1;box-shadow:0 0 18px #7cff4d47}.build-visual{background:radial-gradient(circle at 19% 30%,#00f0ff2e,#0000 34%),linear-gradient(90deg,#00f0ff14 1px,#0000 1px) 0 0/6px 6px,linear-gradient(#7cff4d0d 1px,#0000 1px) 0 0/6px 6px,#02060a75;border:1px solid #00f0ff33;grid-template-columns:clamp(68px,10vh,98px) minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px;display:grid;box-shadow:inset 0 0 20px #00f0ff14,0 0 22px #00000038}.build-visual.weapon{border-color:#00f0ff42}.build-visual.melee{border-color:#ff5f8f57}.build-visual img{aspect-ratio:1;object-fit:cover;image-rendering:auto;background:radial-gradient(circle at 50% 40%,#00f0ff29,#0000 58%),#05080b;border:2px solid #0a0b0f;outline:1px solid #00f0ff94;width:100%;box-shadow:0 0 0 1px #ffffff0f,0 0 18px #00f0ff33}.build-visual div{gap:3px;min-width:0;display:grid}.build-visual span{color:var(--ui-accent-cyan);font-size:10px}.build-visual strong{min-width:0;color:var(--ui-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.job-detail{background:linear-gradient(90deg,#00f0ff14 1px,#0000 1px) 0 0/6px 6px,linear-gradient(#050a12d6,#04080ed1);border:1px solid #00f0ff47;gap:8px;padding:9px;display:grid}.job-role-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.job-role-row span{color:#dff9ff;overflow-wrap:anywhere;background:#02060a6b;border:1px solid #00f0ff3d;min-width:0;padding:5px 7px;font-size:11px;line-height:1.2}.job-role-row strong{color:var(--ui-accent-amber)}.job-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.job-stat-grid span,.job-metric-grid span{color:#b7c4f5;background:#02060a75;border:1px solid #ffb80038;gap:2px;min-width:0;padding:7px 6px;font-size:10px;line-height:1.15;display:grid}.job-stat-grid strong,.job-metric-grid strong{color:var(--ui-accent-amber);font-size:14px}.job-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.job-metric-grid span{color:#c5d6ff;border-color:#00f0ff38}.job-metric-grid strong{color:#9de7ff;font-size:13px}.job-detail p{color:#dce8ff;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.45}.job-detail p:last-child{color:#9de7ff}.weapon-detail{background:linear-gradient(90deg,#ff4df014 1px,#0000 1px) 0 0/6px 6px,linear-gradient(#091020c2,#04080ed1);border:1px solid #ff5f8f42;gap:7px;padding:8px;display:grid}.weapon-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.weapon-stat-grid span{color:#ffb8d2;background:#02060a7a;border:1px solid #ff5f8f38;gap:2px;min-width:0;padding:6px;font-size:10px;line-height:1.15;display:grid;position:relative}.job-stat-grid span,.job-metric-grid span{position:relative}.job-stat-grid span:after,.job-metric-grid span:after,.weapon-stat-grid span:after{content:"i";width:15px;height:15px;color:var(--ui-accent-cyan);border:1px solid #00f0ff7a;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;top:4px;right:5px}.weapon-stat-grid strong{color:var(--ui-accent-amber);font-size:13px}.weapon-detail p{color:#f0e5ff}.weapon-detail p:first-of-type{color:var(--ui-accent-amber)}.start-actions{z-index:3;background:#04080eb8;order:-1;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;padding-top:6px;display:grid;position:static}.start-actions .start-btn,.start-actions .start-menu-btn,.start-actions .start-fullscreen-btn{width:100%;min-width:0;max-width:none;min-height:44px;font-size:14px;position:static}.combat-hud{z-index:6;pointer-events:none;grid-template-columns:42px minmax(0,1fr);gap:4px 7px;max-width:min(74%,480px);display:grid;position:absolute;top:8px;left:8px}.hud-streamer-icon{aspect-ratio:1;border:2px solid var(--ui-border-dark);outline:1px solid var(--ui-border-cyan);width:42px;box-shadow:var(--ui-shadow-hard), var(--ui-glow-cyan);grid-row:span 2}.run-build-panel{right:calc(var(--style-rail-width) + 14px);z-index:6;width:min(286px, calc(100% - var(--style-rail-width) - 24px));border:2px solid var(--ui-border-dark);outline:1px solid var(--ui-border-cyan);box-shadow:var(--ui-shadow-hard), var(--ui-glow-cyan);pointer-events:none;background-color:#0000;background-image:radial-gradient(circle at 18% 26%,#00f0ff33,#0000 28%),linear-gradient(90deg,#00f0ff1f 1px,#0000 1px),linear-gradient(#0a101ce6,#04080ed1);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:6px 6px,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;gap:7px;padding:9px;display:grid;position:absolute;bottom:8px}.run-build-head{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:7px;display:grid}.run-streamer-icon{aspect-ratio:1;border:2px solid var(--ui-border-dark);outline:1px solid var(--ui-border-cyan);width:44px}.run-build-head div{gap:2px;min-width:0;display:grid}.run-build-head span{color:var(--ui-accent-cyan);letter-spacing:0;font-size:10px;font-weight:800}.run-build-head strong{min-width:0;color:var(--ui-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.run-build-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.run-build-metrics span{min-width:0;color:var(--ui-text-muted);background:#050a129e;border:1px solid #00f0ff33;gap:2px;padding:5px;font-size:9px;line-height:1.15;display:grid}.run-build-metrics strong{color:var(--ui-accent-lime);font-size:12px}.run-build-panel p{color:var(--ui-text-main);overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.3}.run-build-panel p:last-child{color:var(--ui-accent-cyan)}.live-event-overlay{right:calc(var(--style-rail-width) + var(--right-control-width) + 14px);z-index:7;width:min(280px, calc(100% - var(--style-rail-width) - var(--right-control-width) - 36px));border:2px solid var(--ui-border-dark);outline:1px solid var(--ui-border-cyan);min-width:176px;max-height:min(92px,100% - 24px);box-shadow:var(--ui-shadow-hard), var(--ui-glow-cyan);opacity:.94;pointer-events:none;background:linear-gradient(90deg,#00f0ff24 1px,#0000 1px) 0 0/6px 6px,linear-gradient(#0a101ce0,#04080ec7);gap:4px;padding:6px;display:grid;position:absolute;top:8px;overflow:hidden}.live-event-overlay-head{justify-content:space-between;align-items:baseline;gap:7px;display:flex}.live-event-overlay-head span{color:var(--ui-accent-cyan);font-size:10px;font-weight:900}.live-event-overlay-head strong{min-width:0;color:var(--ui-text-main);text-overflow:ellipsis;white-space:nowrap;background:#050a12b8;border:1px solid #7cff4d40;padding:2px 5px;font-size:10px;overflow:hidden}.live-event-overlay[data-live-state] .live-event-overlay-head:after{content:attr(data-live-state);min-width:42px;color:var(--ui-accent-cyan);border:1px solid #00f0ff47;place-items:center;padding:2px 5px;font-size:9px;display:inline-grid}.live-event-list{gap:4px;min-height:0;display:grid;overflow:hidden}.live-event-list .live-event-item:nth-child(n+3){display:none}.live-event-list p{color:var(--muted);margin:0;font-size:10px;line-height:1.35}.live-event-item{background:var(--live-item-bg);border:1px solid #00f0ff38;grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:3px 6px;min-width:0;padding:4px 5px;display:grid}.live-event-item[data-status=queued]{background:linear-gradient(90deg,#ffb80029,#050a12d1);border-color:#ffb800b8}.live-event-item[data-status=queued] em{color:#fff2b8}.live-event-avatar{aspect-ratio:1;border:1px solid #00f0ff80;grid-row:span 2;width:24px}.live-event-item span{color:var(--ui-accent-cyan);border:1px solid #00f0ff5c;padding:2px 4px;font-size:9px;line-height:1}.live-event-item strong{min-width:0;color:var(--ui-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.live-event-item em{color:var(--ui-text-muted);overflow-wrap:anywhere;grid-column:2/-1;font-size:10px;font-style:normal;line-height:1.25}.live-event-item.gift span{color:var(--ui-accent-amber);border-color:#ffb800ad}.live-event-item.follow span{color:var(--ui-accent-lime);border-color:#7cff4dad}.live-event-item.like span,.live-event-item.chat span,.live-event-item.share span{color:var(--ui-accent-cyan);border-color:#00f0ffad}.style-meter-panel{--style-rank-badge-image:var(--style-rank-badge-d);z-index:6;width:var(--style-rail-width);border:2px solid var(--ui-border-dark);outline:1px solid var(--ui-border-cyan);min-height:0;box-shadow:-5px 0 0 #0008, var(--ui-glow-cyan);pointer-events:none;background:radial-gradient(circle at 50% 18%,#ffb8003d,#0000 40%),linear-gradient(#00f0ff33 1px,#0000 1px) 0 0/100% 8px,linear-gradient(90deg,#0a101cf0,#04080edb);border-right:0;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;padding:10px 8px;display:grid;position:absolute;top:0;bottom:0;right:0}.style-meter-head,.style-meter-foot{grid-template-columns:1fr;place-items:center;gap:5px;display:grid}.style-meter-head span,.style-meter-foot span{color:var(--ui-accent-cyan);text-align:center;text-shadow:2px 2px #000;font-size:10px;line-height:1}.style-meter-head strong{background:var(--style-rank-badge-image) center / contain no-repeat, linear-gradient(180deg, #ffb80038, #00f0ff1a), #00000061;width:100%;min-height:clamp(58px,8.5vw,92px);color:var(--ui-accent-amber);text-align:center;text-shadow:4px 4px #000,0 0 14px #ffb800db,0 0 24px #00f0ff7a;border:1px solid #ffb80094;place-items:center;font-size:clamp(38px,5.2vw,62px);line-height:.9;display:grid}.style-meter-head em{color:var(--ui-text-main);text-align:center;text-shadow:2px 2px #000;font-size:15px;font-style:normal;font-weight:700}.style-meter-track{width:var(--style-track-width);background-color:#00000085;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 12.5%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #00f0ff9e;justify-self:center;align-items:flex-end;height:100%;min-height:112px;display:flex;overflow:hidden;box-shadow:inset 0 0 12px #000,0 0 18px #00f0ff3d}.style-meter-track i{background:var(--style-track-fill-gradient);width:100%;height:0%;transition:height .12s linear;display:block;box-shadow:0 0 14px #7cff4db8}.style-meter-foot{gap:5px}.style-meter-foot span{width:100%;color:var(--ui-text-main);background:#050a12a3;border:1px solid #00f0ff47;padding:4px 3px;font-size:10px}.style-meter-foot span:first-child{color:var(--ui-accent-cyan);font-size:12px;font-weight:700}.style-meter-foot span:last-child{color:var(--ui-accent-amber)}.style-meter-panel.style-hot{outline-color:#ffb800eb;animation:1.1s ease-in-out infinite alternate styleRailPulse;box-shadow:-5px 0 #0008,0 0 34px #ffb80075,0 0 22px #7cff4d42}.style-meter-panel.style-overdrive{--style-hot-pulse-duration:.72s;background:radial-gradient(circle at 50% 14%,#ff3b3857,#0000 42%),linear-gradient(#ffb80047 1px,#0000 1px),linear-gradient(90deg,#120816f5,#04080ee6);box-shadow:-6px 0 #0009,0 0 42px #ff3b3875,0 0 36px #ffb80066,0 0 22px #00f0ff4d}.style-meter-panel.style-overdrive .style-meter-head strong{text-shadow:4px 4px #000,0 0 18px #ff3b38f2,0 0 30px #ffb800c2,0 0 42px #00f0ff66;transform:scale(1.08)}.style-meter-panel[data-rank=C]{--style-rank-badge-image:var(--style-rank-badge-c)}.style-meter-panel[data-rank=B]{--style-rank-badge-image:var(--style-rank-badge-b)}.style-meter-panel[data-rank=A]{--style-rank-badge-image:var(--style-rank-badge-a)}.style-meter-panel[data-rank=S]{--style-rank-badge-image:var(--style-rank-badge-s)}.style-meter-panel[data-rank=SS]{--style-rank-badge-image:var(--style-rank-badge-ss)}.style-meter-panel[data-rank=SSS]{--style-rank-badge-image:var(--style-rank-badge-sss)}.hype-fever-panel{z-index:6;width:min(460px, calc(100% - var(--style-rail-width) - 336px));border:2px solid var(--ui-border-dark);min-width:240px;box-shadow:var(--ui-shadow-hard), var(--ui-glow-lime);pointer-events:none;background:linear-gradient(90deg,#00f0ff1f 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#0a101cdb,#04080ec7);outline:1px solid #7cff4db8;gap:5px;padding:7px 9px;display:grid;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hype-fever-panel.fever-ready{box-shadow:var(--ui-shadow-hard), 0 0 24px #ffb80085, 0 0 18px #7cff4d42;outline-color:#ffb800f0}.hype-fever-panel.fever-active{box-shadow:var(--ui-shadow-hard), 0 0 30px #ff3b3885, 0 0 24px #ffb80052;outline-color:#ff3b38f5;animation:1.1s ease-in-out infinite alternate hypePanelActive}.hype-fever-panel.fever-overcap,.hype-fever-panel.fever-active.fever-overcap{box-shadow:var(--ui-shadow-hard), 0 0 36px #ff3b389e, 0 0 34px #ffb80085, 0 0 28px #00f0ff5c;background:linear-gradient(90deg,#ff3b382e 1px,#0000 1px),linear-gradient(#ffb80033,#04080ed1);outline-color:#fffffff5}.hype-fever-head{color:var(--ui-accent-lime);text-shadow:2px 2px #000;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;line-height:1;display:flex}.hype-fever-head span{color:var(--ui-accent-lime);font-weight:900}.hype-fever-head strong{color:var(--ui-accent-amber);font-size:10px}.hype-fever-track{background:linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/18px 100%,#02060aad;border:1px solid #7cff4d94;height:13px;overflow:hidden;box-shadow:inset 0 0 12px #000}.hype-fever-track i{background:var(--fever-gauge-fill);width:0%;height:100%;transition:width .14s linear;animation:.9s ease-in-out infinite alternate hypeFeverPulse;display:block;box-shadow:0 0 16px #7cff4dc7}.hype-fever-foot{color:var(--ui-text-muted);text-align:center;font-size:9px;line-height:1}@keyframes styleRailPulse{0%{opacity:.92}to{opacity:1}}@keyframes hypeFeverPulse{0%{opacity:.9}to{opacity:1}}@keyframes hypePanelActive{0%{opacity:.92}to{opacity:1}}.hud-main,.hud-sub{flex-wrap:wrap;gap:4px;display:flex}.hud-main span,.hud-sub span{min-height:20px;color:var(--text);text-shadow:2px 2px #000;background:#050a12e0;border:2px solid #0a0b0f;outline:1px solid #00f0ff6b;padding:4px 6px;font-size:11px;line-height:1.05}.hud-sub span{color:#dce8ff}.hud-btn,.deck-btn,.panel-btn,.choice-btn{color:var(--text);background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/4px 4px,linear-gradient(#0a101cf5,#04080ef5);border:1px solid #00f0ff57;border-radius:0;min-height:34px;padding:8px 10px;line-height:1.15;box-shadow:3px 3px #000}.hud-btn:hover,.deck-btn:hover,.panel-btn:hover,.choice-btn:hover{border-color:var(--ui-accent-amber)}button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.start-btn{z-index:8;min-width:92px;position:absolute;bottom:8px;left:8px}.menu-btn{right:calc(var(--style-rail-width) + 8px);z-index:8;position:absolute;top:8px}.portrait-assist{z-index:7;color:#dce8ff;background:#050a12d1;border:1px solid #00f0ff3d;padding:6px 8px;font-size:11px;display:none;position:absolute;bottom:8px;left:8px;right:8px}.mobile-control-deck{background:#04080ef0;border-top:1px solid #00f0ff33;grid-area:controls;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-height:54px;padding:7px 8px;display:none}.menu-panel,.menu-grid,.choice-card,.pickup-grid,.glossary-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.deck-btn.primary,.panel-btn.primary{border-color:var(--ui-accent-amber);color:#eafff9}.deck-btn.accent,.panel-btn.accent{border-color:var(--ui-accent-cyan);color:#dff9ff}.deck-btn.ready{border-color:var(--ui-accent-lime);color:#eafff9;box-shadow:3px 3px #000,0 0 18px #65ff9a47}.deck-btn.cooldown{color:#ffe6a3;border-color:#ffdc567a}.overlay{z-index:30;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:linear-gradient(135deg,#00f0ff1a,#0000 32%),linear-gradient(#02060ae0,#02060ab8);place-items:center;display:grid;position:fixed;inset:0}#menuModal{z-index:30;place-items:stretch stretch}#glossaryModal,.choice-overlay{z-index:40}#scoreProfileModal{z-index:50}.hidden,.admin-only{display:none!important}body.admin-mode .admin-only{display:revert!important}body.admin-mode .field.admin-only{display:grid!important}body.admin-mode .panel-btn.admin-only,body.admin-mode .link-btn.admin-only{display:inline-grid!important}.menu-panel,.choice-card{outline:2px solid var(--ui-border-amber);background:linear-gradient(90deg,#00f0ff14 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#ffb8000f 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#0a101cf7,#04080ef2);border:3px solid #0a0b0f;border-radius:0;width:min(940px,100%);max-height:min(720px,100%);overflow:auto;box-shadow:0 20px 70px #000b}.menu-panel{border-width:2px;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;max-height:none;padding:clamp(10px,1.8vw,18px);display:grid}.menu-header{border-bottom:1px solid #00f0ff38;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.menu-header strong,.menu-header h2{color:#f7fbff;margin:0;font-size:17px;display:block}.menu-header span{color:var(--muted);font-size:12px}.menu-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;align-content:start;gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.menu-section{background:linear-gradient(#0a101cd1,#050a12bd);border:1px solid #00f0ff2e;border-radius:0;min-width:0;padding:11px;box-shadow:inset 0 0 22px #00f0ff0a}.menu-section.season-section,.menu-section.feedback-section{grid-column:span 1}.feedback-section{background:radial-gradient(circle at 8% 0,#ffb80038,#0000 30%),linear-gradient(90deg,#ff4df014 1px,#0000 1px),linear-gradient(#101222f0,#050a12d6);border-color:#ffb8006b;box-shadow:inset 0 0 28px #ffb80014,0 0 18px #ffb8001f}.feedback-section h2{color:var(--ui-accent-amber);font-size:clamp(18px,3.8vw,26px)}.feedback-lead{background:#ffb80012;border:1px solid #ffb80047;padding:9px;color:#fff2b8!important;font-size:13px!important}.feedback-section textarea{background:#02060ac7;border-color:#ffb80080;min-height:150px;font-size:15px}.menu-section h2,.choice-card h2{color:#e8f0ff;margin:0 0 8px;font-size:15px}.menu-section p,.choice-card p{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.5}.build-box{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.menu-build-preview{margin-bottom:8px}.menu-build-preview .build-visual{text-align:center;grid-template-columns:1fr;gap:5px}.menu-build-preview .build-visual img{justify-self:center;width:min(76px,100%)}.menu-build-preview .build-visual span{display:none}.menu-build-preview .build-visual strong{white-space:normal;max-height:2.5em;font-size:11px}.build-box div{gap:3px;min-width:0;display:grid}.build-box .streamer-icon-preview{width:48px}.build-box strong,.build-box span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.build-box span{color:var(--muted);font-size:12px}.field{gap:5px;margin-top:8px;display:grid}.field span{color:var(--muted);font-size:12px}.field select,.field input,.field textarea{width:100%;min-height:36px;color:var(--text);font:inherit;background:#05080b;border:1px solid #00f0ff57;border-radius:0;padding:7px 8px}.field textarea{resize:vertical}.button-row,.stream-row,.economy{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.button-row>.panel-btn,.stream-row>.panel-btn,.economy>.panel-btn{flex:108px}.stream-row span,.economy span{min-width:0}.stream-row #streamGaugeStatus{color:#ffe65f;background:linear-gradient(90deg,#ffd84d1f 1px,#0000 1px) 0 0/6px 6px,#02060a80;border:1px solid #ffd84d57;flex:999 220px;padding:6px 7px;line-height:1.25}.stream-config{background:#05081685;border:1px solid #00f0ff33;gap:8px;margin:9px 0;padding:9px;display:grid}.stream-config .field:first-child input{border-color:var(--ui-accent-cyan);min-height:42px;font-size:16px}.link-btn{color:var(--text);place-items:center;text-decoration:none;display:inline-grid}.gift.low{border-color:var(--ui-accent-cyan)}.gift.mid{border-color:var(--ui-spark-magenta)}.gift.high{border-color:var(--ui-accent-amber)}.gift-event-panel{background:#050a12c7;border:1px solid #00f0ff38;border-radius:0;gap:3px;margin:9px 0;padding:8px;display:grid}.gift-event-panel.active{border-color:var(--ui-accent-amber);box-shadow:inset 0 0 28px #ffb80017}.gift-event-panel span,.stream-row span,.economy span{color:var(--muted);font-size:12px}.legacy-money{display:none}.season-metadata{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:8px;font-size:14px;display:grid}.season-metadata strong{color:var(--text)}.season-metadata span{text-align:center;background:#0508167a;border:1px solid #00f0ff33;place-items:center;min-height:38px;padding:7px;display:grid}.score-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px;display:grid}.score-summary span,.remote-score-summary span{min-width:0;color:var(--muted);background:#0508167a;border:1px solid #00f0ff2e;gap:2px;padding:6px;font-size:10px;line-height:1.2;display:grid}.score-summary strong{color:var(--ui-accent-amber);font-size:13px}.remote-score-summary{margin:0 0 8px;display:grid}.remote-score-summary span{background:#05101c8a;border-color:#00f0ff47}.remote-score-summary strong{color:#9de7ff;font-size:13px}.leader-list{gap:6px;display:grid}.leader-row{background:#0508168f;border:1px solid #16e7ff33;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:7px;padding:6px;display:grid}.leader-row div{gap:2px;min-width:0;display:grid}.leader-row span,.leader-row em,.leader-row p{overflow-wrap:anywhere;margin:0}.leader-row em{color:#57ffb3;font-size:11px;font-style:normal}.remote-row{background:#08131c9e;border-color:#ffb80057}.leader-row p,.empty-state,.feedback-actions span{color:var(--muted);font-size:11px;line-height:1.35}.feedback-actions{grid-template-columns:minmax(96px,.45fr) minmax(0,1fr);align-items:center;gap:7px;margin-top:8px;display:grid}.profile-card{width:min(540px,100%);max-height:calc(100dvh - 22px);overflow:auto}.profile-card .button-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.8fr)}.end-quick-panel{z-index:16;border:2px solid var(--ui-accent-amber);width:min(480px,100% - 24px);max-height:calc(100% - 36px);box-shadow:var(--ui-shadow-hard), 0 0 32px #ffb80052;text-align:center;background:linear-gradient(90deg,#ffb8001f 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#0f121af5,#04080ef5);outline:1px solid #00f0ff99;justify-items:center;gap:10px;padding:14px;display:grid;position:absolute;top:50%;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.end-quick-panel span{color:var(--ui-accent-cyan);font-size:11px;font-weight:900}.end-quick-panel strong{color:var(--ui-text-main);text-shadow:3px 3px #05070c,0 0 18px #ffb80075;font-size:clamp(24px,5vw,42px);line-height:1}.end-quick-panel em{max-width:100%;color:var(--ui-accent-cyan);overflow-wrap:anywhere;background:#00f0ff12;border:1px solid #00f0ff47;margin:-2px 0 0;padding:4px 7px;font-size:12px;font-style:normal;font-weight:900;line-height:1.25}.end-quick-panel p{max-width:100%;color:var(--ui-accent-amber);overflow-wrap:anywhere;margin:-2px 0 0;font-size:clamp(12px,2.5vw,16px);font-weight:900;line-height:1.25}.end-quick-panel .end-quick-hint{color:var(--ui-text-muted);font-size:12px;font-weight:700}.end-quick-actions{grid-template-columns:1.2fr 1fr;gap:10px;width:100%;min-width:0;display:grid}.quick-retry-btn{border-color:var(--ui-accent-amber);color:#fff;width:100%;min-height:52px;box-shadow:var(--ui-shadow-hard), 0 0 24px #ffb80061;font-size:clamp(18px,4vw,28px);position:static}.profile-streamer-icon{aspect-ratio:1;border:2px solid var(--ui-border-dark);outline:1px solid var(--ui-border-amber);width:54px;box-shadow:var(--ui-shadow-hard), var(--ui-glow-amber)}.choice-overlay{pointer-events:auto;place-items:end center}.choice-card{width:min(720px,100%);max-height:calc(var(--app-height,100dvh) - 24px);padding:12px;overflow:auto}.pickup-card{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.choice-list{gap:8px;display:grid}.choice-btn{text-align:left;background:linear-gradient(90deg,#00f0ff12 1px,#0000 1px) 0 0/5px 5px,linear-gradient(#0a101cf5,#04080ef5);gap:3px;width:100%;display:grid}.choice-btn strong,.choice-btn span,.menu-section p,.gift-event-panel strong,.gift-event-panel span,.stream-row span,.economy span{overflow-wrap:anywhere}.choice-btn strong{color:var(--ui-text-main);font-size:14px}.choice-btn span{color:#b7c4f5;font-size:12px}.pickup-grid{grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;margin:8px 0;display:grid;overflow:auto}.pickup-grid article{background:#050a12bd;border:1px solid #00f0ff33;border-radius:0;align-self:start;min-width:0;padding:8px}.pickup-rare .pickup-card,.pickup-epic .pickup-card,.pickup-legendary .pickup-card,.pickup-ancient .pickup-card{position:relative;box-shadow:0 18px 56px #000d,0 0 28px #ffdc5e3d}.pickup-epic .pickup-card{outline-color:#c76dffe0;box-shadow:0 18px 56px #000d,0 0 34px #c76dff57}.pickup-legendary .pickup-card{outline-color:#ff8a2aeb;box-shadow:0 18px 56px #000d,0 0 42px #ff8a2a75,0 0 18px #ffe85f52}.pickup-ancient .pickup-card{outline-color:#ff3333f5;box-shadow:0 18px 56px #000d,0 0 50px #ff333385,0 0 22px #ffe85f57}.pickup-rare .pickup-grid article:last-child{background:radial-gradient(circle at 50% 0,#ffdc5e2e,#0000 44%),#050a12c7;border-color:#ffdc5eb8}.pickup-epic .pickup-grid article:last-child{background:radial-gradient(circle at 50% 0,#c76dff3d,#0000 48%),#080512d1;border-color:#c76dffcc}.pickup-legendary .pickup-grid article:last-child,.pickup-ancient .pickup-grid article:last-child{background:radial-gradient(circle at 50% 0,#ffe85f47,#0000 46%),radial-gradient(circle at 12% 90%,#ff8a2a33,#0000 34%),#0c0704db;border-color:#ff8a2ae6;box-shadow:inset 0 0 22px #ffb8001f,0 0 24px #ff8a2a38}.pickup-ancient .pickup-grid article:last-child{background:radial-gradient(circle at 50% 0,#ff333352,#0000 46%),radial-gradient(circle at 85% 18%,#ffe85f3d,#0000 28%),#120306e6;border-color:#ff3333f2}.pickup-item-image{border:2px solid var(--line);object-fit:cover;image-rendering:auto;background:linear-gradient(90deg,#00f0ff1f 1px,#0000 1px) 0 0/6px 6px,linear-gradient(#ffb80014 1px,#0000 1px) 0 0/6px 6px,#05080b;width:clamp(62px,9vw,88px);height:clamp(62px,9vw,88px);margin:2px 0 7px;display:block}.pickup-grid h3{color:var(--muted);margin:0 0 4px;font-size:12px}.pickup-grid pre{white-space:pre-wrap;color:#dfe8ff;font-size:12px}.compare-delta{color:var(--warn)}.compare-delta.positive{color:var(--good)}.compare-delta.negative{color:var(--danger)}.pickup-card>.button-row{background:linear-gradient(#050a1200,#04080ef0 36%);border-top:1px solid #00f0ff2e;flex-wrap:nowrap;grid-row:6;align-items:stretch;margin-top:0;padding-top:8px}.pickup-card>.button-row>.panel-btn{flex:1 1 0;min-width:0}.slot-effect-stage,.gear-scan-stage{background:radial-gradient(circle at 50% 14%,#ffe85f57,#0000 28%),radial-gradient(circle at 18% 82%,#00f0ff33,#0000 30%),linear-gradient(135deg,#0a101cf5,#04080ef0 58%,#071a22eb);border:1px solid #ffe87c99;gap:7px;margin:8px 0;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #00000073,0 0 28px #ffb80047}.slot-effect-stage:before,.slot-effect-stage:after,.gear-scan-stage:before,.gear-scan-stage:after{content:"";pointer-events:none;position:absolute;inset:-40%}.slot-effect-stage:before,.gear-scan-stage:before{background:linear-gradient(115deg,#0000 0 32%,#ffe85f24 44%,#0000 58%),radial-gradient(circle,#00f0ff1f,#0000 42%);animation:1.05s linear infinite gearScanSweep}.slot-effect-stage:after,.gear-scan-stage:after{mix-blend-mode:screen;opacity:.55;background:linear-gradient(90deg,#0000 0 6%,#ffffff29 7%,#0000 8% 18%),repeating-linear-gradient(0deg,#00f0ff1a 0 1px,#0000 1px 10px);animation:.48s linear infinite gearScanLine;transform:translate(-24%)}.gear-scan-topline,.gear-scan-cells,.gear-scan-result{z-index:1;position:relative}.gear-scan-topline{color:#fff7bd;letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.gear-scan-topline strong{color:#fff;text-align:right;text-shadow:0 0 10px #ff5860bf;font-size:13px}.gear-scan-cells{justify-content:center;gap:10px;display:flex}.gear-scan-cell{aspect-ratio:1;color:#fff9d8;text-shadow:0 2px #090505,0 0 10px #ffd24ce0;background:radial-gradient(circle at 50% 42%,#ffe85f5c,#0000 54%),linear-gradient(135deg,#00f0ff3d,#ff4df01f),#050a12eb;border:1px solid #fff6bdb8;outline:2px solid #05080bd1;place-items:center;width:clamp(42px,11vw,58px);min-width:0;min-height:0;font-size:clamp(12px,3.4vw,17px);font-weight:900;animation:.8s ease-in-out infinite alternate gearScanPulse;display:grid;box-shadow:inset 0 0 12px #00f0ff2e,0 0 14px #ffd24c3d}.slot-effect-stage.settled .gear-scan-cell,.gear-scan-stage.settled .gear-scan-cell{animation:.28s ease-out both gearScanSettle}.gear-scan-result{color:#ffe65f;text-align:center;text-shadow:0 0 12px #ff2353cc;font-size:12px;font-weight:800}.slot-effect-stage.settled .gear-scan-result,.gear-scan-stage.settled .gear-scan-result{animation:.55s ease-out both gearScanResultPop}.slot-effect-stage.mini,.gear-scan-stage.mini{border-color:#7bffe28c;box-shadow:0 0 0 2px #00000073,0 0 22px #7bffe238}.slot-effect-stage.bonus,.gear-scan-stage.bonus{border-color:#ffe85fc7}.slot-effect-stage.rare-drop,.gear-scan-stage.rare-drop{border-color:#ffdc5ed1;box-shadow:0 0 0 2px #0000007a,0 0 30px #ffdc5e61}.slot-effect-stage.epic-drop,.gear-scan-stage.epic-drop{background:radial-gradient(circle at 48% 12%,#c76dff5c,#0000 30%),radial-gradient(circle at 18% 82%,#00f0ff38,#0000 30%),linear-gradient(135deg,#0d081ef7,#190626f0 58%,#071022eb);border-color:#c76dffe0;box-shadow:0 0 0 2px #00000080,0 0 36px #c76dff75}.slot-effect-stage.legendary-surge,.slot-effect-stage.legendary-drop,.gear-scan-stage.legendary-surge,.gear-scan-stage.legendary-drop{border-color:#ff8a2ae6;box-shadow:0 0 0 2px #00000080,0 0 34px #ff8a2a80}.slot-effect-stage.ancient,.slot-effect-stage.ancient-drop,.gear-scan-stage.ancient,.gear-scan-stage.ancient-drop{background:radial-gradient(circle at 18% 18%,#ff282885,#0000 28%),radial-gradient(circle at 82% 24%,#ffe85f61,#0000 24%),linear-gradient(135deg,#190206fa,#52050ff2 48%,#090a10fa);border-color:#ff3333f2;box-shadow:0 0 0 2px #00000094,0 0 42px #ff33339e}.slot-effect-stage.ancient .gear-scan-result,.gear-scan-stage.ancient .gear-scan-result{color:#fff1f1;text-shadow:0 0 16px #ff3333f2,0 0 24px #ffe85fa6}@keyframes gearScanSweep{to{transform:rotate(1turn)}}@keyframes gearScanLine{to{transform:translate(24%)}}@keyframes gearScanPulse{50%{filter:brightness(1.18);transform:translateY(-2px)}}@keyframes gearScanSettle{0%{filter:brightness(1.8);transform:translateY(-14px)scaleY(.9)}to{filter:brightness(1.05);transform:translateY(0)scaleY(1)}}@keyframes gearScanResultPop{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.glossary-card{width:min(760px,100%)}.glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.glossary-list article{background:#050a12bd;border:1px solid #00f0ff2e;border-radius:0;padding:8px}.glossary-list strong{color:#f7fbff}.glossary-list p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}@media (pointer:coarse),(width<=900px){.game-frame{--style-rail-width:clamp(68px, 12vw, 84px);--right-control-width:78px;max-height:calc(var(--app-height,100dvh) - 56px);border-left:0;border-right:0}.mobile-control-deck{display:grid}.start-panel,.start-shell{width:min(840px,100vw - 16px)}body.is-title .start-build{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps""guide""name""icon""fields""visual""summary""detail""actions"}.hud-main span,.hud-sub span{padding:3px 5px;font-size:10px}.combat-hud{left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));max-width:calc(100% - 104px)}.run-build-panel{right:calc(var(--style-rail-width) + max(10px, env(safe-area-inset-right)));bottom:max(8px, env(safe-area-inset-bottom));width:min(248px,100% - 16px)}.live-event-overlay{right:calc(var(--style-rail-width) + var(--right-control-width) + max(10px, env(safe-area-inset-right)));left:auto;top:max(8px, env(safe-area-inset-top));width:min(232px, calc(100% - var(--style-rail-width) - var(--right-control-width) - 28px));min-width:170px;max-height:72px;bottom:auto}.menu-btn{right:calc(var(--style-rail-width) + max(8px, env(safe-area-inset-right)));top:max(8px, env(safe-area-inset-top))}.start-btn{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));opacity:.86;min-width:0;min-height:28px;padding:5px 7px;font-size:10px}.start-actions .start-btn,.start-actions .start-menu-btn,.start-actions .start-fullscreen-btn{opacity:1;max-width:none;min-height:44px;padding:8px 10px;font-size:13px}}@media (width<=1100px){.app-shell{--arena-size:min(100vmin, calc(var(--app-height,100dvh) - 7vh))}.menu-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=1180px) and (height>=700px){.app-shell{--arena-size:min(62vw, calc(var(--app-height,100dvh) - 7vh))}}@media (width>=1500px) and (height>=860px){.app-shell{--arena-size:min(58vw, calc(var(--app-height,100dvh) - 7vh))}}@media (height<=480px) and (width<=960px){.app-shell{--style-rail-width:70px;--right-control-width:78px;--arena-size:min(72vw, calc(var(--app-height,100dvh) - 4px));grid-template-columns:minmax(260px, var(--arena-size)) minmax(128px, 1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"game guide";gap:4px;padding:0}.mobile-control-deck{top:max(86px, calc(env(safe-area-inset-top) + 86px));right:calc(var(--style-rail-width) + max(6px, env(safe-area-inset-right)));bottom:max(6px, env(safe-area-inset-bottom));z-index:12;background:#05080bc2;border:1px solid #00f0ff38;grid-template-columns:1fr;grid-auto-rows:minmax(34px,max-content);align-content:end;gap:6px;width:82px;min-height:0;padding:6px;display:grid;position:absolute;left:auto}.mobile-control-deck .deck-btn{min-height:34px;padding:6px 5px;font-size:10px}.game-frame{--style-rail-width:70px;--right-control-width:78px;inline-size:var(--arena-size);block-size:var(--arena-size);width:var(--arena-size);height:var(--arena-size);aspect-ratio:1;max-height:none;box-shadow:none;border:0;outline:0;align-self:center}.gift-guide-panel{width:100%;height:auto;max-height:calc(var(--app-height,100dvh) - 8px);align-self:center;min-height:0;padding:6px 92px 6px 6px;display:grid}.gift-guide-track{gap:6px;animation-duration:46s}.gift-guide-track article{min-width:236px;padding:6px 8px}.gift-guide-track b{font-size:12px}.gift-guide-track span{font-size:11px}.combat-hud{max-width:calc(100% - 104px)}.start-screen{padding:8px 92px 8px 8px}.start-shell{gap:5px}.start-panel{max-height:calc(var(--app-height,100dvh) - 28px);grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 92px 52px 8px}.start-actions{right:calc(var(--style-rail-width) + 92px + max(8px, env(safe-area-inset-right)));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));z-index:12;background:#04080ef0;border:2px solid #ffb8008c;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;position:fixed;box-shadow:0 10px 22px #000b}body.is-title .start-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.start-title{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px}.start-title h1{font-size:18px}.start-title p,.start-title span,.start-build p,.start-kicker{font-size:10px}.start-title p,.start-title span,#startSeasonRangeVal,#startRemoteStatusVal{display:none}.start-build{gap:6px;padding:8px}.start-screen .job-detail{gap:5px;padding:6px}.start-screen .job-metric-grid,.start-screen #startJobTacticsVal,.start-screen #startMeleeWeaponTacticsVal{display:none}.streamer-profile-editor.compact{grid-template-columns:38px minmax(0,1fr) auto}.streamer-profile-editor.compact .streamer-icon-preview{width:38px}.start-screen .job-detail>p,.start-screen .weapon-detail p{max-height:2.55em;overflow:hidden}.build-preview{gap:5px}.build-visual{grid-template-columns:56px minmax(0,1fr);gap:6px;padding:5px}.job-detail{gap:5px;padding:6px}.job-stat-grid,.job-metric-grid{gap:4px}.job-stat-grid span,.job-metric-grid span{padding:5px;font-size:9px}.job-stat-grid strong,.job-metric-grid strong{font-size:12px}.weapon-detail{gap:5px;padding:6px}.weapon-stat-grid{gap:4px}.weapon-stat-grid span{padding:5px;font-size:9px}.weapon-stat-grid strong{font-size:12px}.job-detail p{font-size:10px;line-height:1.3}.run-build-panel{right:calc(var(--style-rail-width) + 100px);width:220px;bottom:max(8px, env(safe-area-inset-bottom));gap:5px;padding:6px}.run-build-panel p{display:none}.live-event-overlay{right:calc(var(--style-rail-width) + var(--right-control-width) + 22px);width:min(202px, calc(100% - var(--style-rail-width) - var(--right-control-width) - 24px));gap:4px;min-width:158px;max-height:62px;padding:5px}.hype-fever-panel{left:max(8px, env(safe-area-inset-left));width:min(330px, calc(100% - var(--style-rail-width) - 342px));min-width:210px;bottom:max(8px, env(safe-area-inset-bottom));transform:none}.live-event-list .live-event-item:nth-child(n+2),.live-event-list .live-event-item em{display:none}.live-event-overlay-head strong{max-width:116px;font-size:10px}.start-btn{opacity:.86;min-width:0;min-height:28px;padding:5px 7px;font-size:10px}.pickup-card{width:min(760px,100%);max-height:calc(var(--app-height,100dvh) - 12px);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;padding:8px;display:grid}.pickup-card h2{margin-bottom:4px;font-size:13px}.pickup-card p{margin-bottom:4px;font-size:10px;line-height:1.3}.compare-delta{font-size:11px}.pickup-card .slot-effect-stage,.pickup-card .gear-scan-stage{gap:4px;margin:4px 0;padding:5px}.gear-scan-topline,.gear-scan-result{font-size:10px}.gear-scan-topline strong{font-size:11px}.gear-scan-cells{gap:4px}.gear-scan-cell{width:34px;font-size:12px}.pickup-grid{gap:6px;min-height:0;margin:5px 0;overflow:auto}.pickup-grid article{grid-template-columns:52px minmax(0,1fr);gap:3px 6px;padding:5px;display:grid}.pickup-grid h3{grid-column:1/-1;margin-bottom:0;font-size:10px}.pickup-item-image{width:52px;height:52px;margin:0}.pickup-grid strong{text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;font-size:11px;overflow:hidden}.pickup-grid pre{grid-column:1/-1;max-height:74px;margin:0;font-size:10px;line-height:1.25;overflow:auto}.pickup-card>.button-row{z-index:2;background:linear-gradient(#050a1200,#05080b 36%);gap:6px;padding-top:5px;position:sticky;bottom:0}.pickup-card>.button-row>.panel-btn{min-height:32px}}@media (orientation:portrait){:root{--portrait-start-action-height:54px;--style-rail-width:clamp(28px, 4.5vw, 36px);--style-track-width:clamp(9px, 1.5vw, 12px)}.app-shell{--arena-size:min(100vw, calc(var(--app-height,100dvh) - 20vh));grid-template:"game""guide"minmax(92px,1fr)"controls"/1fr;align-content:start;gap:6px;padding:0}.game-frame{inline-size:var(--arena-size);block-size:var(--arena-size);width:var(--arena-size);height:var(--arena-size);aspect-ratio:1;max-height:none;box-shadow:none;border:0;outline:0;align-self:start}.gift-guide-panel{place-self:stretch stretch;width:auto;height:auto;min-height:92px;max-height:none;margin:0 6px;padding:6px}.gift-guide-head strong{font-size:11px}.gift-guide-track{will-change:transform;animation-duration:62s}body.is-running .gift-guide-track{animation-duration:70s}.menu-btn{display:none}.start-screen{padding:max(8px, calc(env(safe-area-inset-top) + 8px)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:linear-gradient(#05080b42,#05080bad),linear-gradient(90deg,#ffb80014 1px,#0000 1px) 0 0/12px 12px,linear-gradient(#00f0ff12 1px,#0000 1px) 0 0/12px 12px;align-items:start}body.is-title .start-screen{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));align-items:stretch}.start-shell{gap:4px;width:100%}.start-panel{width:100%;max-height:calc(var(--app-height,100dvh) - 148px);padding:6px 6px calc(var(--portrait-start-action-height) + 10px);grid-template-columns:1fr;gap:5px}body.is-title .start-panel{max-height:none}.start-actions{z-index:12;background:#04080ef0;border:2px solid #ffb8008c;order:-10;grid-template-columns:minmax(0,1fr) minmax(86px,.38fr);gap:6px;padding:4px;display:grid;position:absolute;bottom:6px;left:6px;right:6px;box-shadow:0 10px 22px #000b}body.is-title .start-actions{grid-template-columns:repeat(3,minmax(0,1fr))}body.is-title .mobile-control-deck{display:none}.start-title{min-height:0;padding-right:calc(var(--style-rail-width) + 18px);grid-template-columns:1fr;gap:2px}body.is-title .start-title{padding-right:0}.start-title h1{overflow-wrap:anywhere;font-size:clamp(19px,5.8vw,26px);line-height:1}.start-title p{text-align:left;justify-self:start}.start-screen .job-detail{gap:4px;padding:5px}.start-screen .build-preview{gap:4px}.start-screen .build-visual{text-align:center;grid-template-columns:1fr;gap:3px;padding:4px}.start-screen .build-visual img{justify-self:center;width:min(62px,22vw)}body.is-title[data-start-step=summary] .start-build{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps""guide""name""icon""visual""summary""detail""actions"}body.is-title .start-build{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps""guide""name""icon""fields""visual""summary""detail""actions"}.start-screen .build-visual span{display:none}.start-screen .build-visual strong{white-space:normal;max-height:2.2em;font-size:10px;line-height:1.18}.start-screen .job-role-row span,.start-screen .job-stat-grid span,.start-screen .job-metric-grid span,.start-screen .weapon-stat-grid span{padding:4px;font-size:9px}.start-screen .job-stat-grid strong,.start-screen .job-metric-grid strong,.start-screen .weapon-stat-grid strong{font-size:11px}.start-screen .job-detail>p,.start-screen .weapon-detail p{max-height:2.8em;font-size:10px;line-height:1.4;overflow:hidden}body.is-title[data-start-step=weapon] .start-screen .job-detail>p,body.is-title[data-start-step=weapon] .start-screen .weapon-detail p,body.is-title[data-start-step=melee] .start-screen .job-detail>p,body.is-title[data-start-step=melee] .start-screen .weapon-detail p{max-height:2.6em;line-height:1.3}body.is-title[data-start-step=weapon] .start-screen .build-visual,body.is-title[data-start-step=melee] .start-screen .build-visual{min-height:clamp(116px,20vh,170px)}body.is-title[data-start-step=weapon] .start-screen .build-visual img,body.is-title[data-start-step=melee] .start-screen .build-visual img{width:min(168px,36vw,25vh)}.start-screen .weapon-detail{gap:4px;padding:5px}.start-kicker{gap:5px}.start-kicker span{padding:4px 6px}.job-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-control-deck{z-index:11;min-height:74px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:#05080bc7;display:grid;position:relative;bottom:auto;left:auto;right:auto}.mobile-control-deck:before{content:"移動は画面をドラッグ";min-width:0;color:var(--ui-accent-cyan);text-align:center;text-shadow:2px 2px #000;grid-column:1/-1;font-size:10px;line-height:1}body.is-title .mobile-control-deck:before{content:"まず遊ぶ / 移動はドラッグ";color:var(--ui-accent-amber)}#mobileStartBtn{font-size:0}#mobileStartBtn:after{content:"次へ";font-size:12px}body.is-title #mobileStartBtn:after{content:"次へ"}body.is-title[data-start-step=summary] #mobileStartBtn:after{content:"ラン開始"}body.is-running #mobileStartBtn:after{content:"ドラッグ移動";font-size:11px}body.is-ended #mobileStartBtn:after{content:"再挑戦"}.portrait-assist{padding:5px 7px;display:none;bottom:82px;left:92px;right:6px}.menu-btn{right:calc(var(--style-rail-width) + max(6px, env(safe-area-inset-right)));top:max(6px, env(safe-area-inset-top))}.start-btn{left:max(6px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom));max-width:76px}.start-actions .start-btn,.start-actions .start-menu-btn,.start-actions .start-fullscreen-btn{max-width:none;min-height:44px;font-size:12px}.combat-hud{left:max(6px, env(safe-area-inset-left));top:max(6px, env(safe-area-inset-top));max-width:calc(100% - 72px)}.style-meter-panel{right:0;top:max(6px, env(safe-area-inset-top));bottom:max(2px, env(safe-area-inset-bottom));width:var(--style-rail-width);gap:5px;padding:6px 5px;overflow:visible}.style-meter-head strong{justify-self:end;width:max-content;min-width:44px;min-height:42px;font-size:clamp(24px,7.4vw,38px);transform:translate(-2px)}.style-meter-track{width:var(--style-track-width);min-height:72px}.style-meter-foot span{padding:3px 2px;font-size:9px}.style-meter-foot span:first-child{font-size:10px}.style-meter-foot span:last-child{display:none}.run-build-panel{left:max(6px, env(safe-area-inset-left));right:calc(var(--style-rail-width) + max(12px, env(safe-area-inset-right)));bottom:max(82px, calc(env(safe-area-inset-bottom) + 82px));width:auto;padding:6px}.run-build-head strong{font-size:11px}.run-build-panel p,.live-event-overlay{display:none}body.is-running .style-meter-panel{right:0;top:max(6px, env(safe-area-inset-top));bottom:max(2px, env(safe-area-inset-bottom));width:var(--style-rail-width);opacity:.88}body.is-running .style-meter-head{gap:4px}body.is-running .style-meter-head span,body.is-running .style-meter-head em{display:none}body.is-running .style-meter-head strong{font-size:30px}body.is-running .style-meter-track{width:13px;min-height:70px}body.is-running .combat-hud{max-width:calc(100% - 210px)}body.is-running .combat-hud .hud-sub{gap:3px;max-width:100%;min-height:14px;margin-top:3px;display:flex;overflow:hidden}body.is-running .combat-hud .hud-sub .chip{min-height:16px;padding:1px 4px;font-size:9px;line-height:1.15}body.is-running .run-build-panel,body.is-running .live-event-overlay{display:none}body.is-running .live-event-overlay:not(:has(.live-event-item)){width:auto;min-width:58px;max-height:30px;padding:4px 6px}body.is-running .live-event-overlay:not(:has(.live-event-item)) .live-event-list{display:none}.hype-fever-panel{left:max(8px, env(safe-area-inset-left));right:calc(var(--style-rail-width) + max(10px, env(safe-area-inset-right)));bottom:max(2px, env(safe-area-inset-bottom));width:auto;min-width:0;transform:none}body.is-running .live-event-list .live-event-item:nth-child(n+2),body.is-running .live-event-list .live-event-item em{display:none}}@keyframes giftGuideScrollX{0%{transform:translate(0)}to{transform:translate(-50%)}}body.is-running .combat-hud{opacity:.9;max-width:min(54%,360px)}body.is-running .live-event-overlay,body.is-running .hud-sub #threatChip,body.is-running:not(.has-objective) .hud-sub #objectiveChip,body.is-running:not(.has-boss) .hud-sub #bossChip{display:none}body.is-running .hud-sub #objectiveChip,body.is-running .hud-sub #bossChip{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}body.is-running .portrait-assist{display:none}body.is-title .combat-hud,body.is-ended .combat-hud,body.is-title .style-meter-panel,body.is-ended .style-meter-panel,body.is-title .hype-fever-panel,body.is-ended .hype-fever-panel{opacity:0;pointer-events:none}body.is-title .run-build-panel,body.is-title .live-event-overlay,body.is-ended .live-event-overlay,body.is-ended .run-build-panel{display:none}body.menu-open .combat-hud,body.choice-open .combat-hud,body.menu-open .start-btn,body.choice-open .start-btn,body.menu-open .menu-btn,body.choice-open .menu-btn,body.menu-open .style-meter-panel,body.choice-open .style-meter-panel,body.menu-open .live-event-overlay,body.choice-open .live-event-overlay,body.menu-open .hype-fever-panel,body.choice-open .hype-fever-panel,body.menu-open .run-build-panel,body.choice-open .run-build-panel,body.menu-open .end-quick-panel,body.choice-open .end-quick-panel,body.menu-open .start-screen{opacity:.12;pointer-events:none}body.is-ended .combat-hud,body.is-ended .style-meter-panel,body.is-ended .hype-fever-panel{opacity:0;pointer-events:none}@media (height<=480px) and (width>=760px){.overlay{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.menu-panel,.start-panel{padding:8px}.menu-header{margin-bottom:6px}.menu-grid{grid-template-columns:minmax(0,1fr);gap:7px}.menu-section{padding:7px}.menu-section h2,.choice-card h2{margin-bottom:5px;font-size:13px}.menu-section p,.choice-card p,.field span,.build-box span,.gift-event-panel span,.stream-row span,.economy span{font-size:10px;line-height:1.35}.field{margin-top:6px}.build-preview{gap:5px}.build-visual{grid-template-columns:52px minmax(0,1fr);gap:5px;padding:5px}.build-visual span{font-size:9px}.build-visual strong{font-size:10px}.field select,input,textarea,.panel-btn{min-height:30px;padding:5px 7px;font-size:11px}textarea{min-height:64px}.gift-event-panel{margin:6px 0;padding:6px}.stream-config{gap:5px;margin:6px 0 0;padding:6px}.stream-config .field:first-child input{min-height:34px;padding:5px 7px;font-size:14px}.stream-config .button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.stream-config .button-row>.panel-btn,.stream-config .button-row>.link-btn{min-height:28px;padding:5px 6px;font-size:10px}}@media (width<=620px){.menu-grid,.glossary-list,.pickup-grid{grid-template-columns:1fr}.pickup-card{grid-template-rows:auto;align-content:start;align-self:start;overflow:auto}.pickup-grid,.pickup-card>.button-row{grid-row:auto}.pickup-card>.button-row{align-items:center;margin-top:8px}.pickup-card>.button-row>.panel-btn{height:38px;min-height:38px;padding:6px 8px}.menu-panel{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.start-panel{grid-template-columns:1fr}.menu-panel,.choice-card{border-radius:0;max-height:100%}.overlay{align-items:stretch}.panel-btn,.deck-btn,.choice-btn{min-height:36px;padding:7px 8px;font-size:12px}.feedback-actions{grid-template-columns:1fr}}@media (width<=430px){:root{--portrait-start-action-height:34px;--style-rail-width:30px;--style-track-width:9px}.game-frame{--style-rail-width:30px;--style-track-width:9px;--right-control-width:58px}.combat-hud{top:max(6px, env(safe-area-inset-top));left:max(6px, env(safe-area-inset-left));gap:3px;max-width:calc(100% - 68px)}.style-meter-panel{bottom:max(2px, env(safe-area-inset-bottom));width:var(--style-rail-width);gap:4px;padding:5px 2px}body.is-running .style-meter-panel{bottom:max(2px, env(safe-area-inset-bottom));opacity:.84}.style-meter-head,.style-meter-foot{gap:3px}.style-meter-head span,.style-meter-head em{display:none}.style-meter-head strong{justify-self:end;min-width:0;min-height:34px;font-size:22px;transform:none}.style-meter-track{width:var(--style-track-width);min-height:64px}.style-meter-foot span{display:none}.style-meter-foot span:first-child{padding:2px 1px;font-size:8px;line-height:1.05;display:none}.style-meter-foot span:last-child,.live-event-overlay,body.is-running .live-event-overlay,body.is-running .live-event-overlay p{display:none}body.is-running .live-event-list .live-event-item:first-child em{max-height:2.5em;display:block;overflow:hidden}body.is-running .live-event-overlay:not(:has(.live-event-item)){width:auto;min-width:54px}.hype-fever-panel{right:auto;bottom:max(2px, env(safe-area-inset-bottom));width:min(218px, calc(100% - var(--style-rail-width) - 18px));min-width:0;padding:5px 7px}.hype-fever-head{font-size:9px}.hype-fever-track{height:10px}.hype-fever-foot{text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}body.is-running .combat-hud{max-width:calc(100% - 120px)}.hud-main,.hud-sub{gap:3px}.hud-main span,.hud-sub span{min-height:18px;padding:2px 4px;font-size:9px}.menu-btn{top:max(6px, env(safe-area-inset-top));right:calc(var(--style-rail-width) + max(6px, env(safe-area-inset-right)));min-height:28px;padding:5px 7px;font-size:10px}.mobile-control-deck{min-height:56px;padding:5px 6px max(5px, env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px}.mobile-control-deck .deck-btn{min-height:30px;padding:6px 5px;font-size:11px}.start-screen{padding:max(6px, calc(env(safe-area-inset-top) + 6px)) 6px max(76px, calc(env(safe-area-inset-bottom) + 70px)) 6px}.start-panel{max-height:calc(var(--app-height,100dvh) - 82px);gap:7px}.start-kicker{gap:4px}.start-kicker span{padding:3px 5px;font-size:9px}#startSeasonRangeVal,#startRemoteStatusVal,.start-title span,.start-title p{display:none}.start-title h1{font-size:clamp(18px,6.2vw,24px);line-height:1.06}.start-build{gap:7px;padding:8px}.start-screen .streamer-profile-editor.compact{opacity:.78;grid-template-columns:34px minmax(0,1fr) auto;gap:5px;padding:4px}.start-screen .streamer-profile-editor.compact .streamer-icon-preview{width:34px}.start-screen .streamer-profile-editor.compact .streamer-profile-copy span{font-size:8px}.start-screen .streamer-profile-editor.compact .streamer-profile-copy strong{font-size:10px}.start-screen .streamer-profile-editor.compact .streamer-profile-copy em,.start-screen #startStreamerIconClearBtn{display:none}.start-screen .streamer-profile-editor.compact .file-btn{min-height:28px;padding:5px 6px;font-size:10px}.start-screen .start-build-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.start-screen .start-build-fields .field:last-child{grid-column:1/-1}body.is-title[data-start-step=weapon] .start-screen .streamer-profile-editor.compact,body.is-title[data-start-step=melee] .start-screen .streamer-profile-editor.compact,body.is-title[data-start-step=weapon] #startBuildSummaryVal,body.is-title[data-start-step=melee] #startBuildSummaryVal{display:none}.start-screen .field{gap:3px;margin-top:0}.start-screen .field span{font-size:9px}.start-screen .field select{min-height:30px;padding:4px 5px;font-size:10px}.start-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.build-visual{grid-template-columns:58px minmax(0,1fr);padding:6px}body.is-title[data-start-step=weapon] .start-screen .build-visual,body.is-title[data-start-step=melee] .start-screen .build-visual{min-height:98px}body.is-title[data-start-step=weapon] .start-screen .build-visual img,body.is-title[data-start-step=melee] .start-screen .build-visual img{width:min(138px,32vw,22vh)}.job-stat-grid{gap:5px}.weapon-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.start-title h1{font-size:clamp(18px,6.2vw,24px)}.start-title p,.start-build p,.start-kicker{font-size:10px}}@media (pointer:coarse),(width<=900px){.start-kicker{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:clamp(12px,3.2vw,16px)}.start-kicker span{text-overflow:ellipsis;min-height:38px;padding:8px 7px;overflow:hidden}#startSeasonRangeVal,#startRemoteStatusVal{display:flex!important}.season-metadata{grid-template-columns:1fr;gap:7px;font-size:15px}.season-metadata span{min-height:42px}.score-summary{grid-template-columns:1fr;gap:7px}.score-summary span,.remote-score-summary span{min-height:44px;padding:9px;font-size:12px}.score-summary strong,.remote-score-summary strong{font-size:18px}}@media (width<=430px){.start-kicker{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0;font-size:12px}body.is-title .start-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (pointer:coarse),(width<=900px){.choice-overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.choice-card{width:min(720px,100vw - 16px);max-height:calc(var(--app-height,100dvh) - 16px);padding:10px}.choice-list{gap:6px}body.is-running .live-event-overlay{top:max(54px, calc(env(safe-area-inset-top) + 54px))}.end-quick-panel{width:min(460px,100% - 16px);padding:12px}}@media (height<=480px) and (width<=960px){.choice-overlay{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));align-items:stretch}.choice-card{max-height:calc(var(--app-height,100dvh) - 12px);align-self:end;padding:8px}.choice-card h2{font-size:16px}.choice-card p{font-size:10px;line-height:1.3}.choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-btn{align-content:start;min-height:74px}.choice-btn strong{font-size:12px}.choice-btn span{font-size:10px;line-height:1.3}body.is-running .live-event-overlay{top:max(58px, calc(env(safe-area-inset-top) + 58px));width:min(184px, calc(100% - var(--style-rail-width) - var(--right-control-width) - 32px))}.end-quick-panel{gap:7px;width:min(420px,100% - 16px);padding:10px}.end-quick-panel strong{font-size:clamp(22px,6vh,32px)}.end-quick-actions{gap:7px}.quick-retry-btn,.end-quick-actions .hud-btn{min-height:40px;font-size:13px}}@media (width<=430px){.choice-card{width:calc(100vw - 12px);max-height:calc(var(--app-height,100dvh) - 12px);padding:8px}.end-quick-panel{gap:7px;width:calc(100% - 12px);padding:10px}.end-quick-panel strong{font-size:clamp(22px,8vw,34px)}.end-quick-actions{grid-template-columns:minmax(0,1fr);gap:6px}.quick-retry-btn,.end-quick-actions .hud-btn{min-height:38px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}