:root{font-family:Arial,sans-serif;color:#fff;background:#080c14}*{box-sizing:border-box}html *{cursor:inherit!important}html,body,#app-shell{width:100%;min-width:320px;height:100%;min-height:100vh;margin:0}body{overflow:hidden}#app-shell{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1c2942 0,#0b1120 48%,#05070d)}#game-root{width:100vw;height:100vh}#game-root canvas{display:block}#character-creator-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;overflow:auto;padding:24px 0;background:#080c14}.ghost-character-creator{box-sizing:border-box;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:34px;color:#f8f2dc;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at 20% 0%,rgba(191,78,41,.22),transparent 35%),linear-gradient(145deg,#101016f7,#2b1e1bf5);border:1px solid rgba(244,202,126,.45);border-radius:26px;box-shadow:0 28px 80px #0006}.ghost-character-creator *{box-sizing:border-box}.ghost-creator-copy{margin-bottom:24px}.ghost-creator-copy h1{margin:4px 0 8px;font-size:clamp(32px,5vw,58px)}.ghost-creator-copy p{margin:0;color:#cfbea5}.ghost-eyebrow{color:#eaa15f!important;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.18em}.ghost-creator-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);gap:28px}.ghost-preview-panel,.ghost-character-form{border:1px solid rgba(244,202,126,.18);border-radius:20px;background:#00000038}.ghost-preview-panel{padding:24px;text-align:center}.ghost-preview-stage{position:relative;width:240px;height:300px;margin:0 auto;overflow:hidden;border-radius:120px 120px 28px 28px;background:radial-gradient(circle at 50% 38%,rgba(248,209,142,.2),transparent 34%),linear-gradient(#263140,#15171d 72%);box-shadow:inset 0 -34px 50px #00000073}.ghost-preview-stage:after{position:absolute;right:28px;bottom:31px;left:28px;height:18px;content:"";border-radius:50%;background:#0006;filter:blur(3px)}.ghost-avatar-part{position:absolute;image-rendering:pixelated;transform-origin:50% 50%;pointer-events:none}.ghost-preview-caption{display:inline-block;margin-top:14px;color:#bfae96;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.ghost-character-form{padding:24px}.ghost-name-field{display:grid;gap:8px;margin-bottom:20px;font-weight:700}.ghost-name-field input{width:100%;padding:13px 14px;color:#fff6e8;font:600 16px/1.3 Arial,sans-serif;background:#06070aa6;border:1px solid rgba(244,202,126,.32);border-radius:10px;outline:none}.ghost-name-field input:focus{border-color:#eaa15f;box-shadow:0 0 0 3px #eaa15f26}.ghost-option-group{margin:0 0 18px;padding:0;border:0}.ghost-option-group legend{margin-bottom:9px;font-weight:700}.ghost-option-row{display:flex;gap:10px;flex-wrap:wrap}.ghost-option-button{display:grid;grid-template-columns:46px minmax(90px,1fr);align-items:center;gap:8px;min-width:168px;padding:8px 12px 8px 8px;color:#cdbfae;text-align:left;background:#0c0d11bf;border:1px solid rgba(244,202,126,.16);border-radius:10px;cursor:pointer}.ghost-option-button img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;background:#ffffff09;border-radius:7px}.ghost-option-button span{overflow:hidden;font:600 12px/1.25 Arial,sans-serif;text-overflow:ellipsis}.ghost-option-button:hover{border-color:#eaa15fa6}.ghost-option-button.is-selected{color:#fff2d8;border-color:#eaa15f;background:#9c442461;box-shadow:0 0 0 2px #eaa15f1c}.ghost-enter-button{width:100%;margin-top:2px;padding:14px 20px;color:#261812;font:800 15px/1 Arial,sans-serif;letter-spacing:.04em;background:linear-gradient(#f4c678,#d88845);border:0;border-radius:11px;cursor:pointer}.ghost-enter-button:hover{filter:brightness(1.08)}.ghost-form-error{min-height:18px;margin:9px 0 0;color:#ffaaa0;font:600 12px/1.4 Arial,sans-serif}@media (max-width: 760px){.ghost-character-creator{padding:22px}.ghost-creator-grid{grid-template-columns:1fr}.ghost-preview-stage{width:210px;height:250px}.ghost-option-button{min-width:calc(50% - 5px);grid-template-columns:40px minmax(0,1fr)}.ghost-option-button img{width:40px;height:40px}}.ghost-display-tag-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-4px 0 20px}.ghost-display-tag-fields label{display:grid;gap:7px;color:#e7d8c2;font-weight:700}.ghost-display-tag-fields small{color:#927f69;font-weight:600}.ghost-display-tag-fields input,.ghost-display-tag-fields select{width:100%;padding:10px 11px;color:#fff6e8;font:600 13px/1.3 Arial,sans-serif;background:#06070aa6;border:1px solid rgba(244,202,126,.24);border-radius:9px;outline:none}.ghost-display-tag-fields input:focus,.ghost-display-tag-fields select:focus{border-color:#eaa15f;box-shadow:0 0 0 3px #eaa15f1f}.ghost-display-tag-preview{position:absolute;z-index:50;bottom:10px;left:50%;display:grid;justify-items:center;gap:2px;pointer-events:none;transform:translate(-50%);font-family:Tahoma,Arial,sans-serif;image-rendering:pixelated}.ghost-tag-name{padding:1px 5px 2px;color:#f7fbff;font:800 12px/1.3 Tahoma,Arial,sans-serif;text-shadow:-1px -1px #07101a,1px -1px #07101a,-1px 1px #07101a,1px 1px #07101a;white-space:nowrap}.ghost-tag-name.is-plate{min-width:74px;padding:3px 13px 4px;text-align:center;background:linear-gradient(#122838,#07121c);border:2px solid #a98955;border-radius:4px;box-shadow:inset 0 0 0 1px #31536c,0 2px 3px #0009}.ghost-tag-guild{display:flex;align-items:center;gap:4px;color:#f4c6c6;font:800 11px/1 Tahoma,Arial,sans-serif;text-shadow:-1px -1px #160707,1px 1px #160707;white-space:nowrap}.ghost-tag-logo{position:relative;width:14px;height:14px;background:#102f4a;border:1px solid #5bb8ef;box-shadow:0 0 0 1px #05080c}.ghost-tag-logo:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;content:"";background:#9fe5ff;transform:rotate(-35deg) skew(-18deg)}.ghost-tag-logo.crimson-flame{background:#4a1010;border-color:#e46252}.ghost-tag-logo.crimson-flame:after{background:#ffb14d;transform:rotate(45deg)}.ghost-tag-logo.gold-diamond{background:#3a2a10;border-color:#d6ae4f}.ghost-tag-logo.gold-diamond:after{background:#ffe18a;transform:rotate(45deg)}@media (max-width: 760px){.ghost-display-tag-fields{grid-template-columns:1fr}}.ghost-sex-button{display:block;min-width:96px;padding:10px 16px;text-align:center;font:700 14px/1.2 Arial,sans-serif}.ghost-front-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;overflow:auto;padding:24px 16px;background:radial-gradient(circle at 50% 30%,#1c2942 0,#0b1120,#05070d)}.ghost-front-panel{box-sizing:border-box;width:min(440px,100%);padding:30px;color:#f8f2dc;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at 20% 0%,rgba(191,78,41,.22),transparent 40%),linear-gradient(145deg,#101016f7,#2b1e1bf5);border:1px solid rgba(244,202,126,.45);border-radius:22px;box-shadow:0 28px 80px #00000073}.ghost-front-panel.is-wide{width:min(980px,100%)}.ghost-front-panel *{box-sizing:border-box}.ghost-front-panel h1{margin:4px 0 6px;font-size:32px;font-weight:700}.ghost-front-panel p{margin:0 0 14px;color:#cfbea5;font:14px/1.5 Arial,sans-serif}.ghost-front-eyebrow{margin:0!important;color:#eaa15f!important;font:700 12px/1.4 Arial,sans-serif!important;letter-spacing:.18em}.ghost-front-form{display:grid;gap:12px;margin-top:16px}.ghost-front-host [hidden]{display:none!important}.ghost-front-form label{display:grid;gap:5px;color:#e5d5b9;font:600 12px/1.3 Arial,sans-serif}.ghost-front-form input,.ghost-front-select{width:100%;padding:10px 12px;color:#fff8e6;font:15px/1.3 Arial,sans-serif;background:#00000059;border:1px solid rgba(244,202,126,.3);border-radius:10px;outline:none}.ghost-front-form input:focus,.ghost-front-select:focus{border-color:#eaa15f}.ghost-front-button{padding:11px 16px;color:#261209;font:700 14px/1 Arial,sans-serif;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#f2c06b,#d58a3c);border:0;border-radius:999px}.ghost-front-button:hover:not(:disabled){filter:brightness(1.08)}.ghost-front-button:disabled{cursor:default;opacity:.5}.ghost-front-button.is-secondary{color:#f8f2dc;background:#ffffff14;border:1px solid rgba(244,202,126,.3)}.ghost-front-button.is-danger{color:#ffe1dc;background:#aa281e8c;border:1px solid rgba(255,140,120,.4)}.ghost-front-link{padding:0;color:#eaa15f;font:600 13px/1.4 Arial,sans-serif;cursor:pointer;background:none;border:0;text-decoration:underline}.ghost-front-error{min-height:18px;margin:0;color:#ffaaa0;font:600 12px/1.4 Arial,sans-serif}.ghost-front-note{color:#9f927e!important;font-size:12px!important}.ghost-front-divider{display:flex;gap:10px;align-items:center;margin:18px 0 12px;color:#8f846f;font:12px/1 Arial,sans-serif}.ghost-front-divider:before,.ghost-front-divider:after{flex:1;height:1px;content:"";background:#f4ca7e33}.ghost-front-providers{display:grid;gap:8px}.ghost-front-provider{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 14px;color:#d9ccb4;font:600 13px/1 Arial,sans-serif;background:#ffffff0d;border:1px solid rgba(244,202,126,.18);border-radius:999px;cursor:not-allowed;opacity:.75}.ghost-front-provider small{padding:3px 7px;color:#261209;font:700 10px/1 Arial,sans-serif;background:#b9a37e;border-radius:999px}.ghost-select-top{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.ghost-select-account{display:flex;gap:10px;align-items:center;color:#cfbea5;font:13px/1.3 Arial,sans-serif}.ghost-select-channel{display:grid;gap:5px;min-width:200px;color:#e5d5b9;font:600 12px/1.3 Arial,sans-serif}.ghost-select-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.ghost-select-card{display:grid;gap:6px;justify-items:center;padding:14px 12px;color:inherit;text-align:center;cursor:pointer;background:#00000040;border:1px solid rgba(244,202,126,.18);border-radius:16px}.ghost-select-card:hover{border-color:#f4ca7e73}.ghost-select-card.is-selected{border-color:#eaa15f;box-shadow:0 0 0 2px #eaa15f59 inset}.ghost-select-card strong{font-size:18px}.ghost-select-card span{color:#cfbea5;font:12px/1.3 Arial,sans-serif}.ghost-select-card.is-create{align-content:center;min-height:230px;color:#eaa15f;font:700 14px/1.3 Arial,sans-serif;border-style:dashed}.ghost-select-stage{position:relative;width:150px;height:160px;overflow:hidden;border-radius:75px 75px 18px 18px;background:radial-gradient(circle at 50% 40%,rgba(248,209,142,.18),transparent 40%),linear-gradient(#263140,#15171d 75%)}.ghost-select-stage img{position:absolute;image-rendering:pixelated;pointer-events:none}.ghost-select-stage.is-glow img{visibility:hidden}.ghost-select-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.ghost-select-actions .ghost-front-error{flex:1 1 100%;text-align:right}.ghost-select-confirm{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;margin-top:14px;padding:12px 14px;color:#ffe1dc;font:13px/1.4 Arial,sans-serif;background:#781e1459;border:1px solid rgba(255,140,120,.35);border-radius:12px}.ghost-select-confirm span{flex:1 1 200px}#ghost-tab-taken{z-index:100000}.ghost-front-panel.ghost-pin-panel{width:min(380px,100%)}.ghost-pin{display:grid;justify-items:center;text-align:center}.ghost-pin h1{margin:10px 0 4px!important;font-size:26px!important}.ghost-pin-lock{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 62%,#2a1d18 0 5px,transparent 6px),linear-gradient(#eaa15f,#b8632f) center 64% / 22px 17px no-repeat,radial-gradient(circle at 50% 38%,transparent 0 6px,#eaa15f 7px 9px,transparent 10px) center 30% / 26px 26px no-repeat,#eaa15f1f;border:1px solid rgba(244,202,126,.45)}.ghost-pin-message{min-height:42px;margin:0 0 10px!important;white-space:pre-line}.ghost-pin.is-locked .ghost-pin-message{color:#ffb3a8!important}.ghost-pin-rows{display:grid;gap:10px;margin-bottom:18px}.ghost-pin-dots{display:flex;gap:9px;justify-content:center;opacity:.55;transition:opacity .12s}.ghost-pin-dots.is-active{opacity:1}.ghost-pin-dots span{width:13px;height:13px;border-radius:50%;border:1px solid rgba(244,202,126,.22);transition:background .1s,transform .1s}.ghost-pin-dots span.is-needed{border-color:#f4ca7e8c}.ghost-pin-dots span.is-filled{background:#eaa15f;border-color:#eaa15f;transform:scale(1.08);box-shadow:0 0 8px #eaa15f80}.ghost-pin-keypad{display:grid;grid-template-columns:repeat(3,72px);gap:10px;margin-bottom:18px}.ghost-pin-keypad[hidden]{display:none!important}.ghost-pin-key{height:52px;color:#f8f2dc;font:600 22px/1 Segoe UI,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;cursor:pointer;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid rgba(244,202,126,.28);border-radius:14px;transition:background .1s,border-color .1s,transform 60ms}.ghost-pin-key:hover{background:#eaa15f29;border-color:#f4ca7e99}.ghost-pin-key:active{transform:scale(.95);background:#eaa15f47}.ghost-pin-key:focus-visible{outline:2px solid #eaa15f;outline-offset:2px}.ghost-pin-key.is-small{color:#cfbea5;font:600 14px/1 Arial,sans-serif}.ghost-pin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.ghost-pin .ghost-front-error{margin-top:12px}.ghost-pin .ghost-front-error.is-note{color:#cfbea5}.ghost-pin .ghost-front-note{margin:4px 0 0!important}.ghost-front-human{min-height:65px}@media (max-width: 380px){.ghost-pin-keypad{grid-template-columns:repeat(3,64px)}}