@font-face{font-family:Oxanium;src:url(/fonts/oxanium-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai-400.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai-700.woff2) format("woff2");font-weight:700 800;font-display:swap}@font-face{font-family:Oxanium;src:url(/fonts/oxanium-600.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{color-scheme:dark;background:#000;font-family:Noto Sans Thai,Oxanium,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f4f1e8;--muted: rgb(228 233 242 / .58);--quiet: rgb(228 233 242 / .32);--hairline: rgb(226 235 248 / .16);--surface: rgb(5 8 14 / .72);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden;background:#000}button{font:inherit}#app{position:fixed;inset:0;isolation:isolate}#wormhole,.vignette,.arrival-flash,.departure-blackout,.welcome{position:absolute;inset:0}#wormhole{width:100%;height:100%;display:block;background:#000}.arrival-flash{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#fff 0 22%,rgb(238 255 248 / .98) 38%,rgb(180 255 224 / .82) 54%,rgb(120 220 198 / .25) 72%,transparent 100%),#fff}.vignette{pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 38%,rgb(0 0 0 / .28) 70%,rgb(0 0 0 / .92) 118%),linear-gradient(180deg,rgb(0 0 0 / .28),transparent 28%,transparent 72%,rgb(0 0 0 / .35));mix-blend-mode:multiply;opacity:1;transition:opacity .24s ease-out}.departure-blackout{z-index:3;pointer-events:none;top:-25%;height:125%;background:linear-gradient(to bottom,#000 0%,#000 78%,rgb(0 0 0 / .94) 87%,transparent 100%);transform:translateY(-100%);will-change:transform}.welcome{z-index:4;display:grid;place-items:center;padding:clamp(1.5rem,5vw,5rem);margin:0;color:#08080b;font-size:clamp(3rem,8.5vw,8.5rem);font-weight:600;line-height:.95;letter-spacing:-.045em;text-align:center;opacity:0;transform:translateY(12px) scale(.985);pointer-events:none}#app.complete,#app.complete #wormhole{background:#fff}#app.complete .vignette{opacity:0}#app.complete .arrival-flash{background:#fff}#app.final-black,#app.final-black #wormhole,#app.final-black .arrival-flash{background:#000}.universe-background{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.8s var(--ease-out)}.universe-background[data-active=true]{opacity:.76}#app[data-view=atlas] .universe-background[data-active=true]{opacity:.28}.universe-layer,.universe-layer>canvas{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important}.universe-stardust>canvas{filter:saturate(1.18) drop-shadow(0 0 4px rgb(101 224 255 / .35))}.universe-streaks>canvas{filter:drop-shadow(0 0 5px rgb(177 235 255 / .55))}.class-selection{--class-accent: #62e5ff;position:absolute;z-index:5;inset:0;color:var(--ink)}.class-selection{display:grid;--ambient-a: #113c73;--ambient-b: #342069;--ambient-c: #087c8d;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1.25rem,2.6vh,2.25rem);padding:clamp(1.75rem,3.4vw,4rem) clamp(1.4rem,5vw,6.75rem) clamp(1rem,2vw,2rem);background:linear-gradient(90deg,#01040bd4,#02050d70 36%,#03050d47 72%,#0103099e),linear-gradient(145deg,#030713,#090719 52%,#02050c);opacity:0;visibility:hidden;transform:scale(1.01);transition:opacity .9s ease,transform 1.2s var(--ease-out),visibility 0s .9s}.class-selection[data-selected-class=map-scene]{--ambient-a: #6f4212;--ambient-b: #174d3d;--ambient-c: #9b5d18}.class-selection[data-selected-class=game-art]{--ambient-a: #67205f;--ambient-b: #30207d;--ambient-c: #9d3f68}.class-selection:before{content:"";position:absolute;z-index:0;inset:-18%;background:radial-gradient(ellipse at 72% 24%,color-mix(in srgb,var(--ambient-a) 54%,transparent),transparent 32%),radial-gradient(ellipse at 88% 82%,color-mix(in srgb,var(--ambient-b) 48%,transparent),transparent 34%),radial-gradient(ellipse at 24% 88%,color-mix(in srgb,var(--ambient-c) 32%,transparent),transparent 28%);filter:blur(26px) saturate(1.18);opacity:.72;animation:ambient-drift 18s ease-in-out infinite alternate;pointer-events:none}.class-selection.visible{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}.selection-header,.selection-layout,.selection-footer{position:relative;z-index:1}.selection-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:clamp(.9rem,1.6vh,1.3rem);border-bottom:1px solid var(--hairline)}.selection-header p{margin:0}.selection-eyebrow,.selection-kicker,.atlas-eyebrow{color:var(--class-accent);font-size:clamp(.66rem,.78vw,.78rem);font-weight:600;letter-spacing:.19em;text-transform:uppercase}.selection-header h2{margin:.35rem 0 0;font-size:clamp(2rem,3.4vw,3.8rem);font-weight:500;line-height:.95;letter-spacing:-.04em}.selection-header>p:last-child{max-width:24rem;color:var(--muted);font-size:clamp(.76rem,.92vw,.92rem);line-height:1.5;text-align:right}.selection-layout{display:grid;grid-template-columns:minmax(14rem,21%) minmax(0,1fr);gap:clamp(1.5rem,3vw,3.5rem);min-height:0}.selection-rail{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding-right:clamp(1rem,2.2vw,2.5rem);border-right:1px solid var(--hairline)}.class-stage{position:relative;display:grid;align-content:center;gap:0;padding-top:1.6rem}.class-stage:before{content:"เส้นทาง / 03";position:absolute;top:0;color:var(--quiet);font-size:.58rem;letter-spacing:.18em}.class-card{position:relative;display:grid;grid-template-columns:2.4rem 1fr;align-items:center;gap:.7rem;width:100%;min-height:4.6rem;padding:.9rem 0;color:var(--ink);text-align:left;background:none;border:0;border-bottom:1px solid rgb(255 255 255 / .1);cursor:pointer;opacity:.35;transition:opacity .26s ease,transform .44s var(--ease-out)}.class-card:before{content:"";position:absolute;left:-1.15rem;width:2px;height:0;background:var(--class-accent);opacity:0;transition:height .38s var(--ease-out),opacity .24s ease}.class-card:hover{opacity:.72}.class-card[aria-selected=true]{opacity:1;transform:translate(.65rem)}.class-card[aria-selected=true]:before{opacity:1;height:58%}.class-card[aria-selected=true]:after{content:"เลือกอยู่";position:absolute;right:0;color:var(--class-accent);font-size:.5rem;letter-spacing:.16em;animation:ready-in .36s var(--ease-out) both}.class-card:focus-visible{outline:2px solid #fff;outline-offset:4px}.class-index{color:var(--class-accent);font-size:.64rem;font-variant-numeric:tabular-nums;letter-spacing:.15em}.class-card>span:last-child{display:grid;gap:.18rem}.class-card strong{font-size:clamp(1.16rem,1.6vw,1.65rem);font-weight:500}.class-card small{color:var(--muted);font-size:.6rem;letter-spacing:.11em;text-transform:uppercase}.class-preview{position:relative;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(16rem,.58fr);align-items:center;gap:clamp(2rem,4vw,5rem);min-width:0;min-height:0;overflow:hidden}.preview-atmosphere{position:relative;width:100%;max-height:65vh;aspect-ratio:16 / 10;overflow:hidden;background:#05070b;clip-path:polygon(0 0,calc(100% - 2.2rem) 0,100% 2.2rem,100% 100%,0 100%)}.preview-atmosphere:before,.preview-atmosphere:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none}.preview-atmosphere:before{border:1px solid rgb(255 255 255 / .16);clip-path:inherit}.preview-atmosphere:after{background:linear-gradient(to top,rgb(2 3 7 / .8),transparent 48%),linear-gradient(112deg,transparent 58%,color-mix(in srgb,var(--class-accent) 12%,transparent))}.selection-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.08) brightness(.66)}.preview-title-block{position:absolute;z-index:2;top:clamp(1.2rem,2vw,2rem);left:clamp(1.2rem,2vw,2rem);max-width:76%;pointer-events:none;text-shadow:0 3px 20px rgb(0 0 0 / .88)}.preview-title-block .selection-kicker{margin:0 0 .35rem}.preview-title-block .selection-name{margin:0;color:#fff;font-size:clamp(3.2rem,6.5vw,7.4rem);font-weight:500;line-height:.84;letter-spacing:-.065em}.image-placeholder-label{position:absolute;z-index:2;right:1rem;top:1rem;color:#ffffff8c;font-size:.55rem;font-variant-numeric:tabular-nums;letter-spacing:.13em;text-transform:uppercase}.gallery-controls{position:absolute;z-index:3;right:clamp(.8rem,1.5vw,1.3rem);bottom:clamp(.8rem,1.5vw,1.3rem);display:flex;align-items:center;gap:.35rem;color:#fff;background:#020307c2;border:1px solid rgb(255 255 255 / .2);backdrop-filter:blur(8px)}.gallery-arrow,.gallery-dot{display:grid;place-items:center;padding:0;color:#fff;background:transparent;border:0;cursor:pointer}.gallery-arrow{width:2.75rem;height:2.75rem;font-size:.9rem}.gallery-arrow:hover{color:var(--class-accent)}.gallery-arrow:focus-visible,.gallery-dot:focus-visible{outline:1px solid var(--class-accent);outline-offset:2px}.gallery-dots{display:flex;align-items:center}.gallery-dot{position:relative;width:2.75rem;height:2.75rem}.gallery-dot:after{content:"";width:.5rem;height:1px;background:#ffffff4d;transition:width .22s var(--ease-out),background .22s ease}.gallery-dot.active:after{width:1.35rem;background:var(--class-accent)}.gallery-count{min-width:3.5rem;color:var(--muted);font-size:.58rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center}.preview-copy{position:relative;z-index:3;display:grid;align-content:center;gap:.75rem;padding-right:clamp(0rem,2vw,2.5rem)}.field-state{display:flex;align-items:center;gap:.5rem;margin:0 0 .45rem;color:var(--class-accent);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}.field-state span{width:.5rem;aspect-ratio:1;background:var(--class-accent);transform:rotate(45deg);animation:signal-pulse 1.8s ease-in-out infinite}.field-brief{align-self:end;display:grid;gap:.7rem;padding-top:clamp(1.2rem,2.5vh,2rem);border-top:1px solid var(--hairline)}.field-brief .selection-tagline{max-width:16rem}.field-brief .selection-description{max-width:19rem}.selection-tagline{margin:0;color:#fff;font-size:clamp(1rem,1.2vw,1.18rem);font-weight:600;line-height:1.35}.selection-description{max-width:28rem;margin:0;color:var(--muted);font-family:Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.82rem,.95vw,.96rem);line-height:1.65}.class-topics{display:flex;flex-wrap:wrap;gap:.4rem;margin:.45rem 0 1.1rem}.class-topics i{color:var(--quiet);font-size:clamp(.6rem,.7vw,.7rem);font-style:normal;letter-spacing:.05em}.class-topics i:not(:last-child):after{content:" /";margin-left:.4rem;color:var(--class-accent)}.selection-cta{position:relative;width:min(100%,18rem);min-height:3.25rem;padding:.85rem 1rem .85rem 1.2rem;color:#020307;font-weight:700;text-align:left;background:var(--class-accent);border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - .8rem) 0,100% .8rem,100% 100%,0 100%);cursor:pointer;transition:transform .18s var(--ease-out),filter .18s ease}.selection-cta span{float:right;transition:transform .18s var(--ease-out)}.selection-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}.selection-cta:hover span{transform:translate(.25rem)}.selection-cta:active{transform:translateY(0) scale(.985)}.selection-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.selection-footer,.canvas-footer{display:flex;justify-content:space-between;color:var(--quiet);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.selection-footer{padding-top:.85rem;border-top:1px solid var(--hairline)}.canvas-footer{padding-top:.15rem}.field-canvas{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;min-width:0;min-height:0}.constellation-preview{position:absolute;z-index:8;left:var(--preview-x, 1rem);top:var(--preview-y, 1rem);width:clamp(17rem,23vw,22rem);overflow:hidden;background:#05070c;border:1px solid color-mix(in srgb,var(--class-accent) 56%,transparent);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%);box-shadow:0 1.25rem 3.5rem #00000085;opacity:0;visibility:hidden;pointer-events:none}.constellation-preview.visible{visibility:visible;pointer-events:auto}.constellation-preview:after{content:"";position:absolute;inset:0 0 auto;height:58%;background:linear-gradient(120deg,color-mix(in srgb,var(--class-accent) 10%,transparent),transparent 42%);pointer-events:none}.constellation-preview-image{width:100%;height:auto;aspect-ratio:16 / 9;display:block;object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.72)}.constellation-preview-copy{position:relative;z-index:2;display:grid;gap:.9rem;padding:1rem;background:#04070df5}.constellation-preview-copy p{margin:0}.constellation-preview-description{display:-webkit-box;overflow:hidden;color:var(--muted);font-family:Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.constellation-preview-unlock{min-height:3.2rem;padding:.75rem 1rem;font-size:.9rem;color:#020307;font-weight:700;text-align:left;background:var(--class-accent);border:0;cursor:pointer;clip-path:polygon(0 0,calc(100% - .65rem) 0,100% .65rem,100% 100%,0 100%)}.constellation-preview-unlock:after{content:"→";float:right}.constellation-preview-unlock:hover{filter:brightness(1.12)}.constellation-preview-unlock:disabled{cursor:wait;filter:saturate(.55)}.constellation-preview-unlock:focus-visible{outline:2px solid #fff;outline-offset:3px}.canvas-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;min-height:3.8rem}.canvas-kicker{margin:0;color:var(--class-accent);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase}.canvas-title{margin:.12rem 0 0;font-size:clamp(1.8rem,2.8vw,3rem);font-weight:500;line-height:.92;letter-spacing:-.045em}.canvas-count{display:grid;justify-items:end;gap:.1rem;margin:0;color:var(--quiet);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.canvas-count strong{color:var(--class-accent);font-size:clamp(1.5rem,2.2vw,2.4rem);font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.atlas-map{position:relative;min-height:0;overflow:hidden;isolation:isolate;background:#010207;border-block:1px solid rgb(255 255 255 / .08)}.atlas-map:before{content:"";position:absolute;z-index:-1;inset:-8%;animation:nebula-breathe 22s ease-in-out infinite alternate;pointer-events:none}.atlas-prompt{position:absolute;z-index:3;top:1rem;right:1rem;margin:0;color:#ffffff3d;font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}.field-canvas[data-atlas=system] .atlas-map:before{background:radial-gradient(ellipse at 24% 31%,rgb(37 60 150 / .34),transparent 34%),radial-gradient(ellipse at 74% 62%,rgb(27 139 162 / .2),transparent 30%),linear-gradient(145deg,#010208 5%,#070b1c 54%,#010204)}.field-canvas[data-atlas=map-scene] .atlas-map:before{background:radial-gradient(ellipse at 64% 42%,rgb(213 137 43 / .29),transparent 24%),radial-gradient(ellipse at 33% 72%,rgb(94 54 18 / .31),transparent 39%),linear-gradient(118deg,#020303 10%,#130d05 52%,#020304 92%)}.field-canvas[data-atlas=game-art] .atlas-map:before{background:radial-gradient(ellipse at 28% 62%,rgb(149 35 134 / .29),transparent 35%),radial-gradient(ellipse at 74% 27%,rgb(218 143 47 / .19),transparent 26%),radial-gradient(ellipse at 54% 50%,rgb(65 35 130 / .3),transparent 48%),linear-gradient(135deg,#04020a,#130719 54%,#020208)}.atlas-connections,.atlas-nodes{position:absolute;inset:0;width:100%;height:100%}.atlas-connections{overflow:visible}.atlas-connections line{stroke:color-mix(in srgb,var(--class-accent) 48%,white);stroke-width:1.1;vector-effect:non-scaling-stroke;filter:url(#atlas-glow);opacity:.5;transition:opacity .26s ease,stroke-width .26s var(--ease-out);animation:atlas-line-in .78s var(--line-delay) both var(--ease-out)}.atlas-connections line.active{stroke-width:2.2;opacity:1}.atlas-connections line.muted{opacity:.1}.atlas-node{--node-x: 50%;--node-y: 50%;position:absolute;left:var(--node-x);top:var(--node-y);display:grid;place-items:center;width:clamp(7rem,10vw,10.5rem);min-width:44px;aspect-ratio:1;padding:0;color:var(--ink);text-align:left;background:transparent;border:0;cursor:pointer;transform:translate(-50%,-50%);animation:atlas-node-in .62s var(--node-delay) both var(--ease-out);transition:opacity .26s ease}.atlas-art{display:block;width:100%;height:100%;transition:transform .32s var(--ease-out),filter .32s ease}.atlas-art img{display:block;width:100%;height:100%;object-fit:contain}.atlas-node-copy{position:absolute;z-index:2;left:72%;top:69%;display:grid;gap:.12rem;width:max-content;max-width:clamp(8rem,13vw,13rem);padding-left:.6rem;text-shadow:0 2px 12px #000,0 0 4px #000}.atlas-node-copy:before{content:"";position:absolute;left:0;top:.15rem;width:1px;height:78%;background:var(--class-accent);opacity:.6}.atlas-node[data-label-side=left] .atlas-node-copy{left:auto;right:72%;padding:0 .6rem 0 0;text-align:right}.atlas-node[data-label-side=left] .atlas-node-copy:before{left:auto;right:0}.atlas-node[data-label-side=top] .atlas-node-copy{left:50%;top:auto;bottom:82%;padding:0 0 .35rem;text-align:center;transform:translate(-50%)}.atlas-node[data-label-side=top] .atlas-node-copy:before{left:50%;top:auto;bottom:0;width:1.5rem;height:1px;transform:translate(-50%)}.atlas-node-copy small{color:var(--class-accent);font-size:.5rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.atlas-node-copy strong{font-size:clamp(.7rem,.9vw,.92rem);font-weight:500;line-height:1.2;text-wrap:balance}.atlas-node:hover .atlas-art,.atlas-node:focus-visible .atlas-art{transform:scale(1.08) translateY(-.15rem);filter:drop-shadow(0 0 .75rem color-mix(in srgb,var(--class-accent) 52%,transparent))}.atlas-nodes.has-selection .atlas-node:not(.active,.connected){opacity:.22}.atlas-node.active .atlas-art{transform:scale(1.15);filter:drop-shadow(0 0 1.1rem var(--class-accent))}.atlas-node.active .atlas-node-copy strong{color:var(--class-accent)}.atlas-node.connected .atlas-art{filter:drop-shadow(0 0 .65rem color-mix(in srgb,var(--class-accent) 48%,transparent))}.atlas-node:focus-visible{outline:1px solid var(--class-accent);outline-offset:.25rem}.field-canvas[data-atlas=system] .atlas-node{width:clamp(4.8rem,6.2vw,6.8rem)}.field-canvas[data-atlas=map-scene] .atlas-node{width:clamp(6.2rem,8.8vw,9.5rem)}.atlas-coordinate{color:var(--class-accent)}@keyframes atlas-node-in{0%{opacity:0;transform:translate(-50%,-42%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes atlas-line-in{0%{opacity:0;stroke-dasharray:0 1000}to{opacity:.5;stroke-dasharray:1000 0}}@keyframes nebula-breathe{0%{transform:translate3d(-1%,-.5%,0) scale(1.02);filter:saturate(.92)}to{transform:translate3d(1%,.5%,0) scale(1.05);filter:saturate(1.08)}}@keyframes ready-in{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}@keyframes signal-pulse{0%,to{opacity:.42;transform:rotate(45deg) scale(.7)}50%{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes ambient-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.04)}to{transform:translate3d(1.5%,1%,0) scale(1.1)}}@media(max-width:760px){.class-selection{gap:.65rem;padding:.9rem}.selection-header{align-items:start}.selection-header>p:last-child{display:none}.selection-header h2{font-size:clamp(1.65rem,7.5vw,2.3rem)}.selection-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:.65rem}.selection-rail{grid-template-rows:auto auto;padding:0;border-right:0}.class-stage{grid-template-columns:repeat(3,1fr)}.class-stage:before{display:none}.class-card{grid-template-columns:1fr;justify-items:center;min-height:3.25rem;gap:.2rem;padding:.55rem .15rem;text-align:center;border-right:1px solid rgb(255 255 255 / .1)}.class-card:before{inset:auto auto -1px;width:0;height:2px}.class-card[aria-selected=true]{transform:translateY(-.12rem)}.class-card[aria-selected=true]:before{width:56%;height:2px}.class-card[aria-selected=true]:after{display:none}.class-card strong{font-size:clamp(.78rem,3.5vw,1.02rem)}.class-card small{display:none}.class-index{font-size:.54rem}.field-brief{grid-template-columns:1fr auto;align-items:end;gap:.15rem .7rem;padding:.55rem 0 0}.field-state{display:none}.field-brief .selection-tagline{font-size:.78rem}.field-brief .selection-description{grid-column:1;max-width:none;overflow:hidden;font-size:.67rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.field-brief .class-topics{grid-column:2;grid-row:1 / span 2;margin:0;justify-content:end}.field-brief .class-topics i{font-size:.5rem}.selection-footer{display:none}.field-canvas{gap:.35rem}.constellation-preview{width:14rem}.canvas-header{min-height:2.8rem}.canvas-title{font-size:1.55rem}.canvas-count strong{font-size:1.45rem}.canvas-count span{display:none}.atlas-map{overflow:auto;touch-action:pan-x pan-y}.atlas-prompt{display:none}.atlas-connections,.atlas-nodes{min-width:720px}.atlas-node{width:clamp(4rem,16vw,5.8rem)}.field-canvas[data-atlas=system] .atlas-node{width:clamp(3.4rem,12vw,4.6rem)}.field-canvas[data-atlas=map-scene] .atlas-node{width:clamp(4rem,16vw,5.8rem)}.atlas-node-copy{max-width:6rem}.atlas-node-copy strong{font-size:.62rem}.atlas-node-copy small{font-size:.42rem}.canvas-footer .atlas-instruction{display:none}.canvas-footer{justify-content:space-between}.canvas-footer:before{content:"เลื่อนเพื่อสำรวจ"}}@media(max-height:680px)and (min-width:761px){.selection-header h2{font-size:2.3rem}.selection-layout{grid-template-columns:14rem 1fr}.class-card{min-height:3.8rem}.field-brief .selection-description{line-height:1.4}}@media(prefers-reduced-motion:reduce){.vignette{display:none}.universe-background{transition-duration:1ms}.atlas-node,.atlas-connections line{animation-duration:1ms;animation-delay:0ms}.atlas-map:before{animation:none}.field-state span{animation:none}.class-selection:before{animation:none}}