@font-face{font-family:Friz Quadrata;src:url(assets/fonts/FRIZQT.ttf) format("truetype");font-display:block}@font-face{font-family:Morpheus;src:url(assets/fonts/MORPHEUS.ttf) format("truetype");font-display:block}@font-face{font-family:Arial Narrow;src:url(assets/fonts/ARIALN.ttf) format("truetype");font-display:block}@font-face{font-family:Skurri;src:url(assets/fonts/SKURRI.ttf) format("truetype");font-display:block}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Friz Quadrata,serif;color:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input,textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;cursor:url(assets/cursors/point.png) 2 2,default}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2e,#16213e,#0a1628);z-index:100}.ui-panel{text-align:center;padding:40px 60px;border:2px solid #c9aa71;border-radius:12px;background:#0009;box-shadow:0 0 40px #c9aa714d}.ui-panel h1{font-family:Morpheus,Friz Quadrata,serif;font-size:42px;color:#c9aa71;text-shadow:0 0 20px rgba(201,170,113,.5);margin-bottom:8px}.ui-panel p{color:#89a;font-size:14px;text-transform:uppercase}#character-select{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2e,#16213e,#0a1628);z-index:100}.select-box{width:800px;max-width:95vw;max-height:95vh;overflow-y:auto}.select-box>p{margin-bottom:20px;letter-spacing:3px}.char-name-row{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.char-name-error{min-height:16px;margin-top:6px;font-size:12px;color:#f65;letter-spacing:.3px}.char-name-row input{width:260px;padding:8px 14px;font-size:14px;background:#0006;border:1px solid rgba(201,170,113,.4);border-radius:4px;color:#e0d6c2;text-align:center;letter-spacing:1px;outline:none;transition:border-color .2s}.char-name-row input:focus{border-color:#c9aa71}.char-name-row input::placeholder{color:#c9aa7166}.character-select-layout{display:flex;gap:40px;justify-content:center;margin-bottom:24px}.select-options{flex:0 0 280px;display:flex;flex-direction:column;gap:20px}.select-center{flex:0 0 auto}.character-preview-wrapper{position:relative;width:320px;height:480px;border:1px solid rgba(201,170,113,.3);border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at center bottom,#281e0fcc,#0009)}#character-preview-canvas{display:block;width:100%;height:100%;cursor:inherit}#character-preview-canvas:active{cursor:inherit}.preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#c9aa71;font-size:14px;letter-spacing:2px;text-transform:uppercase;pointer-events:none;transition:opacity .3s ease}.preview-loading.hidden{opacity:0}.spin-toggle{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border:1px solid rgba(180,160,120,.5);border-radius:4px;background:#503c1499;color:#f0d890;font-size:16px;cursor:inherit;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;box-shadow:0 0 4px #f0d8904d}.spin-toggle:hover{background:#64501ecc;color:#ffe8a0;box-shadow:0 0 6px #f0d89080}.spin-toggle.paused{background:#00000080;color:#ffffff4d;border-color:#ffffff26;box-shadow:none}.section-label{font-size:11px;color:#89a;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.race-options{display:flex;gap:12px}.race-btn{flex:1;padding:14px 12px;border:2px solid #555;border-radius:8px;background:#00000080;color:#aaa;cursor:inherit;transition:all .2s;text-align:center}.race-btn:hover{border-color:#c9aa71;color:#c9aa71}.race-btn.selected{border-color:#c9aa71;background:#c9aa7126;color:#c9aa71;box-shadow:0 0 15px #c9aa714d}.gender-btn{flex:1;padding:10px 12px;border:2px solid #555;border-radius:8px;background:#00000080;color:#aaa;cursor:inherit;transition:all .2s;text-align:center;font-size:.95em}.gender-btn:hover{border-color:#c9aa71;color:#c9aa71}.gender-btn.selected{border-color:#c9aa71;background:#c9aa7126;color:#c9aa71;box-shadow:0 0 15px #c9aa714d}.race-icon{font-size:28px;margin-bottom:4px}.race-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.class-options{display:flex;gap:12px}.class-btn{flex:1;padding:12px 10px 10px;border:2px solid #444;border-radius:8px;background:#0009;color:#888;cursor:inherit;transition:all .25s;text-align:center}.class-btn:hover{border-color:#888;color:#ccc;background:#282319b3}.class-btn.selected{border-color:var(--class-color, #c9aa71);background:linear-gradient(180deg,#00000080,#000c);color:var(--class-color, #c9aa71);box-shadow:0 0 12px color-mix(in srgb,var(--class-color, #c9aa71) 40%,transparent),inset 0 1px #ffffff0d}.class-icon{font-size:26px;margin-bottom:2px}.class-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.class-desc{font-size:10px;color:#666;margin-top:3px;letter-spacing:.5px}.class-btn.selected .class-desc{color:#999}.slot-rows{display:flex;flex-direction:column;gap:10px}.slot-row{display:flex;align-items:center;gap:10px}.slot-label{flex:0 0 62px;font-size:11px;font-weight:700;color:#89a;text-transform:uppercase;letter-spacing:1px}.slot-pills{display:flex;gap:6px;flex-wrap:wrap}.slot-pill{width:48px;height:48px;padding:0;border:2px solid #444;border-radius:4px;background:#00000080;cursor:inherit;transition:all .2s;overflow:hidden;position:relative}.slot-pill img{display:block;width:100%;height:100%;image-rendering:pixelated}.slot-pill:hover{border-color:#c9aa71;box-shadow:0 0 8px #c9aa7166}.slot-pill.selected{border-color:#c9aa71;box-shadow:0 0 12px #c9aa7180,inset 0 0 0 1px #c9aa714d}.hair-carousel{display:flex;align-items:center;gap:6px}.hair-arrow{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ccc;font-size:10px;width:22px;height:22px;border-radius:3px;cursor:inherit;display:flex;align-items:center;justify-content:center;padding:0}.hair-arrow:hover{background:#ffffff26;color:#fff}.hair-display{color:#ddd;font-size:11px;min-width:120px;text-align:center;font-family:inherit}.hair-color-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.25);flex-shrink:0}#select-btn{width:100%;padding:14px;border:2px solid #c9aa71;border-radius:6px;background:linear-gradient(180deg,#3d2a1a,#2a1a0e);color:#c9aa71;font-size:16px;font-weight:700;cursor:inherit;text-transform:uppercase;letter-spacing:2px;transition:all .2s}#select-btn:hover{background:linear-gradient(180deg,#4d3a2a,#3a2a1e);box-shadow:0 0 15px #c9aa7166}@media(max-width:700px){.character-select-layout{flex-direction:column;align-items:center}.character-preview-wrapper{width:260px;height:360px}.select-box{width:auto;max-width:95vw}}.loading-box{min-width:400px}.loading-box p{margin-bottom:16px;letter-spacing:2px}.loading-bar-container{width:100%;height:20px;background:#00000080;border:1px solid #c9aa71;border-radius:10px;overflow:hidden;margin-bottom:12px}.loading-bar{height:100%;width:0%;background:linear-gradient(90deg,#c9aa71,#e8d5a3,#c9aa71);transition:width .3s ease;box-shadow:0 0 10px #c9aa7180}#loading-percent{color:#c9aa71;font-size:18px;font-weight:700;margin-bottom:0}#game-canvas{display:block;width:100vw;height:100vh}#pixi-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:auto;z-index:1}