:root{color-scheme:dark;--bg: #0a0a0f;--surface: #14141f;--text: #e8e6e3;--muted: #8a8794;--accent: #7c3aed;--danger: #dc2626;--font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;gap:1rem}.form{display:flex;flex-direction:column;gap:.75rem;width:min(100%,22rem);text-align:left}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.form input,.form select{padding:.5rem;border:1px solid var(--muted);border-radius:.25rem;background:var(--surface);color:var(--text)}.form button,.menu__nav button,.world__controls button{padding:.6rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.25rem;cursor:pointer}.error{color:var(--danger)}.warning{color:#f59e0b}.muted{color:var(--muted);font-size:.9rem}.menu__nav{display:flex;flex-direction:column;gap:.5rem;width:min(100%,20rem)}.menu__logout{margin-top:2rem;background:transparent;border:1px solid var(--muted);color:var(--text);padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.world{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.world__viewport{display:grid;grid-template-columns:repeat(9,2.5rem);grid-template-rows:repeat(9,2.5rem);gap:2px;background:#000;padding:4px}.tile{width:2.5rem;height:2.5rem;background:#1a1a2e}.tile--player{background:#7c3aed}.tile--player_other{background:#5b21b6}.tile--monster{background:#dc2626}.tile--corpse{background:#374151}.tile--wall{background:#4b5563}.tile--floor{background:#1a1a2e}.tile--black{background:#000}.world__stats{font-size:.85rem;color:var(--muted);width:min(100%,24rem);text-align:center}.world__chat{width:min(100%,24rem);display:flex;flex-direction:column;gap:.5rem}.world__chat-log{max-height:8rem;overflow-y:auto;background:var(--surface);border:1px solid var(--muted);border-radius:.25rem;padding:.5rem;font-size:.8rem;text-align:left}.world__chat-form{display:flex;gap:.5rem}.world__chat-form input{flex:1;padding:.4rem;background:var(--surface);border:1px solid var(--muted);border-radius:.25rem;color:var(--text)}.form textarea{padding:.5rem;border:1px solid var(--muted);border-radius:.25rem;background:var(--surface);color:var(--text);resize:vertical}#list-content{text-align:left;width:min(100%,28rem);max-height:60vh;overflow-y:auto}.world__controls{display:flex;flex-direction:column;align-items:center;gap:.25rem}.world__controls-row{display:flex;gap:2rem}.world__exit{background:transparent;border:1px solid var(--muted);color:var(--text);padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.error-screen{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:1.5rem}:root{--ember: #f59e0b;--accent-2: #a855f7;--field-bg: rgba(12, 12, 20, .72);--field-border: rgba(138, 135, 148, .28);--ok: #22c55e;--auth-radius: 18px}.auth{position:relative;min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem;overflow:hidden;isolation:isolate}.auth__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(245,158,11,.12),transparent 55%),linear-gradient(180deg,#07070c,#0a0a12 55%,#06060a)}.auth__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:auth-drift 18s ease-in-out infinite alternate}.auth__glow--1{width:40vmax;height:40vmax;top:-12vmax;left:-8vmax;background:radial-gradient(circle,rgba(124,58,237,.55),transparent 65%)}.auth__glow--2{width:34vmax;height:34vmax;bottom:-12vmax;right:-6vmax;background:radial-gradient(circle,rgba(245,158,11,.4),transparent 65%);animation-delay:-6s}@keyframes auth-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3vmax,4vmax,0) scale(1.12)}}.auth__embers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.auth__embers i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px 1px #f59e0bb3;opacity:0;animation:ember-rise linear infinite}.auth__embers i:nth-child(1){left:8%;animation-duration:11s;animation-delay:0s}.auth__embers i:nth-child(2){left:18%;animation-duration:14s;animation-delay:2s}.auth__embers i:nth-child(3){left:27%;animation-duration:9s;animation-delay:1s}.auth__embers i:nth-child(4){left:36%;animation-duration:16s;animation-delay:4s}.auth__embers i:nth-child(5){left:45%;animation-duration:12s;animation-delay:3s}.auth__embers i:nth-child(6){left:54%;animation-duration:15s;animation-delay:6s}.auth__embers i:nth-child(7){left:63%;animation-duration:10s;animation-delay:2.5s}.auth__embers i:nth-child(8){left:72%;animation-duration:13s;animation-delay:5s}.auth__embers i:nth-child(9){left:81%;animation-duration:17s;animation-delay:1.5s}.auth__embers i:nth-child(10){left:90%;animation-duration:11s;animation-delay:7s}.auth__embers i:nth-child(11){left:32%;animation-duration:19s;animation-delay:8s}.auth__embers i:nth-child(12){left:68%;animation-duration:14s;animation-delay:9s}@keyframes ember-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.9}80%{opacity:.6}to{transform:translateY(-102vh) scale(.4);opacity:0}}.auth__card{width:min(100%,25rem);background:linear-gradient(180deg,#181626db,#0e0d16eb);border:1px solid rgba(168,85,247,.22);border-radius:var(--auth-radius);padding:1.75rem 1.6rem 1.5rem;box-shadow:0 30px 80px -20px #000c,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:auth-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes auth-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth__brand{text-align:center;margin-bottom:1.25rem}.auth__crest{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:.5rem;border-radius:16px;background:radial-gradient(circle at 50% 30%,#7c3aed47,#0a0a0f33);border:1px solid rgba(168,85,247,.3);filter:drop-shadow(0 6px 16px rgba(124,58,237,.35))}.auth__title{font-size:1.4rem;line-height:1.15;margin:.25rem 0 .15rem;letter-spacing:.02em;background:linear-gradient(92deg,#e9d5ff,#c4b5fd 40%,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(124,58,237,.25)}.auth__subtitle{margin:0;font-size:.85rem;color:var(--muted)}.auth__tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;margin-bottom:1.25rem;background:#0000004d;border:1px solid var(--field-border);border-radius:12px}.auth__tab{position:relative;z-index:1;text-align:center;padding:.55rem .5rem;font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none;border-radius:9px;transition:color .2s ease}.auth__tab.is-active{color:#fff}.auth__tab:hover{color:#e8e6e3}.auth__tab-indicator{position:absolute;z-index:0;top:.25rem;bottom:.25rem;width:calc(50% - .25rem);border-radius:9px;background:linear-gradient(180deg,#7c3aede6,#7c3aed99);box-shadow:0 6px 18px -6px #7c3aede6;transition:transform .28s cubic-bezier(.16,1,.3,1)}.auth__tab-indicator--login{transform:translate(.25rem)}.auth__tab-indicator--register{transform:translate(calc(100% + .25rem))}.auth__form{display:flex;flex-direction:column;gap:.95rem;text-align:left}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.field__control{position:relative;display:flex;align-items:center}.field__icon{position:absolute;left:.75rem;display:grid;place-items:center;color:var(--muted);pointer-events:none;transition:color .2s ease}.field__input{width:100%;padding:.72rem .85rem .72rem 2.5rem;font-size:.95rem;color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:11px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field__input::placeholder{color:#8a8794a6}.field__input:hover{border-color:#a855f766}.field__input:focus{border-color:var(--accent-2);background:#100e1ae6;box-shadow:0 0 0 3px #7c3aed40}.field__control:focus-within .field__icon{color:var(--accent-2)}.field__toggle{position:absolute;right:.5rem;display:grid;place-items:center;width:2rem;height:2rem;color:var(--muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease}.field__toggle:hover{color:var(--text);background:#ffffff0d}.field__toggle.is-on{color:var(--accent-2)}.field__counter{position:absolute;right:.75rem;font-size:.72rem;color:var(--muted);pointer-events:none}.field__hint{margin:0;font-size:.75rem;color:var(--muted)}.field__error{margin:0;min-height:0;font-size:.78rem;color:#fca5a5;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease}.field.has-error .field__error{opacity:1;max-height:3rem}.field.has-error .field__input{border-color:var(--danger);box-shadow:0 0 0 3px #dc26262e}.field.has-error .field__icon{color:#fca5a5}.pwd-meter{display:flex;align-items:center;gap:.6rem}.pwd-meter__track{flex:1;height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.pwd-meter__fill{display:block;width:0;height:100%;border-radius:999px;background:var(--danger);transition:width .3s ease,background .3s ease}.pwd-meter__label{min-width:4.5rem;font-size:.72rem;color:var(--muted);text-align:right}.pwd-meter[data-score="1"] .pwd-meter__fill{background:#ef4444}.pwd-meter[data-score="2"] .pwd-meter__fill{background:var(--ember)}.pwd-meter[data-score="3"] .pwd-meter__fill{background:#eab308}.pwd-meter[data-score="4"] .pwd-meter__fill{background:var(--ok)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.25rem;background:#0000004d;border:1px solid var(--field-border);border-radius:11px}.segmented__opt{position:relative}.segmented__opt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.segmented__opt span{display:block;text-align:center;padding:.5rem .25rem;font-size:.8rem;color:var(--muted);border-radius:8px;transition:color .2s ease,background .2s ease}.segmented__opt input:hover+span{color:var(--text)}.segmented__opt input:checked+span{color:#fff;background:linear-gradient(180deg,#7c3aedd9,#7c3aed8c);box-shadow:0 4px 14px -6px #7c3aede6}.segmented__opt input:focus-visible+span{box-shadow:0 0 0 3px #7c3aed59}.checkbox{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.85rem;color:var(--text)}.checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox__box{display:grid;place-items:center;width:1.35rem;height:1.35rem;flex-shrink:0;border:1px solid var(--field-border);border-radius:7px;background:var(--field-bg);color:transparent;transition:all .18s ease}.checkbox input:checked+.checkbox__box{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent;color:#fff}.checkbox input:focus-visible+.checkbox__box{box-shadow:0 0 0 3px #7c3aed59}.field.has-error .checkbox__box{border-color:var(--danger)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;margin-top:.25rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:#fff;border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.btn>svg{flex-shrink:0}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--field-border);box-shadow:none}.btn--ghost:hover{border-color:var(--accent-2);color:#fff;background:#a855f714}.btn--ghost:active{transform:translateY(1px)}.btn--danger{background:linear-gradient(100deg,#b91c1c 0%,#dc2626 55%,var(--ember) 140%);background-size:160% 100%;box-shadow:0 14px 30px -12px #dc2626d9,0 0 0 1px #ffffff0f inset}.btn--danger:hover{background-position:40% 0;filter:brightness(1.06)}.btn--danger:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(100deg,var(--accent) 0%,var(--accent-2) 55%,var(--ember) 130%);background-size:160% 100%;box-shadow:0 14px 30px -12px #7c3aede6,0 0 0 1px #ffffff0f inset}.btn--primary:hover{background-position:40% 0;filter:brightness(1.06)}.btn--primary:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed80}.btn__label{transition:opacity .15s ease}.btn__spinner{position:absolute;width:1.15rem;height:1.15rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;opacity:0;animation:spin .7s linear infinite}.btn.is-busy{cursor:progress}.btn.is-busy .btn__label{opacity:0}.btn.is-busy .btn__spinner{opacity:1}.btn:disabled{filter:saturate(.7) brightness(.85);cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.auth__alert{margin:0;min-height:0;padding:0;font-size:.82rem;color:#fca5a5;text-align:center}.auth__alert:not(:empty){padding:.6rem .75rem;border-radius:10px;background:#dc26261f;border:1px solid rgba(220,38,38,.35)}.auth__meta{margin:.15rem 0 0;text-align:center;font-size:.82rem;color:var(--muted)}.auth__meta a,.auth__footnote a{color:var(--accent-2);text-decoration:none;font-weight:600}.auth__meta a:hover{text-decoration:underline}.auth__footnote{margin-top:1.1rem;font-size:.75rem;color:#8a8794b3;text-align:center}@media (max-width: 420px){.auth__card{padding:1.4rem 1.15rem 1.25rem}.auth__title{font-size:1.2rem}}.stage{position:relative;min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem;overflow:hidden;isolation:isolate}.hero{width:min(100%,34rem);text-align:center;padding:2.75rem 2rem 2.25rem;background:linear-gradient(180deg,#181626d1,#0e0d16e6);border:1px solid rgba(168,85,247,.22);border-radius:22px;box-shadow:0 40px 90px -30px #000000d9,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:auth-in .6s cubic-bezier(.16,1,.3,1) both}.hero__crest{display:inline-grid;place-items:center;width:88px;height:88px;margin-bottom:1rem;border-radius:22px;background:radial-gradient(circle at 50% 30%,#7c3aed52,#0a0a0f33);border:1px solid rgba(168,85,247,.32);filter:drop-shadow(0 8px 22px rgba(124,58,237,.45));animation:hero-float 6s ease-in-out infinite}.hero__crest svg{width:56px;height:56px}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__eyebrow{margin:0 0 .4rem;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-2)}.hero__title{margin:0;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1;letter-spacing:.01em;background:linear-gradient(92deg,#e9d5ff,#c4b5fd 40%,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(124,58,237,.3)}.rune-divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.1rem auto;color:#a855f7a6}.rune-divider:before,.rune-divider:after{content:"";height:1px;width:4.5rem;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5))}.rune-divider:after{transform:scaleX(-1)}.hero__message{margin:0 auto;max-width:30rem;min-height:1.6rem;font-size:1rem;line-height:1.6;color:var(--text);opacity:.9}.hero__actions{margin-top:1.75rem;display:flex;justify-content:center}.btn--lg{padding:.95rem 2rem;font-size:1.05rem;border-radius:14px}.btn__label svg{vertical-align:-3px;margin-left:.4rem;transition:transform .2s ease}.btn--primary:hover .btn__label svg{transform:translate(3px)}.hero__hint{margin:1.1rem 0 0;font-size:.8rem;color:var(--muted)}.skeleton{display:inline-block;border-radius:8px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff24 37%,#ffffff0d 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.skeleton--title{width:15rem;max-width:100%;height:2.2rem}.skeleton--line{width:100%;height:.9rem;margin:.35rem 0}.hero__message .skeleton--line:last-child{width:70%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 420px){.hero{padding:2rem 1.25rem 1.75rem}}.panel{position:relative;width:min(100%,30rem);background:linear-gradient(180deg,#181626db,#0e0d16eb);border:1px solid rgba(168,85,247,.22);border-radius:20px;padding:1.75rem 1.6rem 1.6rem;box-shadow:0 40px 90px -30px #000000d9,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:auth-in .5s cubic-bezier(.16,1,.3,1) both}.panel--wide{width:min(100%,40rem)}.panel__back{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem .4rem .5rem;font-size:.8rem;font-weight:600;color:var(--muted);background:#00000040;border:1px solid var(--field-border);border-radius:999px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.panel__back:hover{color:#fff;border-color:var(--accent-2);background:#a855f71f}.panel__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin-bottom:1.25rem}.panel__crest{display:inline-grid;place-items:center;width:62px;height:62px;color:var(--accent-2);border-radius:16px;background:radial-gradient(circle at 50% 30%,#7c3aed47,#0a0a0f33);border:1px solid rgba(168,85,247,.3);filter:drop-shadow(0 6px 16px rgba(124,58,237,.35))}.panel__crest--danger{color:#fca5a5;background:radial-gradient(circle at 50% 30%,#dc26264d,#0a0a0f33);border-color:#dc262666;filter:drop-shadow(0 6px 16px rgba(220,38,38,.4))}.panel__titles{display:flex;flex-direction:column;gap:.15rem}.panel__eyebrow{margin:0;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-2)}.panel__eyebrow--danger{color:#fca5a5}.panel__title{margin:0;font-size:clamp(1.35rem,3.5vw,1.7rem);line-height:1.15;background:linear-gradient(92deg,#e9d5ff,#c4b5fd 40%,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}.panel__subtitle{margin:0;font-size:.85rem;color:var(--muted)}.panel__body{display:flex;flex-direction:column;gap:1rem}.panel__actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.25rem}.panel__actions .btn{margin-top:0}.panel__actions .btn--primary,.panel__actions .btn--danger{flex:1;min-width:8rem}.panel__scroll{max-height:min(60vh,32rem);overflow-y:auto;padding-right:.35rem}.panel__scroll::-webkit-scrollbar{width:8px}.panel__scroll::-webkit-scrollbar-thumb{background:#a855f759;border-radius:999px}.panel__status{margin:.25rem 0 0;font-size:.85rem;color:var(--muted);text-align:center;min-height:1.1rem}.panel__status--error{color:#fca5a5}.menu-play{display:flex;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.25rem;text-align:left;color:#fff;border:1px solid rgba(168,85,247,.4);border-radius:16px;cursor:pointer;background:linear-gradient(100deg,#7c3aede6,#a855f7b3 55%,#f59e0b8c 150%);background-size:160% 100%;box-shadow:0 18px 40px -18px #7c3aede6;transition:background-position .25s ease,transform .12s ease,filter .2s ease}.menu-play:hover{background-position:40% 0;filter:brightness(1.05)}.menu-play:active{transform:translateY(1px)}.menu-play__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#00000040;flex-shrink:0}.menu-play__text{display:flex;flex-direction:column;flex:1}.menu-play__text strong{font-size:1.15rem;font-weight:800;letter-spacing:.02em}.menu-play__text small{font-size:.8rem;opacity:.85}.menu-play__arrow{display:grid;place-items:center;opacity:.9;transition:transform .2s ease}.menu-play:hover .menu-play__arrow{transform:translate(4px)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.65rem}.menu-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;color:var(--text);background:#00000047;border:1px solid var(--field-border);border-radius:14px;cursor:pointer;transition:transform .14s ease,border-color .2s ease,background .2s ease,color .2s ease}.menu-tile:hover{transform:translateY(-2px);color:#fff;border-color:var(--accent-2);background:#7c3aed24}.menu-tile:active{transform:translateY(0)}.menu-tile__icon{display:grid;place-items:center;width:44px;height:44px;color:var(--accent-2);border-radius:11px;background:#7c3aed1f;border:1px solid rgba(168,85,247,.22);transition:color .2s ease,background .2s ease}.menu-tile:hover .menu-tile__icon{color:#fff;background:#7c3aed47}.menu-tile__label{font-size:.82rem;font-weight:600}.menu-logout{margin-top:.5rem;width:100%}.doc{text-align:left;color:var(--text);line-height:1.6}.doc h2{margin:0 0 .5rem;font-size:1.15rem;color:#e9d5ff}.doc h3{margin:1rem 0 .35rem;font-size:.98rem;color:var(--accent-2)}.doc p{margin:0 0 .5rem;color:var(--muted)}.news-card{text-align:left;padding:1rem 1.1rem;margin-bottom:.75rem;background:#00000040;border:1px solid var(--field-border);border-radius:14px;border-left:3px solid var(--accent)}.news-card h3{margin:0 0 .35rem;font-size:1rem;color:#e9d5ff}.news-card p{margin:0;color:var(--muted);line-height:1.55}.empty{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}.loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:2rem 1rem;color:var(--muted);font-size:.9rem}.spinner{width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-2);border-radius:50%;animation:spin .7s linear infinite}.rank-group{margin-bottom:1.25rem}.rank-group__title{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.rank{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:#00000040;border:1px solid var(--field-border);border-radius:11px}.rank--empty{justify-content:center;color:var(--muted);font-size:.85rem}.rank__pos{display:grid;place-items:center;width:1.9rem;height:1.9rem;flex-shrink:0;font-size:.85rem;font-weight:700;color:var(--muted);background:#ffffff0d;border-radius:8px}.rank__pos--1{color:#0a0a0f;background:linear-gradient(180deg,#fde68a,#f59e0b)}.rank__pos--2{color:#0a0a0f;background:linear-gradient(180deg,#f1f5f9,#94a3b8)}.rank__pos--3{color:#0a0a0f;background:linear-gradient(180deg,#fdba74,#c2660c)}.rank__name{flex:1;font-weight:600}.rank__score{color:var(--accent-2);font-weight:700;font-variant-numeric:tabular-nums}.panel-form{display:flex;flex-direction:column;gap:.95rem;text-align:left}.field__input--bare{padding-left:.85rem}.field__input--select{padding-left:.85rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a8794' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.4rem;cursor:pointer}.panel-form textarea.field__input{resize:vertical;min-height:6rem;line-height:1.5}.field__input option{background:#14141f;color:var(--text)}.account-info{margin-bottom:.25rem}.info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem;background:#00000040;border:1px solid var(--field-border);border-radius:11px}.info-row span{color:var(--muted);font-size:.85rem}.info-row strong{color:var(--text)}.panel--warn{border-color:#dc26264d}.warn-text{margin:0;padding:.9rem 1rem;text-align:center;color:var(--text);line-height:1.6;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:12px}.warn-text strong{color:#fca5a5}.hud{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1rem 1rem 1.5rem;isolation:isolate;overflow:hidden}.hud__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1000px 500px at 50% -10%,rgba(124,58,237,.14),transparent 60%),linear-gradient(180deg,#07070c,#0a0a12 55%,#06060a)}.hud__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,34rem)}.hud__brand{display:flex;align-items:center;gap:.6rem}.hud__crest{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:radial-gradient(circle at 50% 30%,#7c3aed47,#0a0a0f33);border:1px solid rgba(168,85,247,.3)}.hud__brand-text{display:flex;flex-direction:column;line-height:1.2}.hud__brand-text strong{font-size:.9rem;color:#e9d5ff}.hud__brand-text small{font-size:.75rem;color:var(--muted)}.hud__exit{margin-top:0;padding:.5rem .85rem;font-size:.82rem}.hud__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:min(100%,34rem)}.stat{padding:.5rem .65rem;background:#0000004d;border:1px solid var(--field-border);border-radius:10px}.stat__head{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:.3rem}.stat__head span:last-child{font-variant-numeric:tabular-nums;color:var(--text)}.stat__track{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.stat__fill{display:block;height:100%;border-radius:999px;transition:width .3s ease}.stat--hp .stat__fill{background:linear-gradient(90deg,#dc2626,#f87171)}.stat--mana .stat__fill{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat--fatigue .stat__fill{background:linear-gradient(90deg,#ca8a04,var(--ember))}.hud__stage{padding:8px;border-radius:14px;background:#0006;border:1px solid rgba(168,85,247,.2);box-shadow:0 20px 50px -20px #000c,0 0 0 1px #ffffff08 inset}.hud .world__viewport{border-radius:8px;background:#0b1a0d;gap:1px;padding:1px}.hud .tile{position:relative;display:grid;place-items:center;border-radius:2px;overflow:hidden}.tile__mark{font-size:1.5rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));pointer-events:none;-webkit-user-select:none;user-select:none}.hud .tile--grass{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.05),transparent 40%),linear-gradient(160deg,#2f6f3a,#275f31 55%,#21522b)}.hud .tile--dead_grass{background:radial-gradient(circle at 70% 30%,rgba(0,0,0,.12),transparent 45%),linear-gradient(160deg,#8a7a3f,#7a6a34 55%,#6b5c2c)}.hud .tile--tree{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.05),transparent 40%),linear-gradient(160deg,#275f31,#204d29)}.hud .tile--tree .tile__mark{font-size:1.7rem}.hud .tile--mountain{background:linear-gradient(160deg,#6b7280,#4b5563 45%,#374151);box-shadow:inset 0 0 0 1px #00000040}.hud .tile--mountain .tile__mark{font-size:1.4rem;opacity:.9}.hud .tile--player,.hud .tile--player_other,.hud .tile--monster{background:linear-gradient(160deg,#2f6f3a,#21522b)}.hud .tile--player{box-shadow:inset 0 0 0 2px #a855f7e6,0 0 10px 1px #7c3aedb3}.hud .tile--player .tile__mark{animation:hero-float 3s ease-in-out infinite}.hud .tile--player_other{box-shadow:inset 0 0 0 2px #60a5facc}.hud .tile--monster{box-shadow:inset 0 0 0 2px #dc2626cc,0 0 8px 1px #dc262680}.hud .tile--corpse{background:#1e1e28d9;box-shadow:inset 0 0 0 2px #94a3b880,0 0 10px #0009}.hud .tile--corpse .tile__mark{filter:grayscale(.2)}.hud__stage{position:relative}.is-hidden{display:none!important}.hud__controls-alive{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.hud__controls-dead{width:min(100%,34rem);display:flex;justify-content:center}.death-panel{width:100%;text-align:center;display:flex;flex-direction:column;gap:.65rem;align-items:center;padding:1rem 1.25rem;background:#140a12bf;border:1px solid rgba(220,38,38,.35);border-radius:16px}.death-panel__icon{font-size:2rem}.death-panel__title{margin:0;font-size:1.05rem;color:#fca5a5}.death-panel__text{margin:0;font-size:.86rem;color:var(--muted);line-height:1.5;max-width:26rem}.death-panel__error{margin:0;font-size:.82rem;color:var(--danger);min-height:1.2em}.death-panel__btn{min-width:10rem}.chat-form.is-disabled{opacity:.35;pointer-events:none}.res-status{margin:.5rem 0 0;padding:.75rem 1rem;font-size:.92rem;line-height:1.5;color:var(--text);background:#7c3aed1f;border:1px solid rgba(168,85,247,.35);border-radius:12px}.res-prompt{margin:.75rem 0 0;font-size:.9rem;color:var(--muted);line-height:1.5}.res-choices{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:.75rem}.res-choice{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.75rem 1rem;background:#7c3aed1a;border:1px solid rgba(168,85,247,.35);border-radius:12px;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.res-choice:hover:not(:disabled){background:#7c3aed38;border-color:var(--accent-2, #a855f7)}.res-choice:disabled{opacity:.5;cursor:not-allowed}.res-choice strong{font-size:.95rem}.res-choice span{font-size:.82rem;color:var(--muted);line-height:1.4}.hud__controls{display:flex;align-items:center;justify-content:center;width:100%}.dpad{display:grid;grid-template-columns:repeat(3,3rem);grid-template-rows:repeat(3,3rem);gap:.3rem;align-items:center;justify-items:center}.dpad__btn{width:3rem;height:3rem;display:grid;place-items:center;font-size:1.1rem;color:var(--text);background:#7c3aed1f;border:1px solid var(--field-border);border-radius:12px;cursor:pointer;transition:background .15s ease,transform .1s ease,border-color .15s ease}.dpad__btn:hover{background:#7c3aed4d;border-color:var(--accent-2);color:#fff}.dpad__btn:active{transform:scale(.94)}.dpad__btn--n{grid-column:2;grid-row:1}.dpad__btn--w{grid-column:1;grid-row:2}.dpad__btn--e{grid-column:3;grid-row:2}.dpad__btn--s{grid-column:2;grid-row:3}.dpad__hub{grid-column:2;grid-row:2;font-size:.6rem;letter-spacing:.1em;color:var(--muted)}.dpad--strike .dpad__btn--strike{color:#fca5a5;background:#dc26261f;border-color:#dc262659}.dpad--strike .dpad__btn--strike:hover:not(:disabled){background:#dc26264d;border-color:#f87171;color:#fff}.dpad--strike .dpad__btn--strike:disabled{opacity:.45;cursor:not-allowed}.dpad__hub--strike{color:#fca5a5bf}.dpad--strike.is-cooling .dpad__hub--strike:after{content:"…";animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.hud__chat{width:min(100%,34rem);display:flex;flex-direction:column;gap:.5rem}.chat-log{max-height:8rem;overflow-y:auto;padding:.6rem .75rem;font-size:.82rem;text-align:left;color:var(--text);background:#0000004d;border:1px solid var(--field-border);border-radius:12px}.chat-log p{margin:0 0 .3rem;color:var(--muted)}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#a855f759;border-radius:999px}.chat-form{display:flex;gap:.5rem}.chat-form input{flex:1;padding:.6rem .85rem;font-size:.9rem;color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:11px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.chat-form input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #7c3aed40}.chat-send{margin-top:0;padding:.6rem 1.1rem}@media (max-width: 480px){.panel{padding:1.5rem 1.15rem 1.25rem}.panel__back{top:.75rem;left:.75rem}.hud__controls{gap:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.auth__glow,.auth__embers i{animation:none}}