:root{--color-bg-deep:#f5f0e6;--color-bg-dark:#ede4d3;--color-bg-card:#fefcf6;--color-bg-input:#fefcf6;--color-border:#c4a97d;--color-border-gold:#b8a070;--color-text-primary:#3d2e1e;--color-text-secondary:#5a4a38;--color-text-dim:#8b7b6b;--color-accent-gold:#c9a84c;--color-accent-copper:#b87333;--color-accent-red:#b85450;--color-accent-green:#6b8c5a;--color-success:#6b9b5a;--color-error:#b85450;--color-warning:#c9a84c;--color-fire-orange:#c9944a;--color-forest-green:#6b8c5a;--color-blood-red:#b85450;--color-rope:#8b7355;--color-wood-light:#b8a070;--color-wood-dark:#8b7355;--color-ember:#c9944a;--color-pixel-cyan:#7a9ab0;--color-pixel-purple:#8b7b6b;--color-pixel-blue:#7a9ab0;--color-pixel-pink:#b85450;--color-parchment:#f8f2e6;--color-ivory:#faf6ed;--color-light-stone:#e8e0d0;--color-sage:#7a8b6a;--color-moss:#5a7048;--color-antique-gold:#a08c5c;--color-warm-cream:#fdf9f0;--font-display:"Cormorant Garamond","Georgia",serif;--font-body:"Lora","Georgia",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom);--safe-area-left:env(safe-area-inset-left);--safe-area-right:env(safe-area-inset-right);--nav-height:56px;--header-height:48px;--shadow-card:0 2px 8px #3d2e1e14,0 1px 2px #3d2e1e0f;--shadow-card-hover:0 4px 16px #3d2e1e1f,0 2px 4px #3d2e1e14;--shadow-glow-gold:0 0 0 2px #c9a84c4d;--shadow-button:0 2px 4px #3d2e1e26;--shadow-button-hover:0 4px 8px #3d2e1e33;--shadow-inset:inset 0 1px 3px #3d2e1e14;--pixel-border:1px solid var(--color-border);--pixel-border-gold:1px solid var(--color-accent-gold);--transition-fast:200ms ease;--transition-normal:300ms ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{box-shadow:0 0 0 2px #c9a84c4d}50%{box-shadow:0 0 0 2px #c9a84c4d,0 0 12px #c9a84c33}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes runeGlow{0%,to{text-shadow:0 0 4px #c9a84c26}50%{text-shadow:0 0 8px #c9a84c4d,0 1px 2px #3d2e1e1a}}@keyframes firelightFlicker{0%,to{opacity:.03}25%{opacity:.06}50%{opacity:.04}75%{opacity:.07}}@keyframes ember{0%,to{opacity:0}30%{opacity:.6}70%{opacity:.8}}@keyframes levelUp{0%{color:var(--color-accent-gold);transform:scale(1.15)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes hpCritical{0%,to{opacity:1}50%{opacity:.4}}@keyframes buffExpiring{0%,to{opacity:1}50%{opacity:.35}}@keyframes gentleBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes gentleSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes pixelBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pixelSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.Game-btn{align-items:center;background:linear-gradient(135deg,#c9a84c,#b89840);border:1px solid #c9a84c99;border-radius:var(--radius-md);box-shadow:var(--shadow-button);color:var(--color-bg-deep);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;justify-content:center;letter-spacing:1.5px;min-height:48px;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-transform:uppercase;transition:all var(--transition-fast);width:100%}.Game-btn:hover{background:linear-gradient(135deg,#d4b85c,#c9a84c);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.Game-btn:active{box-shadow:var(--shadow-button);transform:translateY(1px)}.Game-btn:disabled{background:var(--color-text-dim);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.Game-btn:disabled:active{transform:none}.Game-btn-secondary{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;justify-content:center;letter-spacing:1.5px;min-height:48px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all var(--transition-fast);width:100%}.Game-btn-secondary:hover{border-color:var(--color-accent-gold);box-shadow:var(--shadow-glow-gold);color:var(--color-accent-gold)}.Game-btn-secondary:active{transform:translateY(1px)}.Game-btn-danger{align-items:center;background:var(--color-accent-red);border:1px solid #b8545099;border-radius:var(--radius-md);box-shadow:var(--shadow-button);color:#fefcf6;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;justify-content:center;letter-spacing:1.5px;min-height:48px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all var(--transition-fast);width:100%}.Game-btn-danger:hover{background:#c4605c;box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.Game-btn-danger:active{box-shadow:var(--shadow-button);transform:translateY(1px)}.Game-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);min-height:48px;outline:none;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.Game-input::placeholder{color:var(--color-text-dim)}.Game-input:focus{border-color:var(--color-accent-gold);box-shadow:0 0 0 3px #c9a84c33}.Game-checkbox{align-items:flex-start;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--space-3);line-height:1.4}.Game-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:3px;cursor:pointer;flex-shrink:0;height:18px;margin-top:1px;min-width:18px;position:relative;transition:all var(--transition-fast);width:18px}.Game-checkbox input[type=checkbox]:checked{background:var(--color-accent-gold);border-color:var(--color-accent-gold)}.Game-checkbox input[type=checkbox]:checked:after{border:solid var(--color-text-primary);border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.Game-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px #c9a84c33}.Game-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-6)}.Game-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:2px;margin:0 0 var(--space-2) 0;text-align:center;text-shadow:0 1px 2px #3d2e1e1a;text-transform:uppercase}.Game-subtitle{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:1px;margin:0 0 var(--space-4) 0;text-align:center}.Game-container{margin:0 auto;max-width:480px;padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-8) + var(--safe-area-bottom));padding-top:calc(var(--space-8) + var(--safe-area-top));width:100%}.Game-loader{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent-gold);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.Game-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at 50% 0,#c9a84c0a 0,#0000 60%),linear-gradient(180deg,#f8f2e6,#f5f0e6 30%,#ede4d3);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;margin:0;padding:0}#root,body{min-height:100dvh}a{color:var(--color-accent-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.LegalFooter{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-4);text-align:center}.LegalFooter-info{color:var(--color-text-dim);font-size:var(--text-xs);line-height:1.7;margin:0}.LegalFooter-links{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.LegalFooter-link{color:var(--color-text-secondary);font-size:var(--text-xs);transition:color var(--transition-fast)}.LegalFooter-link:hover{color:var(--color-accent-gold)}.NewsBlock{animation:slideUp .7s ease-out .2s both;margin:0 auto;max-width:480px;padding:0 var(--space-4);width:100%}.NewsBlock-heading{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:2px;margin:0 0 var(--space-2) 0;text-align:center;text-shadow:0 1px 2px #3d2e1e1a;text-transform:uppercase}.NewsBlock-divider{background:var(--color-accent-gold);border:none;height:1px;margin:0 auto var(--space-4);opacity:.6;width:60px}.NewsBlock-list{display:flex;flex-direction:column;gap:var(--space-3)}.NewsBlock-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #3d2e1e0f,0 2px 8px #3d2e1e0a;padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.NewsBlock-item:hover{border-color:var(--color-accent-gold);box-shadow:0 0 0 1px #c9a84c33,0 2px 8px #c9a84c1a}.NewsBlock-itemHeader{align-items:baseline;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-2)}.NewsBlock-itemTitle{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;line-height:1.3;margin:0}.NewsBlock-itemDate{color:var(--color-text-dim);white-space:nowrap}.NewsBlock-itemDate,.NewsBlock-itemText{font-family:var(--font-body);font-size:var(--text-xs)}.NewsBlock-itemText{color:var(--color-text-secondary);line-height:1.5;margin:0}.LoginPage{align-items:center;animation:fadeIn .5s ease-out;background:var(--color-bg-deep);display:flex;flex-direction:column;min-height:100dvh}.LoginPage-brand{animation:slideUp .7s ease-out;padding-bottom:var(--space-6);padding-top:calc(var(--space-8) + var(--safe-area-top, 0px));position:relative;text-align:center}.LoginPage-brand:before{background:radial-gradient(ellipse at center,#c9a84c26 0,#c9a84c0d 40%,#0000 70%);content:"";height:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.LoginPage-title{animation:none;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:4px;margin:0 0 var(--space-2) 0;text-shadow:0 1px 2px #3d2e1e1a;text-transform:uppercase}.LoginPage-subtitle{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:2px;margin:0;text-transform:uppercase}.LoginPage-divider{background:var(--color-border-gold);border:none;height:1px;margin:0 auto var(--space-6);position:relative;width:140px}.LoginPage-divider:after,.LoginPage-divider:before{background:var(--color-border-gold);content:"";height:6px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:6px}.LoginPage-divider:before{left:-4px}.LoginPage-divider:after{right:-4px}.LoginPage-card{animation:slideUp .7s ease-out .1s both;width:100%}.LoginPage-form{display:flex;flex-direction:column;gap:var(--space-4)}.LoginPage-input{letter-spacing:1px;text-align:center}.LoginPage-otpInput{font-size:var(--text-xl);font-weight:700;letter-spacing:6px;text-align:center}.LoginPage-checkboxes{display:flex;flex-direction:column;gap:var(--space-3)}.LoginPage-checkboxLink{color:var(--color-accent-copper);text-decoration:underline;text-decoration-color:#b8733366;text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.LoginPage-checkboxLink:hover{color:var(--color-text-primary);text-decoration-color:var(--color-text-primary)}.LoginPage-error{color:var(--color-error);font-size:var(--text-xs);min-height:var(--space-5);text-align:center}.LoginPage-submit{margin-top:var(--space-2)}.LoginPage-submitContent{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.LoginPage-resendRow{margin-top:var(--space-2);text-align:center}.LoginPage-resendLink{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-2);transition:color var(--transition-fast)}.LoginPage-resendLink:hover:not(:disabled){color:var(--color-accent-gold)}.LoginPage-resendLink:disabled{color:var(--color-text-dim);cursor:not-allowed}.LoginPage-backLink{background:none;border:none;color:var(--color-text-dim);cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-2);text-align:center;transition:color var(--transition-fast)}.LoginPage-backLink:hover{color:var(--color-text-secondary)}.LoginPage-news{align-items:flex-start;display:flex;flex:1 1;padding-top:var(--space-4);width:100%}.LoginPage-footer{max-width:480px;padding:0 var(--space-4);padding-bottom:calc(var(--space-6) + var(--safe-area-bottom, 0px));width:100%}.LoginPage>.Game-container{padding-top:var(--space-4)}.InitPage{align-items:center;animation:fadeIn .5s ease-out;background:var(--color-bg-deep);display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.InitPage-content{animation:slideUp .7s ease-out;width:100%}.InitPage-card{text-align:center}.InitPage-heading{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:2px;margin:0 0 var(--space-2) 0;text-shadow:0 1px 2px #3d2e1e1a;text-transform:uppercase}.InitPage-subtitle{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-6) 0}.InitPage-form{display:flex;flex-direction:column;gap:var(--space-4)}.InitPage-error{color:var(--color-error);font-size:var(--text-xs);min-height:var(--space-5);text-align:center}.InitPage-submitContent{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.CharacterSelect{align-items:center;animation:fadeIn .5s ease-out;background:var(--color-bg-deep);display:flex;flex-direction:column;min-height:100dvh}.CharacterSelect-header{animation:slideUp .7s ease-out;padding-bottom:var(--space-4);padding-top:calc(var(--space-8) + var(--safe-area-top, 0px));text-align:center}.CharacterSelect-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:2px;margin:0;text-shadow:0 1px 2px #3d2e1e1a;text-transform:uppercase}.CharacterSelect-list{animation:slideUp .7s ease-out .1s both;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.CharacterSelect-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-gold);border-radius:var(--radius-md);box-shadow:0 1px 3px #3d2e1e14,0 2px 8px #3d2e1e0a;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.CharacterSelect-item:hover{border-color:var(--color-accent-gold);box-shadow:0 0 0 1px #c9a84c4d,0 2px 8px #c9a84c1f}.CharacterSelect-item:active{box-shadow:0 1px 2px #3d2e1e1a;transform:scale(.98)}.CharacterSelect-itemInfo{flex:1 1}.CharacterSelect-itemName{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-1) 0}.CharacterSelect-itemStats{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}.CharacterSelect-itemArrow{color:var(--color-border-gold);font-size:var(--text-lg)}.CharacterSelect-empty{animation:fadeIn .5s ease-out;color:var(--color-text-dim);font-size:var(--text-xs);padding:var(--space-8) var(--space-4);text-align:center}.CharacterSelect-create{animation:slideUp .7s ease-out .2s both}.CharacterSelect-createInner{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.CharacterSelect-createLabel{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0;text-align:center}.CharacterSelect-createRow{display:flex;gap:var(--space-2)}.CharacterSelect-createInput{flex:1 1}.CharacterSelect-createBtn{flex-shrink:0;min-width:100px;width:auto}.CharacterSelect-error{color:var(--color-error);font-size:var(--text-xs);text-align:center}.CharacterSelect-submitContent{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.CharacterSelect>.Game-container{padding-top:var(--space-4)}.HpBar{align-items:center;display:flex;gap:var(--space-2)}.HpBar-label{color:var(--color-text-secondary);flex-shrink:0;font-family:var(--font-body);font-size:var(--text-xs);min-width:20px}.HpBar-trough{background:var(--color-light-stone);border:1px solid var(--color-border);border-radius:7px;box-shadow:inset 0 1px 3px #3d2e1e1a;flex:1 1;height:14px;overflow:hidden;position:relative}.HpBar-fill{background:linear-gradient(180deg,#ffffff26 0,#0000 50%,#0000000d 100%),linear-gradient(90deg,var(--color-forest-green) 0,#7a9b6a 100%);border-radius:6px;height:100%;transition:width .3s ease-out,background .3s ease-out}.HpBar-fill--high{background:linear-gradient(180deg,#ffffff26,#0000 50%,#0000000d),linear-gradient(90deg,#6b8c5a,#7a9b6a)}.HpBar-fill--mid{background:linear-gradient(180deg,#ffffff26,#0000 50%,#0000000d),linear-gradient(90deg,#c9a84c,#d4b85c)}.HpBar-fill--low{background:linear-gradient(180deg,#ffffff26,#0000 50%,#0000000d),linear-gradient(90deg,#b85450,#c4605c)}.HpBar-fill--critical{animation:hpCritical .8s ease-in-out infinite}.HpBar-text{color:var(--color-text-primary);font-family:var(--font-body);font-size:9px;font-weight:600;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 4px #fefcf6cc;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.BuffRow{display:flex;flex-wrap:wrap;gap:var(--space-1)}.BuffRow-item{flex-direction:column;gap:2px}.BuffRow-icon,.BuffRow-item{align-items:center;display:flex}.BuffRow-icon{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:24px;justify-content:center;width:24px}.BuffRow-icon--expiring{animation:buffExpiring .8s ease-in-out infinite}.BuffRow-rune{font-size:var(--text-sm);line-height:1}.BuffRow-timer{color:var(--color-text-dim);font-family:var(--font-body);font-size:9px}.ProfilePage{animation:slideUp .5s ease-out both;margin:0 auto;max-width:480px;padding:var(--space-4)}.ProfilePage-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.ProfilePage-identity{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-4)}.ProfilePage-avatarWrap{align-items:center;display:flex;gap:var(--space-3)}.ProfilePage-avatar{align-items:center;background:var(--color-bg-input);border:2px solid var(--color-accent-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-glow-gold);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.ProfilePage-avatarRune{font-size:var(--text-2xl);line-height:1}.ProfilePage-identityInfo{display:flex;flex-direction:column;gap:2px}.ProfilePage-name{color:var(--color-accent-gold);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:1.5px;margin:0;text-transform:uppercase}.ProfilePage-levelBadge{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-family:var(--font-body);font-size:10px;padding:1px 8px;width:fit-content}.ProfilePage-gearScore{align-items:center;display:flex;flex-direction:column;gap:2px}.ProfilePage-gearScoreLabel{color:var(--color-text-dim);font-family:var(--font-body);font-size:9px;letter-spacing:1px;text-transform:uppercase}.ProfilePage-gearScoreValue{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1}.ProfilePage-bars{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.ProfilePage-sectionTitle{color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:2px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.ProfilePage-stats{margin-bottom:var(--space-4)}.ProfilePage-statsGrid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.ProfilePage-statCard{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #3d2e1e0a;display:flex;gap:var(--space-2);padding:var(--space-3)}.ProfilePage-statCard:last-child{grid-column:1/-1}.ProfilePage-statIcon{flex-shrink:0;font-size:var(--text-base);text-align:center;width:24px}.ProfilePage-statInfo{display:flex;flex-direction:column;gap:1px}.ProfilePage-statLabel{color:var(--color-text-dim);font-family:var(--font-body);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.ProfilePage-statValue{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.1}.ProfilePage-equipment{margin-bottom:var(--space-4)}.ProfilePage-equipGrid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.ProfilePage-equipSlot{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #3d2e1e0a;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3)}.ProfilePage-equipLabel{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs)}.ProfilePage-equipEnhance{color:var(--color-accent-gold);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700}.ProfilePage-buffs,.ProfilePage-tasks{margin-bottom:var(--space-4)}.ProfilePage-taskList{display:flex;flex-direction:column;gap:var(--space-2)}.ProfilePage-task{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #3d2e1e0a;padding:var(--space-3)}.ProfilePage-taskHeader{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.ProfilePage-taskTitle{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600}.ProfilePage-taskProgress{color:var(--color-text-dim);font-family:var(--font-body);font-size:10px}.ProfilePage-taskBar{background:var(--color-light-stone);border:1px solid var(--color-border);border-radius:3px;height:6px;overflow:hidden}.ProfilePage-taskBarFill{background:linear-gradient(90deg,var(--color-accent-copper) 0,var(--color-accent-gold) 100%);border-radius:2px;height:100%;transition:width .3s ease-out}.ProfilePage-taskBarFill--done{background:linear-gradient(90deg,var(--color-forest-green) 0,var(--color-sage) 100%)}.ProfilePage-region{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-3) var(--space-4)}.ProfilePage-regionLabel{color:var(--color-text-dim);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase}.ProfilePage-regionValue{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.SettingsPage{margin:0 auto;max-width:480px;padding:var(--space-4)}.SettingsPage-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:2px;margin:0 0 var(--space-1) 0;text-align:center;text-transform:uppercase}.SettingsPage-subtitle{color:var(--color-text-dim);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:1px;margin:0 0 var(--space-6) 0;text-align:center}.SettingsPage-card{margin-bottom:var(--space-4)}.SettingsPage-info{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) 0}.SettingsPage-info+.SettingsPage-info{border-top:1px solid var(--color-border)}.SettingsPage-label{color:var(--color-text-dim);font-family:var(--font-body)}.SettingsPage-label,.SettingsPage-value{font-size:var(--text-sm);letter-spacing:.5px}.SettingsPage-value{color:var(--color-text-primary);font-family:var(--font-display);font-weight:700}.SettingsPage-value--online{color:var(--color-accent-green)}.SettingsPage-checkBtn{margin-bottom:var(--space-3)}.SettingsPage-tokenStatus{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.5px;margin:var(--space-2) 0 var(--space-4) 0;text-align:center}.SettingsPage-tokenStatus--valid{color:var(--color-success)}.SettingsPage-tokenStatus--invalid{color:var(--color-error)}.SettingsPage-divider{background:var(--color-border);height:1px;margin:var(--space-6) 0}.SettingsPage-logoutBtn{margin-top:var(--space-2)}.HudBar{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #3d2e1e0f;box-sizing:border-box;gap:var(--space-2);min-height:calc(80px + var(--safe-area-top));padding:var(--space-3);padding-top:calc(var(--space-3) + var(--safe-area-top))}.HudBar,.HudBar-avatar{align-items:center;display:flex;flex-shrink:0}.HudBar-avatar{-webkit-tap-highlight-color:transparent;background:var(--color-bg-input);border:2px solid var(--color-accent-gold);border-radius:var(--radius-md);cursor:pointer;height:48px;justify-content:center;padding:0;position:relative;transition:transform var(--transition-fast);width:48px}.HudBar-avatar:active{transform:scale(.95)}.HudBar-avatarPlaceholder{color:var(--color-accent-gold);font-family:var(--font-display);font-size:var(--text-xl);line-height:1;-webkit-user-select:none;user-select:none}.HudBar-info{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.HudBar-name{color:var(--color-accent-gold);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:1px;line-height:1.2}.HudBar-level{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-family:var(--font-body);font-size:10px;line-height:1.4;padding:1px 6px;width:fit-content}.HudBar-hp{flex:1 1;margin:0 var(--space-2);min-width:0}.HudBar-currency{align-items:center;display:flex;flex-shrink:0;gap:4px}.HudBar-coin{background:linear-gradient(135deg,#d4b85c,#c9a84c 50%,#a08c5c);border:1px solid #a08c5c99;border-radius:50%;box-shadow:0 1px 2px #3d2e1e26;flex-shrink:0;height:16px;width:16px}.HudBar-silver{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.BottomNav{align-items:stretch;background:var(--color-bg-card);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #3d2e1e0f;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-around;min-height:calc(60px + var(--safe-area-bottom));padding-bottom:calc(var(--space-2) + var(--safe-area-bottom))}.BottomNav-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:var(--space-1) 0;position:relative;transition:transform var(--transition-fast)}.BottomNav-tab:after{background:var(--color-accent-gold);border-radius:0 0 2px 2px;content:"";height:3px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);transition:width var(--transition-fast);width:0}.BottomNav-tab--active:after{width:24px}.BottomNav-icon{font-size:22px}.BottomNav-icon,.BottomNav-label{color:var(--color-text-dim);line-height:1;transition:color var(--transition-fast)}.BottomNav-label{font-family:var(--font-body);font-size:9px;letter-spacing:1px;text-transform:uppercase}.BottomNav-tab--active .BottomNav-icon{color:var(--color-fire-orange)}.BottomNav-tab--active .BottomNav-label{color:var(--color-accent-gold)}@media (hover:hover){.BottomNav-tab:hover .BottomNav-icon{color:var(--color-text-secondary)}}.BottomNav-tab:active{transform:scale(.95)}.RopeDivider{background:linear-gradient(90deg,#0000 0,var(--color-border) 15%,var(--color-border) 85%,#0000 100%);border:none;height:1px;margin:var(--space-3) 0;opacity:.5;width:100%}.RopeDivider--beaded{background:radial-gradient(circle,var(--color-accent-gold) 1.5px,#0000 1.5px) 0 /10px 3px repeat-x;height:3px;opacity:.6}.GameShell{background:var(--color-bg-deep);display:flex;flex-direction:column;height:100dvh;overflow:hidden}.GameShell-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--space-2) var(--space-4);position:relative}.GameShell-content:before{background:linear-gradient(180deg,#c9a84c0f 0,#0000);content:"";height:48px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.GameShell-content>*{position:relative;z-index:1}.App{background:var(--color-bg-deep);color:var(--color-text-primary);height:100dvh;min-height:100dvh}.App-loading{align-items:center;display:flex;height:100dvh;justify-content:center}.App-loading .Game-loader{border-width:3px;height:32px;width:32px}.App-gamePlaceholder{align-items:center;display:flex;justify-content:center;min-height:200px}.App-gamePlaceholderText{animation:runeGlow 3s ease-in-out infinite;color:var(--color-text-dim);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:2px;text-align:center}
/*# sourceMappingURL=main.d11c7302.css.map*/