body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:Georgia,serif}.login-wrapper.svelte-1uha8ag{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.background-img.svelte-1uha8ag{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../../../images/bg.png);background-size:cover;background-position:center;filter:brightness(.9);z-index:-1}.login-container.svelte-1uha8ag{display:flex;align-items:center;position:relative;z-index:10;max-width:1000px;width:90%;gap:40px}.character-container.svelte-1uha8ag{flex:1;display:none;position:relative}@media (min-width: 768px){.character-container.svelte-1uha8ag{display:flex;align-items:center;justify-content:center}}.portrait-frame.svelte-1uha8ag{width:100%;max-width:320px;aspect-ratio:1;border:10px solid #5a3821;border-radius:15px;box-shadow:0 15px 40px #0009,0 0 0 4px #d4a044 inset;overflow:hidden;background-color:#fff;position:relative}.portrait-frame.svelte-1uha8ag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #8c5b35;border-radius:5px;pointer-events:none}.character-img.svelte-1uha8ag{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.wooden-panel.svelte-1uha8ag{flex:1.2;background:linear-gradient(135deg,#e6cd9a,#d4b67f);border:12px solid #5a3821;border-radius:15px;padding:40px 30px;box-shadow:inset 0 0 20px #0000004d,0 15px 40px #000000b3;position:relative}.wooden-panel.svelte-1uha8ag:after{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border:4px solid #8c5b35;border-radius:15px;pointer-events:none}.panel-header.svelte-1uha8ag{display:flex;font-family:Verdana,sans-serif;align-items:center;justify-content:center;gap:15px;border-bottom:2px solid rgba(90,56,33,.3);padding-bottom:20px;margin-bottom:25px}.panel-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0;font-size:2.2rem;color:#4a2c16;text-shadow:1px 1px 0px rgba(255,255,255,.7)}.crown-icon.svelte-1uha8ag{width:45px;height:45px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.panel-content.svelte-1uha8ag{text-align:center;color:#4a2c16}.panel-content.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.2rem;margin-bottom:30px;font-weight:500;text-shadow:1px 1px 0px rgba(255,255,255,.4)}.error-msg.svelte-1uha8ag{background-color:#dc354526;color:#d32f2f;padding:12px;border-radius:8px;border:2px solid #d32f2f;margin-bottom:25px;font-weight:700;box-shadow:inset 0 2px 4px #0000001a}.auth-form.svelte-1uha8ag{display:flex;flex-direction:column;gap:25px;align-items:center}.code-input.svelte-1uha8ag{width:85%;padding:18px;font-size:1.3rem;text-align:center;border:4px solid #8c5b35;border-radius:8px;background-color:#f6eacc;color:#4a2c16;font-weight:700;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 3px 6px #0003}.code-input.svelte-1uha8ag:focus{border-color:#d4a044;box-shadow:inset 0 3px 6px #0003,0 0 8px #d4a04480}.code-input.svelte-1uha8ag::placeholder{color:#a68c6a}.submit-btn.svelte-1uha8ag{width:70%;padding:18px;font-size:1.3rem;font-weight:900;color:#fff;background:linear-gradient(180deg,#f0c14b,#d4a044);border:4px solid #8c5a1c;border-radius:10px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.6);box-shadow:0 6px 12px #0006,inset 0 3px #fff6;transition:all .1s ease-in-out}.submit-btn.svelte-1uha8ag:hover{background:linear-gradient(180deg,#f3cd67,#dcae5b);transform:translateY(-2px);box-shadow:0 8px 15px #00000080,inset 0 3px #fff6}.submit-btn.svelte-1uha8ag:active{transform:translateY(3px);box-shadow:0 2px 4px #0006,inset 0 -2px #0003,inset 0 2px 5px #0003}