@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{color:#f1eee9;background:#07090d;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{margin:0;width:100%;min-height:100%;overflow:hidden}button{font:inherit}#space-canvas{display:block;position:fixed;inset:0;width:100%;height:100%;outline:none}.panel{position:relative;z-index:1;min-height:100vh;padding:clamp(32px,7vw,108px);display:flex;flex-direction:column;justify-content:center;pointer-events:none;background:radial-gradient(circle at 78% 40%,rgba(59,73,127,.15),transparent 32%),linear-gradient(90deg,#07090dba,#07090d1f)}.eyebrow{font:11px/1.2 DM Mono,monospace;letter-spacing:.16em;color:#a6b1cf;margin:0 0 16px}h1{margin:0;font:500 clamp(46px,7vw,110px)/.94 "Playfair Display","Noto Sans SC",serif;letter-spacing:-.05em}h1 em{color:#b9c8ff;font-weight:500}.intro{width:min(410px,100%);margin:25px 0 38px;color:#c4c4ca;font-size:14px;line-height:1.8}.level-grid{pointer-events:auto;display:grid;grid-template-columns:repeat(4,minmax(130px,178px));width:min(780px,100%);border-top:1px solid rgba(231,234,255,.25);border-left:1px solid rgba(231,234,255,.25)}.level-card{min-height:115px;cursor:pointer;text-align:left;position:relative;border:0;border-right:1px solid rgba(231,234,255,.25);border-bottom:1px solid rgba(231,234,255,.25);padding:15px;color:#f2efe8;background:#0a0c1270;transition:background .25s,transform .25s}.level-card:hover,.level-card:focus-visible{background:#94a9ff38;transform:translateY(-3px);outline:none}.level-card .index,.level-card small{display:block;font:10px/1.1 DM Mono,monospace;letter-spacing:.1em;color:#a7afc6}.level-card strong{display:block;margin:17px 0 5px;font-size:20px;font-weight:500}.level-card .arrow{position:absolute;right:14px;top:12px;color:#c5d1ff}.experience-ui{position:fixed;z-index:2;inset:0;padding:28px clamp(24px,4vw,64px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 25%)}.status-label{margin:0;font-size:12px;color:#ddd7cf}.coordinate-panel{display:grid;gap:4px;margin-top:11px;padding:8px 10px;width:max-content;max-width:min(360px,calc(100vw - 48px));color:#d9e6ff;background:#04080fa8;border-left:2px solid #718fff;font:10px/1.45 DM Mono,monospace;letter-spacing:.035em}.coordinate-title{color:#ffae52;letter-spacing:.12em}.controls{align-self:flex-end;display:flex;gap:14px;color:#c9c7c2;font-size:11px}.controls kbd{font:10px DM Mono,monospace;border:1px solid #777b88;padding:3px 5px;border-radius:2px;color:#fff}#return-button{pointer-events:auto;cursor:pointer;border:1px solid rgba(240,240,240,.55);background:#080a0fa6;color:#f3f0ea;padding:10px 13px;font-size:12px;transition:background .2s}.experience-ui button:hover{background:#e9e5dc;color:#0a0b0e}.loader{position:fixed;z-index:4;inset:0;display:grid;place-content:center;gap:14px;text-align:center;background:#07090de0}.loader p{font:11px DM Mono,monospace;letter-spacing:.1em;color:#c7cce1}.loader-line{width:170px;height:1px;overflow:hidden;background:#303644}.loader-line:after{content:"";display:block;height:100%;background:#c5d1ff;animation:load 1.1s infinite ease-in-out}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pointer-hint{position:fixed;z-index:3;left:50%;bottom:46px;transform:translate(-50%);color:#f6f3ec;font-size:12px;letter-spacing:.06em;background:#05060ab8;border:1px solid #7a7e8e;padding:10px 14px}.error-message{position:fixed;z-index:5;left:50%;bottom:30px;transform:translate(-50%);max-width:calc(100vw - 40px);padding:13px 16px;color:#ffd8d8;background:#4d1f28;border:1px solid #b86476;font-size:13px}@media(max-width:700px){.panel{padding:32px 20px;justify-content:flex-end}.level-grid{grid-template-columns:repeat(2,1fr)}.level-card{min-height:89px}.level-card strong{margin:11px 0 3px}.controls{display:none}.experience-ui{padding:20px}}