:root{--bg:#0e1223;--panel:#181c31;--panel2:#20243b;--muted:#999eb5;--text:#f5f3f9;--pink:#ff8db6;--mint:#80e5d2;--line:#393c58;--cyan:#89e6fa;--radius:18px;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}::selection{background:var(--pink);color:#1a1730}[hidden]{display:none!important}.grain{position:fixed;inset:0;opacity:.16;pointer-events:none;z-index:40;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.11' filter='url(%23n)'/%3E%3C/svg%3E")}.section-wrap{max-width:var(--max);margin:auto;width:calc(100% - 72px)}.site-header{height:88px;border-bottom:1px solid #ffffff17;display:flex;align-items:center;gap:28px;padding:0 max(36px,calc((100vw - var(--max))/2));background:#101427e8;backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{display:grid;place-items:center;border:2px solid var(--pink);border-radius:11px;font-size:28px;font-weight:950;width:46px;height:46px;line-height:1;position:relative}.brand-dot{position:absolute;font-size:11px;right:-6px;top:-5px;color:var(--cyan);background:var(--bg)}.brand-copy{display:flex;flex-direction:column;gap:0}.brand-copy strong{font-size:18px;line-height:1.3;letter-spacing:.035em}.brand-copy small{font-size:8px;color:#afb2c9;letter-spacing:.15em}.pink{color:var(--pink)}.desktop-nav{display:flex;justify-content:center;flex:1;gap:25px}.desktop-nav a{font-size:12px;font-weight:750;color:#c2c4d3;white-space:nowrap;transition:color .2s}.desktop-nav a:hover{color:var(--pink)}.header-actions{display:flex;align-items:center;gap:12px}.online{white-space:nowrap;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.07em;color:var(--mint)}.online i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--mint)}.icon-button,.tiny-action{background:#ffffff0d;border:1px solid #ffffff2b;color:var(--text);border-radius:9px;min-width:35px;height:35px}.tiny-action{padding:0 12px;font-size:11px}.hero{position:relative;height:684px;overflow:hidden;background:#111a35;border:1px solid #38415c;border-top:0;border-radius:0 0 22px 22px}.hero-scene{position:absolute;inset:0;background-image:linear-gradient(90deg,#090f25f5 0%,#0c122dc8 34%,#10132f26 72%),linear-gradient(0deg,#100f26e8,transparent 25%),url('./assets/hero.webp');background-size:cover;background-position:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#0008,transparent 65%);pointer-events:none}.hero-content{position:absolute;top:93px;left:6%;z-index:2;max-width:585px}.eyebrow,.section-tag{font:800 11px/1.3 ui-monospace,monospace;letter-spacing:.15em;color:var(--mint)}.eyebrow{display:flex;align-items:center;gap:10px}.asterisk{font-size:18px}.line{height:1px;width:35px;background:var(--mint)}.hero-mini{color:#ecb1c7;font-size:14px;font-weight:700;margin:43px 0 12px}.hero h1{font-size:clamp(53px,5vw,78px);letter-spacing:-.085em;line-height:1.14;margin:0;font-weight:950}.hero h1 em,.final-banner em{color:var(--pink);font-style:normal}.period{color:var(--cyan)}.hero-description{max-width:480px;font-size:15px;color:#c7c9d8;line-height:1.9;margin:24px 0 30px}.hero-buttons,.build-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button-primary,.button-ghost,.button-subtle{border:0;display:inline-flex;align-items:center;gap:24px;justify-content:space-between;min-height:49px;padding:0 23px;border-radius:9px;font-size:13px;font-weight:850;transition:transform .15s,filter .15s}.button-primary{color:#1c1830;background:var(--pink);box-shadow:0 12px 30px #ff8db624}.button-primary:hover,.button-ghost:hover,.button-subtle:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-ghost{border:1px solid #ffffff65;background:#ffffff0b;color:white}.button-subtle{background:#292d48;color:#dfe1ee;border:1px solid #ffffff25}.hero-metrics{display:flex;gap:30px;margin-top:44px}.hero-metrics>div{display:flex;flex-direction:column;gap:0;border-left:1px solid #ffffff55;padding-left:16px}.hero-metrics strong{font:bold 22px ui-monospace,monospace;color:white}.hero-metrics small{font-size:11px;color:#b1b7d0}.floating-label{position:absolute;z-index:2;border:1px solid #a5f3f66b;background:#0c1c3796;backdrop-filter:blur(8px);padding:10px 13px;font:800 11px ui-monospace,monospace;letter-spacing:.06em;color:#d9ffff;box-shadow:0 0 30px #76eefc22}.floating-label span{float:right;color:var(--pink);margin-left:14px}.floating-label small{display:block;color:#a5b4cb;font-size:8px;margin-top:6px}.floating-label.l1{right:10%;top:185px}.floating-label.l2{right:8%;bottom:180px}.hero-bottom{position:absolute;bottom:21px;left:5%;right:5%;display:flex;justify-content:space-between;color:#c2c9d8;font:700 10px ui-monospace,monospace;letter-spacing:.2em}.sprite{position:absolute;display:block;image-rendering:auto;pointer-events:none;background-repeat:no-repeat}.skuld{width:128px;height:174px;background-image:url('./assets/skuld-sprites.webp');background-size:1024px 348px;animation:skuld-idle 1.4s steps(8) infinite}.banpei{width:122px;height:128px;background-image:url('./assets/banpei-sprites.webp');background-size:976px 128px;animation:banpei-idle 1.2s steps(8) infinite}.hero-skuld{left:69%;bottom:63px;z-index:5;filter:drop-shadow(0 18px 12px #08091aaa);transition:left .3s ease}.hero-banpei{left:82%;bottom:65px;z-index:4;filter:drop-shadow(0 15px 10px #08091aaa)}@keyframes skuld-idle{from{background-position:0 0}to{background-position:-1024px 0}}@keyframes banpei-idle{from{background-position:0 0}to{background-position:-976px 0}}.ticker{height:58px;overflow:hidden;background:var(--pink);color:#1a1931;display:flex;align-items:center;margin-top:30px;white-space:nowrap;font:900 14px ui-monospace,monospace;letter-spacing:.1em}.ticker>div{animation:ticker 35s linear infinite}.ticker span{padding:0 20px}@keyframes ticker{to{transform:translateX(-50%)}}.spaced{padding-top:119px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:24px}.section-heading .section-tag{margin:0 0 12px}.section-heading h2{font-size:clamp(30px,3.6vw,48px);line-height:1.3;letter-spacing:-.06em;margin:0 0 12px;font-weight:950}.section-heading p:not(.section-tag){color:var(--muted);font-size:14px;margin:0}.accent{color:var(--pink)}.heading-index{font:800 11px ui-monospace,monospace;letter-spacing:.13em;color:#767d9e;white-space:nowrap}.room-layout{display:grid;grid-template-columns:1.65fr .9fr;gap:15px}.room-main{min-height:506px;position:relative;overflow:hidden;border-radius:17px;border:1px solid #ffffff25;background:#152139}.room-main img{position:absolute;width:100%;height:100%;object-fit:cover}.room-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10172cf5,transparent 62%)}.room-caption{position:absolute;bottom:35px;left:35px;right:30px}.room-caption span{font:800 11px ui-monospace,monospace;color:var(--mint);letter-spacing:.14em}.room-caption h3{font-size:36px;letter-spacing:-.06em;margin:10px 0 2px}.room-caption p{margin:0;color:#cdd3e3}.room-crosshair{font:200 27px ui-monospace,monospace;color:#ffffff9d;position:absolute}.room-crosshair.a{top:23px;left:25px}.room-crosshair.b{right:25px;bottom:23px}.room-list{display:grid;grid-template-rows:repeat(6,1fr);gap:8px}.room-button{background:#191e32;border:1px solid #333951;border-radius:12px;display:flex;align-items:center;gap:16px;padding:13px 17px;text-align:left;color:#e4e6f1;transition:.22s}.room-button:hover{background:#242b47;transform:translateX(-3px)}.room-button.active{border-color:var(--pink);background:#302338;box-shadow:inset 4px 0 var(--pink)}.room-button .room-number{font:800 13px ui-monospace,monospace;color:var(--pink)}.room-button .room-words{display:flex;flex-direction:column;flex:1}.room-button strong{font-size:14px}.room-button small{font:600 10px ui-monospace,monospace;letter-spacing:.07em;color:#878fae}.room-button .arrow{font-size:20px;color:#818ba7}.room-button.active .arrow{color:var(--pink)}.explorer-status{margin-top:15px;padding:14px 20px;background:#171b2e;border:1px solid #343955;display:flex;align-items:center;gap:13px;border-radius:10px}.explorer-status p{margin:0;flex:1;font-size:13px;color:#b6bad1}.explorer-status strong{font:800 11px ui-monospace,monospace;color:var(--mint)}.explorer-status>span{font:700 10px ui-monospace,monospace;color:#747e9c}.status-orb{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}.filter-bar{display:flex;gap:9px;margin-bottom:22px;flex-wrap:wrap}.filter-chip{border:1px solid #3a3e5d;background:#171b30;padding:10px 18px;color:#b6bbd1;border-radius:8px;font:800 11px ui-monospace,monospace;letter-spacing:.04em}.filter-chip.active{background:#ff8db61d;color:var(--pink);border-color:var(--pink)}.filter-chip span{opacity:.6;margin-left:6px}.inventions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.invent-card{background:#191d32;border:1px solid #353852;border-radius:14px;overflow:hidden;position:relative;min-width:0;transition:transform .22s,border .22s}.invent-card:hover{transform:translateY(-5px);border-color:var(--pink)}.invent-card .card-img{display:block;width:100%;aspect-ratio:1.36;object-fit:cover}.invent-card .card-body{padding:20px 19px 22px}.invent-card .card-kicker{font:800 10px ui-monospace,monospace;color:var(--mint);letter-spacing:.1em}.invent-card h3{font-size:18px;margin:8px 0;letter-spacing:-.045em}.invent-card p{font-size:12px;color:#aaaec4;min-height:46px;margin:0 0 18px}.card-foot{display:flex;align-items:center;justify-content:space-between}.card-foot small{font:800 10px ui-monospace,monospace;color:#a9b4d5}.card-foot button{border:0;background:transparent;color:var(--pink);font-weight:850;font-size:12px}.card-number{position:absolute;top:13px;left:14px;background:#10152bc8;color:#e8f9ff;font:800 11px ui-monospace,monospace;padding:6px 8px;border-radius:5px}.workbench{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #3f425d;border-radius:16px;overflow:hidden;background:#181c30}.builder-form{padding:34px;border-right:1px solid #3f425d}.build-group{margin-bottom:30px}.build-group h3{font-size:16px;margin:0 0 14px}.build-group h3 span{font:700 12px ui-monospace,monospace;color:var(--pink);margin-right:10px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-button{background:#222640;border:1px solid #3d4561;min-height:91px;border-radius:9px;color:#dfe2f0;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:780}.option-button.active{background:#ff8db620;border-color:var(--pink);box-shadow:inset 0 -3px var(--pink)}.option-button .opt-icon{font-size:26px}.option-button small{font:700 9px ui-monospace,monospace;color:#9ba6c2}.builder-preview{padding:28px 34px;background:radial-gradient(circle at 50% 32%,#283557,#14182d 68%);display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;font:800 10px ui-monospace,monospace;letter-spacing:.12em;color:var(--mint)}.preview-top span:last-child{color:#a4b0cb}.builder-preview canvas{width:100%;height:auto;max-height:340px;object-fit:contain}.preview-name small{font:800 10px ui-monospace,monospace;color:#8d95b4;display:block}.preview-name strong{display:block;font:900 25px ui-monospace,monospace;letter-spacing:.05em;margin-top:4px}.stats-list{margin:24px 0 10px}.stats-list>div{display:flex;align-items:center;gap:15px;margin-bottom:11px;font-size:12px}.stats-list span{width:45px;color:#bdc7d6}.stats-list strong{width:33px;text-align:right;font:750 12px ui-monospace,monospace}.stat-bar{height:7px;border-radius:3px;flex:1;background:#343d5e;overflow:hidden}.stat-bar i{height:100%;width:50%;display:block;background:linear-gradient(90deg,var(--pink),var(--mint));transition:width .3s}.build-note{font-size:12px;color:#aeb7cd;margin:0}.experiments-panel{background:#191e32;border:1px solid #3d425c;border-radius:16px;overflow:hidden}.experiment-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #3b405c}.experiment-tab{border:0;border-right:1px solid #3b405c;background:#1c2036;color:#a2a9c2;padding:20px 17px;font-weight:800;font-size:13px}.experiment-tab:last-child{border-right:0}.experiment-tab.active{color:var(--pink);background:#27253c;box-shadow:inset 0 -3px var(--pink)}.experiment-tab span{font:800 10px ui-monospace,monospace;color:#8588a7;margin-right:10px}.experiment-body{display:grid;grid-template-columns:1.12fr .88fr;min-height:440px}.exp-visual{position:relative;min-height:440px;overflow:hidden;background:radial-gradient(ellipse at center,#224c68 0%,#122741 38%,#10162e 85%)}.exp-visual:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:27px 27px;pointer-events:none}.exp-controls{padding:34px;display:flex;flex-direction:column;align-items:stretch}.exp-controls h3{font-size:23px;margin:3px 0 6px;letter-spacing:-.05em}.exp-controls>p:not(.result-message){font-size:13px;color:#aeb4cf;margin:0 0 28px}.slider-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;font-weight:780;margin:0 0 14px}.slider-row output{color:var(--mint);font:850 13px ui-monospace,monospace}.slider-row input{width:100%;accent-color:var(--pink);cursor:pointer;height:10px}.exp-readout{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #383c55;font-size:13px}.exp-readout strong{font:900 23px ui-monospace,monospace;color:var(--mint)}.exp-controls .button-primary{justify-content:center;margin-top:4px}.result-message{border-left:3px solid var(--mint);background:#82e9d00c;color:#b5c4d8;padding:10px 13px;font-size:12px;margin:18px 0 0}.reactor-shell{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:310px;height:310px}.reactor-orb{position:absolute;inset:62px;border-radius:50%;background:radial-gradient(circle at 40% 35%,white,#b2ffff 12%,#7fe8d6 25%,#1495ae 55%,#263d83 80%);box-shadow:0 0 27px 9px #75ebf4b1,0 0 90px 30px #16d6d347;animation:pulse 3s ease-in-out infinite}.reactor-ring{position:absolute;border:9px solid #91ecea86;border-radius:50%;inset:17px;box-shadow:inset 0 0 30px #8ceaff35,0 0 28px #40d8df40}.reactor-ring.one{border-top-color:transparent;animation:rot 7s linear infinite}.reactor-ring.two{inset:0;border-width:4px;border-left-color:transparent;border-right-color:transparent;animation:rot 10s linear infinite reverse}.exp-overlay{position:absolute;bottom:26px;left:28px;display:flex;flex-direction:column;z-index:1}.exp-overlay small{font:800 10px ui-monospace,monospace;color:#b9eff0;letter-spacing:.1em}.exp-overlay strong{font:900 28px ui-monospace,monospace;letter-spacing:.1em;margin-top:8px}.exp-overlay span{font:700 10px ui-monospace,monospace;color:#91c8d0}@keyframes pulse{50%{filter:brightness(1.2);transform:scale(1.045)}}@keyframes rot{to{transform:rotate(360deg)}}.gate-visual{background:radial-gradient(circle,#553781 0%,#211a40 45%,#10132d 95%)}.gate-art{width:330px;height:330px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.gate-circle{position:absolute;border:8px solid #c19cf5a8;border-radius:50%;box-shadow:0 0 20px #ab7be877,inset 0 0 20px #ab7be855}.gate-circle.c1{inset:18px}.gate-circle.c2{inset:40px;border-width:4px;border-style:dashed;animation:rot 16s linear infinite}.gate-circle.c3{inset:69px;border-width:7px;border-color:#8eeef67d;animation:rot 8s linear infinite reverse}.gate-pointer{height:137px;width:5px;position:absolute;top:28px;left:calc(50% - 2px);transform-origin:center 137px;background:linear-gradient(#ff9fc6,#f6f7ff);border-radius:4px;box-shadow:0 0 12px #ffa2cb}.gate-target{height:21px;width:50px;top:11px;left:calc(50% - 25px);position:absolute;border-radius:8px;background:#87f0dc;box-shadow:0 0 20px #87f0dc}.gate-progress{width:100%;height:9px;background:#343a59;border-radius:10px;overflow:hidden;margin:15px 0}.gate-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--mint));transition:width .3s}.flight-visual{background:#111c38}.flight-visual canvas{position:absolute;width:100%;height:100%;object-fit:cover;touch-action:none}.flight-hud{position:absolute;z-index:2;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font:800 12px ui-monospace,monospace;pointer-events:none}.flight-hud b{color:var(--mint);font-size:20px}.dpad{display:flex;flex-direction:column;align-items:center;gap:5px;margin:auto 0 10px}.dpad>div{display:flex;gap:5px}.dpad button{width:47px;height:42px;border:1px solid #5b6286;background:#292e4e;color:white;border-radius:8px;touch-action:none;user-select:none}.dpad button:active{background:var(--pink);color:#211a32}.records-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.record-card{min-height:335px;padding:27px;background:#191e32;border:1px solid #353b54;border-radius:14px}.record-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.record-card h3{font:900 15px ui-monospace,monospace;letter-spacing:.11em;margin:0 0 22px}.text-button{border:0;background:transparent;color:var(--pink);font-size:11px;font-weight:800}.saved-list{display:flex;flex-direction:column;gap:9px}.saved-entry{display:flex;justify-content:space-between;gap:9px;align-items:center;background:#232940;border-radius:8px;padding:13px;font-size:13px}.saved-entry small{display:block;color:#939fba;font-size:10px}.saved-entry button{border:1px solid #5b5c75;background:transparent;color:var(--pink);border-radius:6px;padding:5px 10px;font-size:11px}.empty-record{padding:40px 0;text-align:center;color:#8b95b1;font-size:13px}.empty-record .big-icon{font-size:38px;display:block;margin-bottom:12px}.log-entry{border-top:1px solid #393e5a;padding:14px 0}.log-entry span{font:800 10px ui-monospace,monospace;color:var(--mint)}.log-entry strong{display:block;margin-top:5px;font-size:14px}.log-entry p{font-size:12px;color:#a1aac4;margin:5px 0 0}.final-banner{margin-top:140px;background:linear-gradient(100deg,#303052,#22293f 74%);border:1px solid #595773;border-radius:18px;min-height:359px;padding:48px 6%;position:relative;overflow:hidden;display:flex;align-items:center}.final-banner:after{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,#ffffff15 100%);background-size:30px 30px;pointer-events:none}.final-banner h2{font-size:clamp(28px,4vw,49px);line-height:1.25;letter-spacing:-.06em;margin:17px 0 10px}.final-banner p:not(.section-tag){font-size:14px;color:#b5bfd3;margin-bottom:27px}.final-banner .section-tag{color:var(--mint)}.final-banner .button-primary{position:relative;z-index:2}.final-sprite{position:absolute;right:14%;bottom:25px;width:270px;height:240px}.final-sprite .skuld{left:30px;bottom:0;transform:scale(1.35);transform-origin:bottom center}.final-sprite .banpei{left:168px;bottom:0;transform:scale(1.1);transform-origin:bottom center}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:55px;padding-bottom:55px}.footer-brand strong{font:950 22px ui-monospace,monospace}.footer-brand strong span{color:var(--pink)}.footer-brand p,.site-footer>div:nth-child(2) p{font-size:10px;color:#888fa9;margin:5px 0}.site-footer>a{font:850 11px ui-monospace,monospace;color:var(--mint);white-space:nowrap}.guide{position:fixed;right:21px;bottom:18px;z-index:35;display:flex;align-items:center;gap:0;filter:drop-shadow(0 9px 22px #030616b5)}.guide-portrait{border:0;width:90px;height:90px;background:transparent;position:relative;overflow:hidden;z-index:1}.guide-portrait .skuld{left:-20px;bottom:-62px;transform:scale(.75)}.guide-bubble{width:min(300px,calc(100vw - 144px));background:#f9f5ff;color:#282a46;border:3px solid var(--pink);padding:11px 16px 12px;border-radius:14px;min-height:72px}.guide-bubble span{font:900 9px ui-monospace,monospace;letter-spacing:.1em;color:#bb467f}.guide-bubble p{margin:5px 0 0;font-size:12px;font-weight:750;line-height:1.45}.guide-close{position:absolute;right:-9px;top:-10px;background:#33354b;color:white;border:1px solid #8889a0;border-radius:50%;width:24px;height:24px;z-index:4}.invent-modal{width:min(790px,calc(100vw - 32px));border:1px solid #626a87;border-radius:16px;background:#181e34;color:white;padding:0;box-shadow:0 24px 100px #0009;overflow:hidden}.invent-modal::backdrop{background:#020410c9;backdrop-filter:blur(7px)}.invent-modal[open]{display:grid;grid-template-columns:1fr 1fr}.modal-image img{width:100%;height:100%;object-fit:cover;min-height:380px}.modal-copy{padding:39px 28px;display:flex;flex-direction:column;justify-content:center}.modal-copy>span{font:900 10px ui-monospace,monospace;color:var(--mint)}.modal-copy h2{font-size:26px;letter-spacing:-.05em}.modal-copy p{font-size:13px;color:#b7bfd3}.modal-stats{border-top:1px solid #434861;border-bottom:1px solid #434861;margin:18px 0 25px;padding:15px 0;font-size:12px;color:var(--pink)}.modal-close{position:absolute;right:13px;top:12px;z-index:4;background:#252d49;color:white;border:1px solid #8491af;border-radius:50%;width:33px;height:33px;font-size:22px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);background:#fbe0ef;color:#29243c;border-radius:10px;font-weight:850;font-size:13px;padding:13px 20px;z-index:50;transition:transform .25s;pointer-events:none;box-shadow:0 10px 35px #0005}#toast.show{transform:translate(-50%,0)}
@media(max-width:1100px){.desktop-nav{gap:11px}.desktop-nav a{font-size:11px}.online{display:none}.hero-content{left:5%}.hero-skuld{left:75%}.inventions-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.section-wrap{width:calc(100% - 30px)}.site-header{height:70px;padding:0 16px;gap:8px;justify-content:space-between}.brand-icon{width:40px;height:40px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.desktop-nav{display:none}.hero{height:755px}.hero-scene{background-image:linear-gradient(180deg,#081024a8,#0b0f29c9 60%,#0b1028c7 80%),url('./assets/hero.webp');background-position:53% center}.hero-content{top:42px;left:6%;right:6%;max-width:none}.hero-mini{margin-top:30px}.hero h1{font-size:clamp(48px,11vw,68px)}.hero-description{font-size:13px;max-width:380px;margin:21px 0 25px}.hero-metrics{gap:18px;margin-top:30px}.hero-metrics strong{font-size:20px}.hero-skuld{left:42%!important;bottom:45px;transform:scale(.92);transform-origin:bottom}.hero-banpei{left:69%;bottom:42px;transform:scale(.8);transform-origin:bottom}.floating-label{display:none}.hero-bottom{bottom:15px;font-size:8px}.ticker{height:48px;margin-top:15px;font-size:12px}.spaced{padding-top:77px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:33px}.section-heading p:not(.section-tag){font-size:12px}.heading-index{display:none}.room-layout{grid-template-columns:1fr}.room-main{min-height:330px}.room-caption{left:20px;bottom:20px}.room-caption h3{font-size:28px}.room-list{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.room-button{padding:11px;gap:7px}.room-button strong{font-size:12px}.room-button small{font-size:8px}.explorer-status>span{display:none}.inventions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.invent-card .card-body{padding:13px}.invent-card h3{font-size:14px}.invent-card p{font-size:11px;min-height:67px}.card-foot small,.card-foot button{font-size:10px}.workbench,.experiment-body,.records-layout{grid-template-columns:1fr}.builder-form{border-right:0;border-bottom:1px solid #3f425d;padding:22px}.builder-preview{padding:20px}.option-button{font-size:11px;min-height:78px}.experiment-tab{font-size:11px;padding:12px 5px;line-height:1.5}.experiment-tab span{display:block}.exp-visual{min-height:330px}.exp-controls{padding:22px;min-height:390px}.reactor-shell,.gate-art{transform:translate(-50%,-50%) scale(.78)}.final-banner{margin-top:88px;min-height:470px;padding:34px 24px;align-items:flex-start}.final-banner h2{font-size:31px}.final-sprite{right:15%;bottom:13px;transform:scale(.82);transform-origin:bottom right}.site-footer{flex-wrap:wrap;padding:36px 0 120px}.site-footer>div:nth-child(2){width:100%}.guide{right:8px;bottom:6px}.guide-portrait{width:65px;height:65px}.guide-portrait .skuld{transform:scale(.58);left:-32px;bottom:-78px}.guide-bubble{width:min(285px,calc(100vw - 96px));padding:8px 12px}.guide-bubble p{font-size:11px}.invent-modal[open]{grid-template-columns:1fr}.modal-image img{height:180px;min-height:0}.modal-copy{padding:23px}.modal-copy h2{margin:8px 0}}
@media(max-width:385px){.hero h1{font-size:44px}.hero-metrics{gap:8px}.hero-metrics>div{padding-left:9px}.brand-copy small{display:none}.header-actions{gap:4px}.filter-chip{font-size:9px;padding:8px 9px}.room-button .room-number{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.mobile-nav{display:none}@media(max-width:760px){.mobile-nav{position:fixed;z-index:32;display:flex;justify-content:space-around;align-items:center;left:0;right:0;bottom:0;height:66px;padding:5px 6px max(5px,env(safe-area-inset-bottom));background:#10182df5;backdrop-filter:blur(15px);border-top:1px solid #ffffff2f}.mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:0;min-width:50px;font-size:21px;color:#efbad2;line-height:1.1}.mobile-nav small{font-size:10px;font-weight:800;color:#c8cede;margin-top:5px}.guide{bottom:70px}.site-footer{padding-bottom:128px}}

.skuld.working{background-position-y:-174px}