@font-face{font-family:MA Title;src:url(/gui/fonts/title_font.ttf) format("truetype");font-display:swap}@font-face{font-family:MA Main;src:url(/gui/fonts/main_font.ttf) format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--ink: #e8e2f2;--dim: #9a90ae;--ember: #ff7320;--arcane: #9e66ff;--void: #0b0812;--panel: rgba(16, 11, 26, .82);--edge: rgba(158, 102, 255, .28)}html,body,#app{height:100%}body{background:var(--void);color:var(--ink);font-family:MA Main,Segoe UI,sans-serif;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none}.screen{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.screen.menu{background:url(/gui/background.gif) center / cover no-repeat;cursor:url(/gui/crosshair/crosshair.png) 16 16,crosshair}.screen.menu:before{content:"";position:absolute;inset:0;background:#03030561}.screen>*{position:relative}.title{position:absolute;top:30%;left:0;right:0;transform:translateY(-50%);font-family:MA Title,MA Main,serif;font-weight:400;font-size:clamp(56px,6.4vw,92px);letter-spacing:.04em;color:#ffebc8;animation:title-pulse 3.5s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 22px rgba(255,220,150,.5),0 0 70px rgba(255,190,110,.3),0 3px 0 rgba(0,0,0,.65)}50%{text-shadow:0 0 34px rgba(255,226,168,.85),0 0 110px rgba(255,200,120,.55),0 3px 0 rgba(0,0,0,.65)}}.menu-item{position:absolute;top:58%;left:50%;transform:translate(-50%);font-family:MA Main,sans-serif;font-size:34px;color:#c8beaf;background:none;border:none;padding:10px 20px;cursor:inherit;transition:color .1s ease,text-shadow .1s ease}.menu-item:hover{color:#fff5e1;text-shadow:0 0 18px rgba(255,240,200,.75),0 0 50px rgba(255,220,150,.4)}.menu-item:focus-visible{outline:2px solid rgba(255,235,200,.6);outline-offset:4px}.menu-foot{position:absolute;bottom:40px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-ghost{font-family:MA Main,sans-serif;font-size:15px;color:var(--ink);background:transparent;border:1px solid var(--edge);border-radius:8px;padding:9px 26px;cursor:pointer}.btn-ghost:hover{border-color:var(--arcane)}.btn-primary{font-family:MA Main,sans-serif;font-size:17px;letter-spacing:.1em;color:#ffd9b8;background:linear-gradient(180deg,#ff73202e,#ff73200f);border:1px solid rgba(255,115,32,.55);border-radius:8px;padding:12px 34px;cursor:pointer;box-shadow:0 0 18px #ff732024;transition:border-color .12s ease,box-shadow .12s ease,color .12s ease,transform .12s ease}.btn-primary:hover{color:#fff2e4;border-color:#ff9650f2;box-shadow:0 0 26px #ff823257;transform:translateY(-1px)}.btn-primary:focus-visible{outline:2px solid rgba(255,200,150,.7);outline-offset:3px}.status-line{display:flex;gap:26px;align-items:center;color:var(--dim);font-size:15px;animation:rise-in .9s .42s cubic-bezier(.19,1,.22,1) both}.status-line .live{color:var(--ink)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}.dot.on{background:#47d666;box-shadow:0 0 8px #47d666}.dot.off{background:#6b6478}.footnote{position:absolute;bottom:18px;width:100%;text-align:center;color:var(--dim);font-size:12.5px;letter-spacing:.08em}.screen.loading{background:url(/gui/loading.gif) center / cover no-repeat;cursor:url(/gui/crosshair/crosshair.png) 16 16,crosshair}.delving{position:absolute;top:88%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:MA Title,serif;font-size:40px;color:#e6d7be;text-shadow:0 0 20px rgba(230,215,190,.45),0 2px 0 rgba(0,0,0,.7)}.load-progress{position:absolute;top:93%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.bar{width:min(520px,74vw);height:14px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);overflow:hidden}.bar-fill{height:100%;width:0%;border-radius:7px;background:linear-gradient(90deg,var(--arcane),var(--ember));box-shadow:0 0 14px #ff73208c;transition:width .16s ease}.bar-detail{color:var(--dim);font-size:13.5px;font-variant-numeric:tabular-nums}.panel{max-width:560px;background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:34px 38px;line-height:1.55}.panel h1{font-family:MA Title,serif;font-size:34px;margin-bottom:12px}.panel p{color:var(--dim);margin-top:10px;font-size:16px}.panel p strong{color:var(--ink)}@keyframes title-in{0%{opacity:0;transform:translateY(-26px) scale(1.06);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.title,.tagline,.btn-play,.status-line{animation:none}.bar-fill{transition:none}}.class-row{display:flex;gap:18px;justify-content:center;margin-top:22px}.class-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:170px;padding:20px 14px;cursor:pointer;background:#0e0d14eb;color:var(--ink);border:1px solid rgba(120,112,138,.55);border-radius:12px;font:inherit;transition:border-color .15s,transform .15s}.class-card:hover{border-color:var(--arcane);transform:translateY(-3px)}.class-card img{image-rendering:pixelated}.class-card strong{font-family:MA Title,serif;font-size:21px;letter-spacing:.04em}.class-card small{color:var(--dim);font-size:12.5px;line-height:1.4}#name-input{background:#17161f;color:var(--ink);border:1px solid #55506a;border-radius:8px;padding:10px 14px;font:inherit;font-size:17px;width:260px;text-align:center;outline:none}#name-input:focus{border-color:var(--arcane)}#name-input.name-bad{border-color:#be4646}.race-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}.race-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#14131c;border:1px solid #3a3650;border-radius:10px;padding:8px 10px 6px;cursor:pointer;color:var(--ink);transition:border-color .15s,transform .15s}.race-card:hover{border-color:#6a628a;transform:translateY(-2px)}.race-card.sel{border-color:var(--arcane);box-shadow:0 0 14px #8c64ff40}.race-card canvas{width:96px;height:96px;image-rendering:pixelated}.race-card small{font-size:13px;letter-spacing:.4px}.panel-wide{max-width:980px}.hero-grid{display:grid;grid-template-columns:repeat(6,minmax(96px,1fr));gap:8px;justify-items:stretch;margin:12px 0 4px;max-height:44vh;overflow-y:auto}.hero-card{padding:6px 8px 4px}.hero-card canvas{width:72px;height:72px;image-rendering:pixelated}.hero-card small{font-size:12px}.pick-hint{color:var(--dim);font-size:14px;margin-top:12px;letter-spacing:.04em}.skill-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0 14px}.skill-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:#14131c;border:1px solid #3a3650;border-radius:10px;padding:8px 8px 5px;cursor:pointer;color:var(--ink);width:96px;transition:border-color .15s,transform .15s}.skill-card img{image-rendering:pixelated}.skill-card:hover{border-color:#6a628a;transform:translateY(-2px)}.skill-card.sel{border-color:var(--ember);box-shadow:0 0 12px #ff732047}.skill-card small{font-size:11.5px;line-height:1.25;color:var(--dim)}.skill-card.sel small{color:var(--ink)}.slot-badge{position:absolute;top:4px;right:6px;font-size:11px;letter-spacing:.06em;color:#ffd9b8;background:#ff732040;border:1px solid rgba(255,115,32,.55);border-radius:6px;padding:1px 5px}.repick-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;max-height:88vh;overflow-y:auto;cursor:default}.repick-overlay h1{font-family:MA Title,serif;font-size:30px;margin-bottom:8px}.portal-title{font-size:60px}.portal-sub{position:absolute;top:42%;left:0;right:0;text-align:center;color:var(--dim);font-family:MA Main,sans-serif;font-size:16px;letter-spacing:.14em;text-transform:uppercase}.game-row{position:absolute;top:50%;left:50%;transform:translate(-50%);display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.game-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:300px;padding:22px 20px 18px;background:linear-gradient(180deg,#9e66ff1a,#100b1adb);border:1px solid var(--edge);border-radius:12px;color:var(--ink);cursor:pointer;text-align:center;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.game-card:hover:not(.soon){border-color:var(--arcane);transform:translateY(-3px);box-shadow:0 8px 34px #9e66ff38}.game-card strong{font-family:MA Title,serif;font-size:26px;letter-spacing:.04em}.game-card small{color:var(--dim);font-size:13.5px;line-height:1.5;min-height:40px}.game-card .game-live{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8fd6a0}.game-card.soon{cursor:not-allowed;opacity:.55}.game-card.soon .game-live{color:var(--dim)}.portal-back{position:absolute;top:70%;left:50%;transform:translate(-50%);font-size:13px;padding:7px 18px}