:root{--ink:#292437;--purple:#7054b0;--stripe:#7a60ba;--floor:#58418f;--paper:#fff3cf;--blue:#62c3dc;--yellow:#f9da73;--pink:#ed7797;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--purple)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:4px solid #fff3cf;outline-offset:5px}input:focus-visible{outline:3px solid #7054b0;outline-offset:2px}[hidden]{display:none!important}
#universe{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden;background:repeating-linear-gradient(125deg,var(--purple) 0 60px,var(--stripe) 60px 105px)}#universe-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#platform-ui{position:absolute;inset:0}.boot{position:absolute;top:45%;width:100%;text-align:center;font-weight:bold}
.scene-bar{position:absolute;z-index:5;top:max(22px,env(safe-area-inset-top));left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:1px;font-weight:900;color:var(--paper);text-decoration:none}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:2.5px solid var(--ink);border-radius:14px;background:var(--yellow);box-shadow:3px 3px var(--ink);color:var(--ink);font:900 27px "Trebuchet MS",sans-serif;transform:rotate(-9deg)}.brand small{font:700 9px "Trebuchet MS",sans-serif;display:block;letter-spacing:3.4px;margin-top:3px;opacity:.75}.bar-tools{display:flex;gap:10px;align-items:center}.chip{border:2px solid var(--ink);border-radius:18px;background:#59418c;color:var(--paper);padding:10px 16px;min-height:44px;font-size:13px;font-weight:700;box-shadow:2px 3px var(--ink)}.chip:hover{background:#4a3678}.motion-button{width:44px;min-width:44px;padding:0;font-size:19px}.scene-caption{position:absolute;bottom:max(19px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;pointer-events:none;color:#eee3ff;font-size:13px;letter-spacing:1px}.scene-caption b{color:var(--yellow)}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#f2ddff;margin:0 0 17px}.scene-title{margin:0;color:var(--paper);font-size:clamp(30px,4vw,50px);font-weight:900;letter-spacing:2px;line-height:1.3;text-shadow:3px 4px var(--ink)}.scene-title em{font-style:normal;color:var(--yellow)}.scene-subtitle{color:#f3e8ff;font-size:15px;line-height:1.8;margin:15px 0 0}.scene-copy{position:absolute;top:17%;left:7%;max-width:48%}.scene-copy .scene-title{font-size:clamp(40px,5vw,72px);line-height:1.27;letter-spacing:3px}.scene-copy .scene-subtitle{margin-top:19px;font-size:16px}.hello-badge{display:inline-block;padding:8px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:3px 3px var(--ink);font-size:13px;font-weight:bold;transform:rotate(-4deg);margin-bottom:22px}
.login-station{position:absolute;right:8%;top:24%;width:340px;color:var(--ink);transform:rotate(1deg)}.station-flag{position:absolute;top:-35px;right:18px;border:2px solid var(--ink);background:var(--yellow);padding:9px 18px;border-radius:10px 10px 0 0;font-size:12px;letter-spacing:2px;font-weight:900;transform:rotate(4deg);box-shadow:3px 1px var(--ink)}.station-body{position:relative;border:3px solid var(--ink);background:var(--blue);padding:27px 25px 21px;border-radius:26px;box-shadow:8px 9px var(--ink)}.station-body:after{content:"";position:absolute;left:24px;right:24px;bottom:-19px;height:15px;border:3px solid var(--ink);border-top:0;background:#4da0be;border-radius:0 0 9px 9px;z-index:-1}.station-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.station-port{height:42px;width:42px;border:2.5px solid var(--ink);border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:22px;transform:rotate(-12deg);font-weight:900}.station-header h2{margin:0;font-size:24px;letter-spacing:2px}.station-header p{margin:5px 0 0;font-size:11px;color:#334c61}.field{display:block;font-size:12px;font-weight:800;margin:13px 0}.field span{display:block;margin-bottom:7px}.field input{width:100%;height:47px;border:2.5px solid var(--ink);border-radius:11px;background:#fff9e7;padding:0 13px;color:var(--ink);font-size:15px;box-shadow:2px 3px #3686a3;transform:rotate(-1deg)}.field input::placeholder{color:#71697a;font-size:13px}.password-field{position:relative}.password-field input{padding-right:53px}.peek-password{position:absolute;bottom:3px;right:3px;height:42px;width:47px;background:transparent;color:#58418f;border:0;font-size:11px;font-weight:900}.primary{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;min-height:53px;background:var(--yellow);border:2.5px solid var(--ink);border-radius:12px;box-shadow:4px 5px var(--ink);font-weight:900;color:var(--ink);font-size:17px;transition:transform .16s,box-shadow .16s}.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:4px 8px var(--ink);background:#ffe99e}.primary:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 2px var(--ink)}.primary:disabled{opacity:.65}.primary .arrow{font-size:25px}.form-error{font-size:12px;line-height:1.5;color:#742b35;font-weight:bold;min-height:19px;margin:10px 0}.form-switch{border:0;background:transparent;color:#33445f;font-size:12px;text-decoration:underline;text-underline-offset:4px;display:block;min-height:44px;margin:9px auto -8px}.auth-note{text-align:center;font-size:11px;margin:26px 0 0;color:#eee3ff;letter-spacing:1px}.mascot-tap{position:absolute;left:23%;top:76%;padding:10px 17px;border:2px solid var(--ink);border-radius:17px;background:var(--paper);box-shadow:3px 3px var(--ink);color:var(--ink);font-size:12px;min-height:44px;transform:rotate(-4deg);font-weight:900}.mascot-tap:hover{background:var(--yellow)}
.scene-heading{position:absolute;top:15%;left:20px;right:20px;text-align:center}.step-track{display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;letter-spacing:1px;margin-bottom:18px;color:#e7d8f5}.step-track i{display:block;width:25px;height:2px;background:#bca4d8}.step-track b{color:var(--yellow)}.planet-grid{position:absolute;top:39%;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(15px,4vw,68px);width:min(980px,86%)}.planet{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent;color:var(--paper);padding:0;min-width:0;transition:transform .25s}.planet:hover:not(:disabled){transform:translateY(-13px)}.planet:disabled{color:#dbd3e5}.planet-orb{width:clamp(115px,14vw,174px);height:clamp(115px,14vw,174px);border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:7px 10px var(--ink),inset -12px -15px #dcb65f;display:grid;place-items:center;position:relative;animation:planet-bob 4s ease-in-out infinite}.planet-orb:after{content:"";position:absolute;width:38px;height:16px;border-radius:50%;background:#fff2bf;transform:rotate(-33deg);top:17px;left:20px}.planet:disabled .planet-orb{background:#a9a0b6;box-shadow:6px 8px #49385e,inset -12px -15px #8e859e;animation:none;border-color:#49385e}.planet:disabled .planet-orb:after{background:#c2baca}.planet-art{position:relative;z-index:1;width:75%;height:75%}.planet strong{font-size:23px;letter-spacing:3px;margin-top:24px;text-shadow:2px 3px var(--ink)}.planet small{font-size:11px;margin-top:10px;letter-spacing:2px}.planet .planet-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-6deg);padding:6px 13px;background:var(--pink);border:2px solid var(--ink);border-radius:9px;font-size:11px;font-weight:bold;white-space:nowrap;z-index:2;color:var(--ink)}.planet:disabled small:before{content:"▣ ";font-size:10px}.planet-active:before{content:"";position:absolute;width:120%;height:36px;top:53%;left:-10%;border:4px solid var(--paper);border-radius:50%;transform:rotate(-20deg);opacity:.7;pointer-events:none}.guide-line{position:absolute;bottom:16%;left:25%;right:25%;text-align:center;font-size:14px;line-height:1.7}.guide-line b{color:var(--yellow)}
.grade-grid{position:absolute;top:39%;left:50%;transform:translateX(-50%);width:min(850px,80%);display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.grade-door{height:186px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:3px solid var(--ink);border-radius:65px 65px 13px 13px;background:#a58bd1;box-shadow:6px 7px var(--ink);color:var(--ink);transition:transform .2s}.grade-door:before{content:"";position:absolute;inset:10px;border:2px solid #77609b;border-radius:54px 54px 6px 6px;pointer-events:none}.grade-door:hover{transform:translateY(-10px);background:#cbb0e4}.grade-door.selected{background:var(--yellow)}.grade-door b{font:900 66px "Trebuchet MS",sans-serif;color:var(--paper);text-shadow:2px 3px var(--ink)}.grade-door.selected b{color:var(--purple)}.grade-door span{font-weight:900;font-size:14px;z-index:1}.grade-door small{position:absolute;bottom:-38px;color:var(--paper);font-size:11px;white-space:nowrap}.grade-door .door-knob{position:absolute;right:11px;top:61%;width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}
.map-heading{top:13%;left:7%;right:7%;text-align:left;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.map-heading .scene-title{font-size:34px}.map-heading .scene-subtitle{font-size:12px;margin-top:8px}.semester-switch{display:flex;gap:5px;border:2px solid var(--ink);border-radius:14px;background:#59418c;padding:5px;box-shadow:3px 3px var(--ink);flex-shrink:0}.semester-switch button{min-height:42px;min-width:78px;border:0;border-radius:8px;color:var(--paper);background:transparent;font-weight:bold;font-size:13px}.semester-switch button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.level-map{position:absolute;top:31%;left:7%;right:7%;bottom:13%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:2px solid #ab8fd1;border-radius:28px;background:#5d439736;scrollbar-color:#d3b2e4 #58418f;scrollbar-width:thin}.map-inner{position:relative;margin:12px 10px 25px;min-height:100%}.map-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.map-path path{stroke:#c8b2e7;stroke-width:3;fill:none;stroke-dasharray:8 8;stroke-linecap:round}.level-node{position:absolute;transform:translateX(-50%);width:20%;height:161px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--paper);padding:12px 2px}.node-medal{position:relative;display:grid;place-items:center;width:66px;height:66px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:4px 5px var(--ink),inset 0 0 0 5px #ffe99b;color:var(--ink);font:900 28px "Trebuchet MS",sans-serif}.level-node:disabled .node-medal{background:#9781ba;border-color:#4c396b;box-shadow:3px 4px #4c396b,inset 0 0 0 5px #af96ce;color:#e5d5f2}.node-medal .play-mark{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--ink);margin-left:5px}.level-node:not(:disabled):hover .node-medal{transform:translateY(-6px) rotate(-7deg);background:#ffe8a2}.node-medal{transition:transform .2s}.level-node strong{font-size:13px;line-height:1.5;margin-top:15px;text-align:center;max-width:160px;letter-spacing:.5px}.level-node small{font-size:10px;margin-top:6px;color:#e0d0f2;letter-spacing:1px}.level-node.available small{color:var(--yellow)}.level-node .resume-dot{position:absolute;right:-9px;top:-8px;width:23px;height:23px;border:2px solid var(--ink);background:var(--blue);border-radius:50%;font-size:16px}.map-legend{position:absolute;bottom:7%;left:7%;right:7%;display:flex;justify-content:space-between;gap:14px;color:#eadcf6;font-size:11px}.map-legend b{color:var(--yellow)}.map-legend .legend-symbol{color:var(--yellow);font-size:15px;margin-right:4px}.map-empty-note{margin:0}.scene-content{animation:scene-enter .4s cubic-bezier(.2,.8,.3,1) both}#platform-toast{position:absolute;z-index:30;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:13px 22px;background:var(--paper);border:2px solid var(--ink);border-radius:14px;color:var(--ink);box-shadow:4px 4px var(--ink);font-size:13px;text-align:center;margin:0}
.scene-content{position:absolute;inset:0}
.mascot-tap{left:43%;top:77%}
@keyframes planet-bob{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes scene-enter{from{opacity:0;translate:0 17px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.login-station{right:14%;width:370px;top:26%}.scene-copy{left:11%}}
@media(max-width:900px){.login-station{right:6%;width:305px}.scene-copy{left:5%;max-width:45%}.scene-copy .scene-title{font-size:43px}.scene-copy .scene-subtitle{font-size:13px}.grade-grid{width:85%;gap:12px}.grade-door{height:160px}.grade-door b{font-size:52px}.planet-grid{width:90%;gap:20px}.planet strong{font-size:19px}.map-heading .scene-title{font-size:28px}}
@media(max-width:600px) and (min-height:501px){.scene-bar{left:18px;right:18px;top:max(17px,env(safe-area-inset-top))}.brand{font-size:16px;gap:8px}.brand-mark{width:34px;height:34px;font-size:23px;border-radius:10px}.brand small{font-size:7px;letter-spacing:2.4px}.chip{padding:8px 11px;font-size:10px}.bar-tools{gap:7px}.motion-button{width:40px;min-width:40px}.scene-copy{top:12%;left:8%;max-width:85%}.hello-badge{font-size:10px;padding:6px 10px;margin-bottom:12px}.scene-copy .scene-title{font-size:39px;line-height:1.2;letter-spacing:2px}.scene-copy .scene-title br{display:none}.scene-copy .scene-subtitle{font-size:12px;margin-top:10px}.scene-copy .scene-subtitle br{display:none}.login-station{top:auto;bottom:10%;right:9%;width:82%;max-width:360px;transform:rotate(.5deg)}.station-body{padding:21px 20px 15px;border-radius:22px;box-shadow:6px 7px var(--ink)}.station-header{margin-bottom:12px}.station-header h2{font-size:22px}.station-header p{font-size:10px}.field{margin:10px 0}.field input{height:45px;font-size:16px}.field span{margin-bottom:5px}.primary{min-height:48px}.form-error{margin:7px 0;min-height:16px;font-size:11px}.form-switch{margin-top:5px;min-height:36px}.auth-note{margin-top:20px;font-size:10px}.station-flag{top:-30px;font-size:10px;padding:8px 13px}.mascot-tap{top:30%;left:auto;right:9%;font-size:10px;min-height:40px;padding:8px 11px}.scene-caption{bottom:17px;font-size:10px;letter-spacing:.4px}.scene-heading{top:14%}.scene-title{font-size:31px}.scene-subtitle{font-size:12px;margin-top:9px}.step-track{font-size:9px;margin-bottom:17px;gap:6px}.step-track i{width:15px}.planet-grid{top:36%;width:78%;grid-template-columns:repeat(2,1fr);gap:28px 25px}.planet-orb{width:106px;height:106px;box-shadow:4px 6px var(--ink),inset -8px -10px #dcb65f}.planet-orb:after{width:25px;height:10px;top:11px;left:15px}.planet strong{font-size:17px;margin-top:12px}.planet small{font-size:9px;margin-top:5px;letter-spacing:1px}.planet-active:before{top:49%;height:25px}.planet .planet-tag{font-size:9px;top:-10px;padding:4px 9px}.guide-line{bottom:9%;left:10%;right:10%;font-size:11px}.grade-grid{top:34%;width:80%;grid-template-columns:repeat(3,1fr);gap:48px 17px}.grade-door{height:128px;border-radius:47px 47px 10px 10px;box-shadow:4px 5px var(--ink);gap:5px}.grade-door:before{inset:7px;border-radius:40px 40px 5px 5px}.grade-door b{font-size:47px}.grade-door span{font-size:12px}.grade-door small{bottom:-25px;font-size:9px}.grade-door .door-knob{right:7px;width:7px;height:7px}.map-heading{top:14%;left:6%;right:6%;align-items:center;gap:9px}.map-heading .scene-title{font-size:24px;letter-spacing:1px}.map-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:10px}.map-heading .scene-subtitle{font-size:10px;line-height:1.6;max-width:210px}.semester-switch{gap:0;padding:3px;border-radius:11px}.semester-switch button{font-size:11px;min-width:40px;min-height:40px}.level-map{top:31%;left:5%;right:5%;bottom:15%;border-radius:22px}.level-node{width:44%;height:145px}.node-medal{width:58px;height:58px;font-size:23px}.level-node strong{font-size:11px;margin-top:12px;max-width:135px}.level-node small{font-size:9px}.map-legend{bottom:8%;left:7%;right:7%;font-size:9px;line-height:1.6;flex-wrap:wrap;gap:4px}.scene-content .guide-line{bottom:10%}}
@media(max-width:600px) and (max-height:700px) and (min-height:501px){.scene-copy{top:12%}.hello-badge{display:none}.scene-copy .scene-title{font-size:31px}.scene-copy .scene-subtitle{font-size:10px;max-width:230px}.login-station{bottom:10%;width:82%}.station-body{padding:16px 18px 12px}.station-header{margin-bottom:6px}.station-header h2{font-size:19px}.station-port{width:33px;height:33px;font-size:18px}.field{margin:8px 0}.field input{height:42px}.peek-password{height:38px}.field span{font-size:11px;margin-bottom:4px}.form-error{min-height:16px;margin:5px 0}.primary{min-height:45px;font-size:15px}.form-switch{min-height:31px;font-size:11px;margin-top:4px}.auth-note{margin-top:17px}.mascot-tap{top:26%;right:7%;min-height:34px;font-size:9px}.planet-grid{top:34%;gap:22px 25px}.planet-orb{width:88px;height:88px}.planet strong{font-size:16px;margin-top:9px}.planet small{margin-top:4px}.guide-line{bottom:8%}.grade-grid{top:34%;gap:39px 14px}.grade-door{height:102px}.grade-door b{font-size:36px}.scene-title{font-size:27px}.scene-heading{top:13%}.scene-subtitle{font-size:11px}.step-track{margin-bottom:11px}.scene-caption{font-size:9px}}
@media(max-height:500px){.scene-bar{top:12px;left:22px;right:22px}.brand{font-size:15px}.brand-mark{width:32px;height:32px;font-size:23px}.brand small{font-size:7px}.chip{min-height:38px;font-size:10px;padding:7px 11px}.motion-button{width:38px;min-width:38px}.scene-copy{top:24%;left:7%;max-width:44%}.hello-badge{display:none}.scene-copy .scene-title{font-size:38px}.scene-copy .scene-subtitle{font-size:11px;margin-top:12px}.login-station{top:19%;right:6%;width:280px}.station-body{padding:13px 18px 9px;border-radius:19px;box-shadow:5px 5px var(--ink)}.station-header{margin-bottom:7px}.station-header h2{font-size:18px}.station-header p{font-size:9px;margin-top:2px}.station-port{width:30px;height:30px;font-size:18px}.station-flag{top:-22px;font-size:8px;padding:5px 9px}.field{margin:6px 0;font-size:10px}.field span{margin-bottom:3px}.field input{height:34px;font-size:13px}.peek-password{height:30px}.form-error{font-size:10px;min-height:13px;margin:4px 0}.primary{min-height:37px;font-size:14px;box-shadow:3px 3px var(--ink)}.form-switch{min-height:27px;font-size:10px;margin:3px auto -4px}.auth-note{margin-top:13px;font-size:9px}.scene-caption{bottom:8px;font-size:9px}.mascot-tap{top:77%;left:23%;font-size:9px;min-height:32px;padding:6px 11px}.scene-heading{top:19%}.scene-title{font-size:29px}.scene-subtitle{font-size:11px;margin-top:7px}.step-track{font-size:8px;margin-bottom:8px}.planet-grid{top:44%;width:75%;gap:40px}.planet-orb{width:77px;height:77px;box-shadow:4px 5px var(--ink),inset -7px -7px #dcb65f}.planet-orb:after{width:18px;height:9px;top:9px;left:13px}.planet strong{font-size:16px;margin-top:10px}.planet small{font-size:8px;margin-top:5px}.planet .planet-tag{font-size:8px;padding:4px 7px;top:-10px}.guide-line{bottom:9%;font-size:10px}.grade-grid{top:44%;width:72%;gap:14px}.grade-door{height:103px;gap:4px;border-radius:43px 43px 10px 10px;box-shadow:4px 4px var(--ink)}.grade-door b{font-size:38px}.grade-door span{font-size:11px}.grade-door small{bottom:-22px;font-size:8px}.grade-door:before{inset:6px;border-radius:38px 38px 4px 4px}.grade-door .door-knob{right:7px;width:7px;height:7px}.map-heading{top:19%}.map-heading .scene-title{font-size:23px}.map-heading .eyebrow{font-size:8px;margin-bottom:5px}.map-heading .scene-subtitle{font-size:9px;margin-top:4px}.semester-switch button{min-height:33px;font-size:11px;min-width:55px}.level-map{top:40%;bottom:16%}.level-node{height:126px}.node-medal{width:50px;height:50px;font-size:21px}.level-node strong{font-size:11px;margin-top:10px}.level-node small{font-size:8px}.map-legend{bottom:8%;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.motion-paused *, .motion-paused *:before{animation-play-state:paused!important}
@media(max-width:600px) and (min-height:501px){.hello-badge,.scene-copy .eyebrow{display:none}.scene-copy .scene-title{font-size:32px}.scene-copy .scene-title br{display:initial}.scene-copy .scene-subtitle{font-size:11px;max-width:310px}.mascot-tap{left:auto;right:9%;top:31%}}
@media(max-width:600px) and (max-height:700px) and (min-height:501px){.scene-copy{max-width:63%}.scene-copy .scene-title{font-size:28px}.scene-copy .scene-subtitle{display:none}.mascot-tap{left:8%;right:auto;top:29%;min-height:44px}.station-header p{font-size:9px}.field input{height:44px}.form-switch{min-height:44px}.station-body{padding:12px 17px 9px}.station-header{margin-bottom:2px}.field{margin:5px 0}.auth-note{margin-top:15px}.peek-password{height:44px}}
.form-switch,.peek-password,.chip,.mascot-tap{min-height:44px}.motion-button{min-width:44px}.semester-switch button{min-height:44px;min-width:44px}
.brand{flex-shrink:0;white-space:nowrap}.field input{min-height:44px}
@media(max-width:360px) and (min-height:501px){.brand{font-size:14px;gap:7px}.brand-mark{width:30px;height:30px;font-size:21px}.brand small{letter-spacing:1.7px}.scene-bar{gap:8px}.chip{padding:8px 9px}}
@media(max-width:600px) and (max-height:700px) and (min-height:501px){.login-station .station-header,.login-station .auth-note{display:none}.login-station{bottom:10%}.station-body{padding-top:13px}.mascot-tap{top:28%;left:8%}.planet-grid{top:32%;gap:18px 25px}}
@media(min-width:601px) and (max-width:950px) and (orientation:portrait){.mascot-tap{left:17%;top:78%}}
@media(max-height:500px){.auth-note{display:none}.login-station{top:18%}}
@media(max-width:600px) and (max-height:700px) and (min-height:501px){[data-screen=subjects] .planet-grid{top:31%;row-gap:12px}}
@media(max-width:600px) and (max-height:700px) and (min-height:501px){[data-screen=subjects] .guide-line{bottom:8.5%}}
.auth-hint{margin:19px 0 0;text-align:center;color:#33445f;font-size:11px;line-height:1.7}
@media(max-width:600px) and (min-height:501px){.auth-hint{margin-top:16px;font-size:10px}}
@media(max-height:500px){.auth-hint{margin-top:12px;font-size:9px}}
@media(max-width:600px) and (min-height:701px) and (max-height:760px){[data-screen=login] .station-header,[data-screen=login] .auth-note,[data-screen=login] .scene-copy .scene-subtitle{display:none}[data-screen=login] .scene-copy{max-width:63%}[data-screen=login] .scene-copy .scene-title{font-size:28px}[data-screen=login] .mascot-tap{top:28%;left:8%;right:auto}}