:root{--wood: #3b2b24;--accent: #b56a2b;--parchment: #f3e8d7;--bg: #1f1816;--text: #2b1f1f;--muted: #a07c5a;--glass: rgba(255,255,255,.04);--card: #281f1c;--panel: rgba(255,255,255,.8);--outline: rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Roboto,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--parchment);padding:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr auto;gap:18px;min-height:calc(100vh - 36px)}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:14px 18px;border-radius:12px;box-shadow:0 6px 18px #00000073;border:1px solid rgba(255,255,255,.02);color:var(--parchment)}.brand h1{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;letter-spacing:.6px;color:var(--parchment)}.brand .tag{margin:0;font-size:.8rem;color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:1px solid rgba(255,255,255,.03);padding:8px;border-radius:8px;cursor:pointer;color:var(--parchment);font-size:1.05rem}.icon-btn:hover{background:#ffffff05}.main{background:var(--card);padding:18px;border-radius:12px;box-shadow:inset 0 1px #ffffff05;overflow:auto}.scene-title{font-family:Cormorant Garamond,Georgia,serif;margin:0 0 8px;color:var(--parchment);font-size:1.25rem;text-align:center}.scene-text{height:300px;overflow-y:auto;background:var(--panel);color:var(--text);padding:18px;border-radius:8px;box-shadow:0 6px 14px #00000073;font-family:Georgia,Times New Roman,serif;line-height:1.6;border:1px solid rgba(0,0,0,.06)}.scene-text p{margin:0 0 12px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.choice-btn{padding:12px 14px;border-radius:10px;border:1px solid var(--outline);background:var(--card);color:var(--parchment);cursor:pointer;font-weight:600;box-shadow:0 6px 14px #00000073;transition:transform .12s ease,box-shadow .12s ease,background .12s;text-align:left}.choice-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000008c}.choice-btn.clicked{transform:scale(.99);opacity:.95}.choice-btn.big{grid-column:span 2}.choice-btn.disabled{pointer-events:none;opacity:.55;filter:grayscale(40%)}.choice-btn.accent{background:linear-gradient(180deg,var(--accent),var(--accent));color:var(--panel);border:1px solid rgba(0,0,0,.35);box-shadow:0 6px 18px #b56a2b1f}.inventory{background:var(--card);padding:14px;border-radius:12px;height:100%;overflow:auto;border:1px solid rgba(255,255,255,.02)}.inventory h3{margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif;color:var(--parchment)}.inventory-list{list-style:none;padding:0;margin:0;color:var(--parchment)}.inventory-list li{padding:10px;border-radius:6px;margin-bottom:8px;background:#0000000f;border:1px solid rgba(255,255,255,.02)}.inventory-list li.equipment{padding:10px;border-radius:6px;margin-bottom:8px;background:#0003;border:1px solid rgba(255,255,255,.02)}.inventory-footer{margin-top:10px;color:var(--muted);font-size:.85rem}.footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:var(--muted);background:transparent}@media(max-width:980px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.inventory{order:3}.choices{grid-template-columns:1fr}.choice-btn.big{grid-column:auto}}.background-img{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease;opacity:.3;z-index:-1}.background-img.fade{opacity:0}.battleground{display:flex;flex-direction:column;height:100%;gap:6px}.battle-section{flex:1;background:#00000040;padding:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--parchment);display:flex;align-items:center;justify-content:center;position:relative}.player-zone{background:#00000021}.middle-zone{background:#0000000f}.enemy-zone{background:#00000021}.fighter-row{display:flex;align-items:center;justify-content:center;gap:25px}.fighter-icon{left:20px;width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 4px black)}.ability-row,.options-inline{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}.ability-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.battleAction-player{width:55px;height:55px;cursor:pointer;transition:transform .12s ease,opacity .12s}.battleAction-player:hover{transform:translateY(-3px) scale(1.05);opacity:.85}.battleAction-player.disabled{opacity:.05;cursor:not-allowed;pointer-events:none}.battleAction-other{width:55px;height:55px;cursor:not-allowed;pointer-events:none}.battleAction-other.disabled{opacity:.05;cursor:not-allowed;pointer-events:none}.battle-container.fade-in{animation:fadeIn .5s ease-in forwards}.battleAction-player.cooldown{opacity:.7;cursor:not-allowed;filter:brightness(.85);pointer-events:auto;transition:opacity .2s,filter .2s}.battleAction-player.cooldown:hover{transform:none;box-shadow:0 6px 14px #00000073;opacity:.6}.action-animate{animation:growOnce .35s ease-out forwards,shrinkBack .35s ease-in forwards;animation-delay:0s,1.65s}@keyframes growOnce{0%{transform:scale(.2)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shrinkBack{0%{transform:scale(1)}to{transform:scale(0)}}.health-container{display:flex;gap:4px}.heart-icon{width:20px;height:20px}.heart-icon-big{width:50px;height:50px}.fighter-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}.fighter-info{display:flex;flex-direction:column;align-items:center;gap:6px}.ability-row{display:flex;gap:10px}.health-container{display:flex;gap:4px;margin-top:10px;justify-content:center}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg)}.auth-card{background:var(--card);padding:32px 28px;border-radius:16px;box-shadow:0 8px 24px #0009;width:350px;text-align:center}.auth-card h2{font-family:Cormorant Garamond,Georgia,serif;margin-bottom:18px;color:var(--parchment)}.mode-toggle{display:flex;justify-content:center;gap:20px;margin-bottom:24px}.mode-toggle label{color:var(--muted);font-weight:500;cursor:pointer}.mode-toggle input{margin-right:6px}.auth-card form{display:flex;flex-direction:column;gap:18px}.auth-card input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:var(--panel);color:var(--text);font-size:1rem}.auth-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #b56a2b66}.auth-card button{padding:12px 16px;border-radius:12px;border:none;background:var(--accent);color:var(--panel);font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.auth-card button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000080}.auth-error{margin-top:12px;color:#f56565;font-weight:500}