.device-choice{width:min(640px,calc(100vw - 30px));max-height:94dvh;overflow:auto;padding:36px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 90px #0008}.device-choice::backdrop{background:var(--bg);opacity:.99}.device-choice>small{font:9px Consolas;letter-spacing:1.5px;color:var(--accent)}.device-choice h1{font-size:29px;font-weight:600;margin:14px 0}.device-choice>p{font-size:13px;margin:0 0 24px}.device-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.device-options button{min-height:178px;padding:24px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:10px}.device-options button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.device-options svg{width:35px;height:35px;color:var(--accent)}.device-options strong{font-size:18px}.device-options span{font-size:11px;color:var(--muted);line-height:1.7}.device-choice .account-signature{font-size:11px;margin-top:25px!important}.device-switch{margin:20px 0;min-height:44px;font-size:12px}.device-choice[open]{z-index:100}
html[data-device=mobile] .portal-shell{max-width:460px}html[data-device=mobile] .portal-navigation{max-width:480px;margin-left:auto;margin-right:auto}html[data-device=mobile] .portal-navigation button{font-size:10px}html[data-device=mobile] .portal-welcome{display:block}html[data-device=mobile] .welcome-level{display:none}html[data-device=mobile] .portal-title{font-size:29px}html[data-device=mobile] .mission-live{grid-template-columns:1fr}html[data-device=mobile] .profile-hero{grid-template-columns:1fr}html[data-device=mobile] .profile-weapon{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}html[data-device=mobile] .profile-edit form{grid-template-columns:1fr}html[data-device=mobile] .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-device=mobile] .report-categories{grid-template-columns:1fr}html[data-device=mobile] .ranking-row{gap:10px;padding:14px 5px}html[data-device=mobile] .ranking-xp{font-size:12px}html[data-device=mobile] .profile-controls button{font-size:11px;padding:10px}html[data-device=mobile] .ranking-student strong{font-size:13px}html[data-device=mobile] .report-recent>div{gap:8px;font-size:10px}
@media(min-width:641px){html[data-device=mobile] body{padding-bottom:110px}html[data-device=mobile] .portal-navigation{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:460px;z-index:20;padding:8px;border-radius:14px 14px 0 0;margin-bottom:0;background:var(--panel);box-shadow:0 -8px 30px #0003}html[data-device=mobile] .portal-navigation button{flex-direction:column;gap:5px;min-height:48px}html[data-device=mobile] .arcade-game{width:480px!important;max-width:96vw!important;min-width:0!important;resize:none;max-height:96dvh;border-width:8px;padding:12px}html[data-device=mobile] .arcade-game .arcade-scene{height:350px;aspect-ratio:auto;overflow:hidden}html[data-device=mobile] .chart-viewport{overflow-x:auto;overflow-y:hidden}html[data-device=mobile] .chart-viewport .game-chart{width:max(100%,690px)!important;max-width:none!important;height:100%!important}html[data-device=mobile] .arcade-game .game-answers{left:6px;right:6px;width:auto;max-width:none;transform:none;gap:4px}html[data-device=mobile] .arcade-game .entry-choice{flex:1;font-size:9px;padding:10px 4px!important}html[data-device=mobile] .arcade-game .game-top-actions{max-width:55%;flex-wrap:wrap}html[data-device=mobile] .arcade-game .game-top h2{font-size:14px}html[data-device=mobile] .arcade-game .game-top small{font-size:7px}}
@media(max-width:480px){.device-choice{padding:28px 20px}.device-choice h1{font-size:26px}.device-options{grid-template-columns:1fr;gap:10px}.device-options button{min-height:110px;display:grid;grid-template-columns:42px 1fr;padding:18px;gap:6px 12px}.device-options svg{grid-row:span 2}.device-options strong{font-size:17px}.device-options span{font-size:11px}.device-choice>p{line-height:1.6}}