:root{--rpg-bg:#080c14;--rpg-bg-card:#0f1623;--rpg-bg-card-alt:#131a28;--rpg-border:#1e2a3d;--rpg-border-light:#2a3a55;--rpg-gold:#c9a227;--rpg-gold-light:#e8c547;--rpg-teal:#00d4b1;--rpg-hero:#2b6cb0;--rpg-hero-dark:#1a4475;--rpg-boss:#9b2335;--rpg-boss-dark:#6b1525;--rpg-text:#e2e8f0;--rpg-text-muted:#7a8fa8;--rpg-success:#276749;--rpg-success-light:#48bb78;--rpg-danger:#9b2335;--rpg-danger-light:#fc8181;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:40px;--r-sm:6px;--r-md:10px;--r-lg:16px;--t-fast:.15s ease;--t-normal:.3s ease;--accent:var(--rpg-teal)}*,:before,:after{box-sizing:border-box}body{background-color:var(--rpg-bg);color:var(--rpg-text);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25}.navbar{backdrop-filter:blur(8px);border-bottom:1px solid var(--rpg-border-light);padding:0 var(--sp-lg);z-index:100;background:rgba(8,12,20,.97);justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0}.navbar a{color:var(--rpg-text-muted);transition:color var(--t-normal);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.navbar a:hover{color:var(--rpg-text)}.navbar a:after{content:"";background:var(--rpg-gold);width:0;height:2px;transition:width var(--t-normal);position:absolute;bottom:-4px;left:0}.navbar a:hover:after{width:100%}.navbar-brand{letter-spacing:.05em;font-size:1.1rem;font-weight:700;color:var(--rpg-gold)!important}.navbar-user{color:var(--rpg-teal);border:1px solid var(--rpg-teal);border-radius:var(--r-sm);padding:2px 10px;font-size:.78rem;font-weight:600}.rpg-page{min-height:calc(100vh - 56px);padding:var(--sp-xl) var(--sp-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.rpg-title{color:var(--rpg-gold);text-shadow:0 0 20px rgba(201,162,39,.35);letter-spacing:.04em;margin-bottom:var(--sp-xl);text-align:center;font-size:2rem;font-weight:700}.rpg-subtitle{color:var(--rpg-text-muted);margin-bottom:var(--sp-md);text-align:center;font-size:1.1rem;font-weight:600}.rpg-card{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-lg);padding:var(--sp-lg) var(--sp-xl);transition:border-color var(--t-normal), box-shadow var(--t-normal)}.rpg-card:hover{border-color:var(--rpg-gold);box-shadow:0 0 18px rgba(201,162,39,.12)}.home-container{min-height:calc(100vh - 56px);padding:var(--sp-xl) var(--sp-md);justify-content:center;align-items:center;gap:var(--sp-xl);flex-direction:column;display:flex}.action-grid{gap:var(--sp-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;max-width:520px;display:grid}.action-card{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-lg);padding:var(--sp-xl) var(--sp-lg);align-items:center;gap:var(--sp-md);text-align:center;transition:border-color var(--t-normal), box-shadow var(--t-normal), transform var(--t-fast);cursor:pointer;flex-direction:column;display:flex}.action-card:hover{border-color:var(--rpg-gold);transform:translateY(-3px);box-shadow:0 4px 24px rgba(201,162,39,.18)}.action-icon{font-size:2.4rem;line-height:1}.action-desc{color:var(--rpg-text-muted);margin:0;font-size:.82rem}.server-page-container{align-items:center;gap:var(--sp-xl);flex-direction:column;display:flex}.button-link{display:inline-block}.header-text{background:linear-gradient(135deg, var(--rpg-hero) 0%, var(--rpg-hero-dark) 100%);color:#fff;border-radius:var(--r-md);transition:background var(--t-normal), transform var(--t-fast), box-shadow var(--t-normal);border:1px solid rgba(255,255,255,.08);padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.header-text:hover{background:linear-gradient(135deg, #3a8ef6 0%, var(--rpg-hero) 100%);transform:translateY(-1px);box-shadow:0 4px 14px rgba(43,108,176,.4)}.auth-grid{gap:var(--sp-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;max-width:680px;display:grid}.auth-card{gap:var(--sp-md);padding:var(--sp-xl);flex-direction:column;display:flex}.auth-section-title{color:var(--rpg-gold);border-bottom:1px solid var(--rpg-border-light);padding-bottom:var(--sp-sm);margin-bottom:var(--sp-xs);font-size:1.05rem;font-weight:600}.rpg-answer{padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-sm);min-height:1.4em;color:var(--rpg-text-muted);font-size:.82rem}.rpg-answer-error{padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-sm);min-height:1.4em;color:var(--rpg-danger-light);background:rgba(155,35,53,.12);font-size:.82rem}.ongoing-games-container{align-items:center;gap:var(--sp-lg);padding:var(--sp-xl) var(--sp-md);flex-direction:column;width:100%;min-height:calc(100vh - 56px);display:flex}.games-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%;max-width:800px;display:grid}.ongoing-game-item{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-md);padding:var(--sp-md);transition:border-color var(--t-normal), box-shadow var(--t-normal), transform var(--t-fast);justify-content:center;align-items:center;display:flex}.ongoing-game-item:hover{border-color:var(--rpg-teal);transform:translateY(-2px);box-shadow:0 4px 18px rgba(0,212,177,.15)}.load-game-card{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-lg);padding:var(--sp-md);scrollbar-width:thin;scrollbar-color:var(--rpg-border-light) transparent;width:100%;max-width:440px;max-height:52vh;overflow-y:auto}.game-list{flex-direction:column;gap:6px;display:flex}.game-item{background:var(--rpg-bg-card-alt);border:1px solid var(--rpg-border);border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;color:var(--rpg-text);transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);align-items:center;gap:10px;padding:11px 14px;font-size:.88rem;font-weight:500;display:flex}.game-item:hover{border-color:var(--rpg-teal);background:rgba(0,212,177,.05);transform:translate(3px)}.game-item.selected{border-color:var(--rpg-gold);color:var(--rpg-gold);background:rgba(201,162,39,.1);transform:translate(3px)}.game-item-icon{opacity:.7;flex-shrink:0;font-size:1rem}.game-item-name{letter-spacing:.02em;flex:1;font-family:ui-monospace,monospace;font-size:.82rem}.game-item-check{color:var(--rpg-gold);font-size:1rem;font-weight:700}.load-empty{padding:var(--sp-xl);color:var(--rpg-text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.load-empty span{font-size:2.5rem}.load-actions{gap:var(--sp-md);flex-wrap:wrap;justify-content:center;display:flex}.lobby-page{align-items:center;gap:var(--sp-lg);padding:var(--sp-lg) var(--sp-md);flex-direction:column;display:flex}.lobby-info-bar{gap:var(--sp-xl);background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-md);padding:var(--sp-md) var(--sp-xl);flex-wrap:wrap;align-items:center;display:flex}.lobby-info-item{flex-direction:column;align-items:center;gap:3px;display:flex}.lobby-info-label{color:var(--rpg-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.lobby-info-value{color:var(--rpg-gold);font-size:1rem;font-weight:600}.styled-list{margin:0;padding:0;list-style:none}.button-lobby-list{border-radius:var(--r-sm);transition:background var(--t-normal), border-color var(--t-normal);background:rgba(86,14,163,.6);border:1px solid rgba(86,14,163,.4);margin:2px 0;padding:10px 16px}.button-lobby-list:hover{border-color:var(--rpg-teal);background:rgba(13,170,205,.5)}.button-lobby-list:disabled{cursor:not-allowed;opacity:.6;background:rgba(53,74,101,.5)}.bar-row{flex-direction:column;gap:2px;width:100%;display:flex}.bar-header{justify-content:space-between;align-items:baseline;display:flex}.bar-name{color:var(--rpg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.bar-value{color:var(--rpg-text);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:600}.container-bar{border:1px solid var(--rpg-border-light);background-color:#1a2233;border-radius:6px;width:100%;height:11px;position:relative;overflow:hidden}.life-bar{background:linear-gradient(90deg,#15803d 0%,#22c55e 100%);border-radius:6px;width:100%;height:100%;transition:width .3s ease-in-out;position:absolute;top:0;left:0}.text-bar{color:rgba(255,255,255,.9);z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.8);margin:0;font-size:.65rem;font-weight:700;line-height:1}.bar-label{fill:#89a;text-shadow:1px 1px 2px #000;font-size:13px;font-weight:700}.character{background:linear-gradient(135deg, var(--rpg-bg-card) 60%, var(--rpg-bg-card-alt));border:1px solid var(--rpg-border-light);width:260px;min-width:220px;padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-md);transition:border-color var(--t-fast);flex-direction:column;gap:6px;margin-bottom:22px;display:flex}.char-header{border-radius:var(--r-sm);background:rgba(0,0,0,.22);align-items:center;gap:4px;min-width:0;padding:3px 6px;display:flex}.char-name-text{color:var(--rpg-gold);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:.7rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.char-level{color:var(--rpg-text-muted);white-space:nowrap;flex-shrink:0;font-size:.62rem}.char-body{gap:var(--sp-sm);flex-direction:row;align-items:center;min-width:0;display:flex}.character-energy-effects-box{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex;overflow:hidden}.character-effects{flex-flow:wrap;gap:3px;display:flex}.effect-badge{cursor:default;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.effect-hot{color:#86efac;background:rgba(34,197,94,.25);border:1px solid #22c55e}.effect-dot{color:#fca5a5;background:rgba(239,68,68,.25);border:1px solid #ef4444}.effect-buf{color:#93c5fd;background:rgba(59,130,246,.25);border:1px solid #3b82f6}.effect-debuf{color:#fdba74;background:rgba(251,146,60,.25);border:1px solid #fb923c}.image-small{object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--rpg-border-light);flex-shrink:0;align-self:stretch;width:72px;height:72px}.char-header button[data-style=atk-menu],.char-header button[data-style=auto-atk-menu]{flex-shrink:0;min-width:28px;background-color:var(--rpg-boss)!important;border-radius:var(--r-sm)!important;padding:2px 7px!important;font-size:.78rem!important;position:static!important;transform:none!important}.char-header button[data-style=atk-menu]:hover{background-color:var(--rpg-gold)!important;color:#000!important}.grid-container{column-gap:var(--sp-sm);grid-template-columns:.2fr 1fr .7fr;display:grid}.game-toolbar{align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-sm);border-bottom:1px solid var(--rpg-border);background:var(--rpg-bg-card);border-radius:var(--r-md);margin-bottom:var(--sp-sm);display:flex}.game-toolbar button[data-style=outline]{border:1px solid var(--rpg-border-light)!important;color:var(--rpg-text-muted)!important;border-radius:var(--r-sm)!important;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast)!important;background:0 0!important;padding:4px 12px!important;font-size:.78rem!important;font-weight:600!important}.game-toolbar button[data-style=outline]:hover{border-color:var(--rpg-gold)!important;color:var(--rpg-gold)!important;background:rgba(201,162,39,.08)!important}.turn-badge{border:1px solid var(--rpg-gold);border-radius:var(--r-sm);color:var(--rpg-gold);letter-spacing:.04em;white-space:nowrap;background:rgba(201,162,39,.12);margin-left:auto;padding:3px 12px;font-size:.78rem;font-weight:700}.grid-board{gap:var(--sp-xl);padding:var(--sp-md);grid-template-columns:max-content minmax(180px,1fr) max-content;align-items:start;display:grid}.combat-log{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-md);padding:var(--sp-md);color:var(--rpg-text-muted);min-width:180px;font-size:.82rem;line-height:1.7}.scenario-end-page{gap:var(--sp-lg);width:100%;max-width:720px;padding:var(--sp-xl) var(--sp-md);flex-direction:column;margin:0 auto;display:flex}.scenario-end-title{color:var(--rpg-gold);text-shadow:0 0 24px rgba(201,162,39,.35);text-align:center;letter-spacing:.04em;font-size:1.6rem;font-weight:800}.scenario-actions{gap:var(--sp-md);flex-wrap:wrap;justify-content:center;display:flex}.scenario-section{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-lg);padding:var(--sp-lg)}.scenario-section-title{color:var(--rpg-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-sm);padding-bottom:var(--sp-xs);border-bottom:1px solid var(--rpg-border);font-size:.9rem;font-weight:700}.loot-grid{gap:var(--sp-sm);margin-top:var(--sp-sm);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.loot-item{background:var(--rpg-bg-card-alt);border:1px solid var(--rpg-border);border-radius:var(--r-md);color:var(--rpg-text);transition:border-color var(--t-fast);padding:8px 12px;font-size:.82rem}.loot-item:hover{border-color:var(--rpg-teal)}.level-up-box{border-radius:var(--r-md);padding:var(--sp-md);margin-top:var(--sp-sm);background:rgba(201,162,39,.05);border:1px solid rgba(201,162,39,.2);font-size:.88rem;line-height:1.9}.gameover-page{align-items:center;gap:var(--sp-lg);padding:var(--sp-xl) var(--sp-md);flex-direction:column;justify-content:center;min-height:60vh;display:flex}.gameover-title{color:var(--rpg-danger-light);text-shadow:0 0 40px rgba(155,35,53,.7);letter-spacing:.06em;text-align:center;font-size:3rem;font-weight:900}.gameover-sub{color:var(--rpg-text-muted);text-align:center;font-size:.95rem}.admin-card{background:var(--rpg-bg-card);border:1px solid var(--rpg-border-light);border-radius:var(--r-lg);padding:var(--sp-xl);gap:var(--sp-md);flex-direction:column;width:100%;max-width:400px;display:flex}.admin-section-title{color:var(--rpg-text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--sp-xs);border-bottom:1px solid var(--rpg-border);font-size:.78rem;font-weight:700}.admin-answer{color:var(--rpg-success-light);min-height:1.4em;font-size:.82rem}.admin-answer-error{color:var(--rpg-danger-light);min-height:1.4em;font-size:.82rem}.navbar-admin-link{border-radius:var(--r-sm);background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.3);padding:2px 9px;color:var(--rpg-text-muted)!important;transition:background var(--t-fast), border-color var(--t-fast)!important;font-size:.75rem!important;font-weight:600!important}.navbar-admin-link:hover{border-color:var(--rpg-gold)!important;color:var(--rpg-gold)!important;background:rgba(201,162,39,.2)!important}.navbar-admin-link:after{display:none!important}.attack-list{flex-direction:column;gap:4px;display:flex}.attack-list>button{margin:2px;padding:4px 8px;font-size:.82rem}.attack-list-line{grid-template-columns:max-content max-content max-content;align-items:center;gap:3px;display:grid}.attack-list-line>button{margin:2px;padding:3px 6px;font-size:.8rem}.cost-energy-button{width:30px}.character-name-button{justify-content:flex-start;position:absolute;-webkit-transform:translateY(-140%)}.hero-target-button{border:2px solid var(--rpg-teal);background-color:var(--rpg-hero);color:#fff;cursor:pointer;width:28px;height:28px;transition:background-color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);z-index:10;border-radius:50%;font-size:14px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 8px rgba(0,212,177,.4)}.hero-target-button:hover{background-color:var(--rpg-hero-dark);border-color:var(--rpg-gold);box-shadow:0 0 14px rgba(201,162,39,.5)}.hero-target-button-active{border:2px solid var(--rpg-gold);background-color:var(--rpg-hero);color:#fff;cursor:pointer;z-index:10;border-radius:50%;width:28px;height:28px;font-size:14px;animation:1.5s infinite flicker;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 12px rgba(201,162,39,.6)}.boss-target-button{border:2px solid var(--rpg-danger-light);background-color:var(--rpg-boss);color:#fff;cursor:pointer;width:28px;height:28px;transition:background-color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);z-index:10;border-radius:50%;font-size:14px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 8px rgba(155,35,53,.4)}.boss-target-button:hover{background-color:var(--rpg-boss-dark);border-color:var(--rpg-gold);box-shadow:0 0 14px rgba(201,162,39,.5)}.boss-target-button-active{border:2px solid var(--rpg-gold-light);background-color:var(--rpg-boss);color:#fff;cursor:pointer;z-index:10;border-radius:50%;width:28px;height:28px;font-size:14px;animation:1.5s infinite flicker;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 12px rgba(201,162,39,.6)}@keyframes flicker{0%,to{opacity:1}50%{opacity:0}}.flickering{animation:.1s infinite flicker}.rotate-scale-up{animation:.65s linear both rotate-scale-up}@keyframes rotate-scale-up{0%{transform:scale(1)rotate(0)}50%{transform:scale(2)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}.blink-1{animation:.6s both blink-1}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}.jello-horizontal{animation:.9s both jello-horizontal}@keyframes jello-horizontal{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}.wobble-hor-bottom{animation:.8s both wobble-hor-bottom}@keyframes wobble-hor-bottom{0%,to{transform-origin:50%;transform:translate(0%)}15%{transform:translate(-30px)rotate(-6deg)}30%{transform:translate(15px)rotate(6deg)}45%{transform:translate(-15px)rotate(-3.6deg)}60%{transform:translate(9px)rotate(2.4deg)}75%{transform:translate(-6px)rotate(-1.2deg)}}