.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);background:#16213ed9;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:44px;padding:8px 4px;font-size:.7rem;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item:hover{color:var(--text-primary)}.nav-icon{font-size:1.4rem;line-height:1;position:relative}.nav-label{font-weight:600}.nav-badge{color:#fff;background:#e74c3c;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.55rem;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:flex;position:absolute;top:-6px;right:-10px;box-shadow:0 1px 3px #0006}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}button.nav-item{font:inherit;cursor:pointer;background:0 0;border:none;font-size:.7rem}.nav-item .nav-label{font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.more-backdrop{inset:0;bottom:var(--nav-height);z-index:49;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed}.more-sheet{width:100%;max-width:480px;max-height:calc(100vh - var(--nav-height) - var(--topbar-height) - 16px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;padding:8px 0 12px;overflow-y:auto}.more-sheet ul{margin:0;padding:0;list-style:none}.more-sheet a,.more-sheet button{width:100%;min-height:48px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 20px;font-size:1rem;text-decoration:none;display:flex}.more-sheet a:hover,.more-sheet button:hover,.more-sheet a:focus-visible,.more-sheet button:focus-visible{background:var(--bg-card)}.more-sheet span[aria-hidden]{text-align:center;width:24px;font-size:1.15rem}.more-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:12px 20px 4px;font-size:.8rem;font-weight:700}.topbar{height:var(--topbar-height,48px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#16213ee6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left{align-items:center;gap:8px;display:flex}.topbar-logo{color:var(--text-accent,gold);letter-spacing:.02em;font-size:.95rem;font-weight:700}.topbar-right{align-items:center;display:flex;position:relative}.topbar-user-btn{cursor:pointer;color:var(--text-primary,#fff);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:background .15s,border-color .15s;display:flex}.topbar-user-btn:hover{background:#ffffff1a;border-color:#fff3}.topbar-avatar{background:var(--accent,#e94560);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.topbar-user-name{white-space:nowrap;font-size:.8rem;font-weight:600}.topbar-user-role{color:var(--text-secondary,#888);font-size:.65rem}.topbar-chevron{color:var(--text-secondary,#888);margin-left:2px;font-size:.55rem}.topbar-overlay{z-index:61;position:fixed;inset:0}.topbar-menu{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border,#ffffff26);border-radius:var(--radius,12px);z-index:62;min-width:200px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.topbar-menu-header{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.topbar-menu-name{color:var(--text-primary,#fff);font-size:.9rem;font-weight:700}.topbar-menu-email{color:var(--text-secondary,#888);word-break:break-all;font-size:.7rem}.topbar-menu-role{color:var(--text-accent,gold);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.topbar-menu-divider{background:var(--border,#ffffff1a);height:1px}.topbar-menu-item{text-align:left;width:100%;color:var(--text-primary,#fff);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:.8rem;transition:background .15s}.topbar-menu-item:hover{background:#ffffff0f}.topbar-menu-logout{color:var(--danger,#ff4757)}.topbar-menu-logout:hover{background:#ff47571a}@media (width<=360px){.topbar-user-info{display:none}}.login-page{background:url(/assets/combat_bg_the_gateway.png) 50%/cover no-repeat fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0a0a188c 0%,#0a0a18b3 60%,#0a0a18d9 100%);position:absolute;inset:0}.login-page>*{z-index:1;position:relative}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--text-accent);margin-bottom:8px;font-size:2rem}.login-header p{color:var(--text-secondary);font-size:1.1rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;width:100%;max-width:600px;display:grid}.avatar-card{background:var(--bg-card);border-radius:var(--radius);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.avatar-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.avatar-name{font-size:.95rem;font-weight:600}.avatar-level{color:var(--text-accent);font-size:.8rem}.pin-form{text-align:center;width:100%;max-width:300px}.pin-form h2{color:var(--text-accent);margin-bottom:8px}.pin-form p{color:var(--text-secondary);margin-bottom:16px}.error-text{color:var(--danger);margin-top:8px;font-size:.9rem}.avatar-img-xl{object-fit:cover;border:3px solid var(--text-accent);border-radius:50%;width:140px;height:140px}.google-signin-section{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:600px;margin-top:32px;display:flex}.divider-row{align-items:center;gap:12px;width:100%;display:flex}.divider-line{background:var(--text-secondary);opacity:.3;flex:1;height:1px}.divider-text{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.google-signin-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:4px;align-items:center;gap:10px;padding:10px 24px;font-family:Roboto,Arial,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex}.google-signin-btn:hover{background:#f7f8f8;box-shadow:0 1px 3px #00000026}.link-btn{color:var(--text-accent);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:.95rem;text-decoration:underline;transition:opacity .2s}.link-btn:hover{opacity:.8}.demo-hero-blurb{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.google-note{max-width:320px;color:var(--text-secondary);text-align:center;margin:10px auto 0;font-size:.8rem;line-height:1.4}.google-note a{color:var(--gold,#c9a84c)}.demo-picker{width:100%;max-width:600px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-grid .avatar-card{min-width:0;padding:12px 8px}.demo-grid .avatar-img-xl,.demo-grid .avatar-xl{aspect-ratio:1;width:min(120px,100%);height:auto}.demo-grid .avatar-name{font-size:1.05rem}.demo-grid .demo-hero-blurb{font-size:.85rem}@media (width>=640px){.demo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.landing-page{color:#e0e0e0;background:#0a0a18;flex-direction:column;width:100vw;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a18eb;border-bottom:1px solid #c9a84c26;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.nav-left{flex-shrink:0;align-items:center;gap:14px;display:flex}.nav-logo{color:#c9a84c;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:700}.nav-tagline{color:#666;white-space:nowrap;font-size:.78rem;display:none}.nav-free-badge{color:#34d399;white-space:nowrap;letter-spacing:.03em;background:#34d3991a;border:1px solid #34d39940;border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:700}.nav-center{flex:1;justify-content:center;min-width:0;display:flex}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-btn-primary{color:#fff;background:#e94560}.nav-btn-primary:hover{background:#d63050}.nav-btn-secondary{color:#c9a84c;background:0 0;border:2px solid #c9a84c}.nav-btn-secondary:hover{background:#c9a84c1a}.nav-invite-form{background:#141428cc;border:1px solid #c9a84c40;border-radius:8px;width:100%;max-width:360px;display:flex;overflow:hidden}.nav-invite-form:focus-within{border-color:#c9a84c;box-shadow:0 0 12px #c9a84c1f}.nav-invite-input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:.82rem}.nav-invite-input::placeholder{color:#555}.nav-invite-btn{color:#0a0a18;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#c9a84c,#d4af37);border:none;padding:8px 16px;font-size:.78rem;font-weight:700;transition:opacity .2s}.nav-invite-btn:hover{opacity:.9}.nav-invite-btn:disabled{opacity:.5;cursor:wait}.nav-invite-ok{color:#34d399;padding:8px 12px;font-size:.82rem;font-weight:600}.bottom-invite-wrap{justify-content:center;margin:0 auto 8px;display:flex}.bottom-invite-wrap .nav-invite-form{border-width:2px;max-width:440px}.bottom-invite-wrap .nav-invite-input{padding:12px 16px;font-size:.9rem}.bottom-invite-wrap .nav-invite-btn{padding:12px 22px;font-size:.85rem}.hero-section{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:calc(100vh - 52px);padding:40px 24px;display:flex;position:relative;overflow:hidden}.hero-overlay{pointer-events:none;background:radial-gradient(#0a0a1859 0%,#0a0a1880 60%,#0a0a18b3 100%);position:absolute;inset:0}.hero-content{z-index:1;justify-content:center;align-items:center;width:100%;max-width:1000px;display:flex;position:relative}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .25s}.btn-lg{border-radius:10px;justify-content:center;align-items:center;min-width:200px;padding:14px 36px;font-size:1.05rem;display:inline-flex}.btn-outline:hover{background:#c9a84c1a;transform:translateY(-2px)}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.landing-section{opacity:0;width:100%;padding:80px 24px;transition:opacity .7s,transform .7s;position:relative;overflow:hidden;transform:translateY(30px)}.landing-section--visible{opacity:1;transform:translateY(0)}.section-bg{opacity:.45;pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.section-overlay{pointer-events:none;z-index:1;background:#0a0a1859;position:absolute;inset:0}.section-container{z-index:2;width:100%;max-width:1100px;margin:0 auto;position:relative}.section-title{color:#c9a84c;text-align:center;letter-spacing:1px;text-shadow:0 2px 12px #00000080;margin-bottom:8px;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700}.section-subtitle{text-align:center;color:#aaa;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1rem}.how-steps{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.how-step{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1a2e80;border:1px solid #c9a84c1f;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px;transition:all .3s;display:flex}.how-step:hover{background:#1a1a2eb3;border-color:#c9a84c59;transform:translateY(-4px)}.how-step__icon{margin-bottom:8px;font-size:2.4rem}.how-step__number{color:#0a0a18;background:linear-gradient(135deg,#c9a84c,#e94560);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}.how-step h3{color:#c9a84c;margin:0 0 8px;font-size:1.1rem}.how-step p{color:#999;margin:0;font-size:.9rem;line-height:1.6}.how-step__arrow{color:#c9a84c;opacity:.4;text-align:center;font-size:2rem;transform:rotate(90deg)}.card-hand{perspective:900px;justify-content:center;align-items:flex-end;min-height:340px;padding:20px 0 40px;display:flex;position:relative}.hand-card{transform-origin:bottom;width:clamp(140px,20vw,200px);transform:rotate(var(--card-rotate,0deg)) translateY(var(--card-ty,0px)) translateX(var(--card-tx,0px));cursor:pointer;opacity:0;flex-shrink:0;margin:0 -14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s,filter .3s;position:relative}.card-hand--visible .hand-card{animation:.9s cubic-bezier(.34,1.56,.64,1) both cardFanIn;animation-delay:var(--card-delay,0s)}@keyframes cardFanIn{0%{opacity:0;transform:rotate(0)translateY(80px)scale(.7)}to{opacity:1;transform:rotate(var(--card-rotate,0deg)) translateY(var(--card-ty,0px)) translateX(var(--card-tx,0px))}}.hand-card--active{filter:drop-shadow(0 12px 32px #c9a84c59);z-index:20!important;transform:rotate(0)translateY(-40px)translate(0)scale(1.18)!important}.hand-card--dim{opacity:.6;filter:brightness(.7)}.hand-card__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14142ad9;border:2px solid #c9a84c33;border-radius:14px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 16px #0006}.hand-card--active .hand-card__inner{border-color:#c9a84c99;box-shadow:0 8px 32px #c9a84c33,0 0 0 1px #c9a84c26,inset 0 1px #ffffff0d}.hand-card__img-wrap{aspect-ratio:1;background:linear-gradient(135deg,#1a1a2ecc,#281e3c99);width:100%;position:relative;overflow:hidden}.hand-card__img-wrap img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .4s;position:relative}.hand-card--active .hand-card__img-wrap img{transform:scale(1.06)}.hand-card__img-placeholder{color:#c9a84c4d;z-index:0;justify-content:center;align-items:center;font-size:2.4rem;font-weight:700;display:flex;position:absolute;inset:0}.hand-card__info{padding:10px 12px 12px}.hand-card__name{color:#c9a84c;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.82rem;font-weight:700;overflow:hidden}.hand-card__stats{color:#999;flex-wrap:wrap;gap:6px;font-size:.65rem;display:flex}.hand-card__stats .stat-hp{color:#f87171}.hand-card__meta{color:#999;flex-direction:column;gap:2px;font-size:.7rem;display:flex}.hand-card__desc{opacity:.7;font-size:.65rem}.hand-card__tier{text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700}.hand-card__tier--minor{color:#9ca3af}.hand-card__tier--major{color:#fbbf24}.hand-card__tier--family{color:#a78bfa}.deal-card{opacity:0}.deal-row--visible .deal-card{animation:.85s cubic-bezier(.22,1,.36,1) forwards dealFromLeft;animation-delay:calc(var(--deal-i,0) * .22s)}@keyframes dealFromLeft{0%{opacity:0;filter:brightness(1.6)drop-shadow(0 0 12px #c9a84c80);transform:translate(-80px)rotate(-8deg)scale(.85)}50%{opacity:1;filter:brightness(1.2)drop-shadow(0 0 8px #c9a84c4d)}75%{transform:translate(4px)rotate(.5deg)scale(1.02)}to{opacity:1;filter:brightness()drop-shadow(0 0 #0000);transform:translate(0)rotate(0)scale(1)}}.features-grid{grid-template-columns:1fr;gap:20px;display:grid}.feature-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#1a1a2e80;border:1px solid #c9a84c1a;border-radius:14px;padding:28px 22px;transition:all .3s}.feature-card:hover{border-color:#c9a84c59;transform:translateY(-4px);box-shadow:0 8px 24px #c9a84c14}.feature-icon{margin-bottom:14px;font-size:2.4rem}.feature-title{color:#c9a84c;margin-bottom:10px;font-size:1.1rem;font-weight:700}.feature-description{color:#999;font-size:.88rem;line-height:1.6}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;display:grid}.stat-tile{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0f0f1eb8;border:1px solid #c9a84c2e;border-radius:14px;padding:22px 16px 20px;transition:all .3s;position:relative;overflow:hidden}.stat-tile:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#c9a84c1f,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.stat-tile:hover{border-color:#c9a84c8c;transform:translateY(-4px);box-shadow:0 10px 28px #c9a84c26}.stat-tile:hover:before{opacity:1}.stat-tile__icon{filter:drop-shadow(0 2px 6px #c9a84c59);margin-bottom:8px;font-size:2rem}.stat-tile__number{color:#f5d97a;text-shadow:0 2px 8px #c9a84c59;margin:4px 0 8px;font-family:Cinzel,Georgia,serif;font-size:2.6rem;font-weight:800;line-height:1;display:inline-block}.stat-tile__plus{color:#c9a84c;vertical-align:super;margin-left:2px;font-size:1.4rem}.stat-tile__label{color:#e8e8ee;letter-spacing:.02em;margin-bottom:4px;font-size:.95rem;font-weight:700}.stat-tile__blurb{color:#8a8a95;font-size:.75rem;line-height:1.4}@media (width>=640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.bottom-cta-section{padding-top:80px;padding-bottom:80px}.landing-footer{text-align:center;background:#0a0a18b3;border-top:1px solid #c9a84c1a;margin-top:auto;padding:36px 24px}.footer-tagline{color:#555;margin-bottom:8px;font-size:.88rem;font-style:italic}.footer-ai-note{color:#444;letter-spacing:.02em;margin-bottom:14px;font-size:.75rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.footer-link-btn{color:#c9a84c;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;transition:color .2s}.footer-link-btn:hover{color:#d4af37}.footer-divider{color:#333}.footer-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.footer-modal{background:#12122a;border:1px solid #c9a84c33;border-radius:16px;width:100%;max-width:600px;max-height:80vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000080}.footer-modal__close{color:#666;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:14px;right:18px}.footer-modal__close:hover{color:#e94560}.footer-modal__title{color:#c9a84c;margin:0 0 20px;font-size:1.4rem;font-weight:700}.footer-modal__body h3{color:#c9a84c;margin:20px 0 8px;font-size:1rem;font-weight:600}.footer-modal__body p{color:#bbb;margin:0 0 10px;font-size:.88rem;line-height:1.7}.footer-modal__body a{color:#60a5fa;text-decoration:none}.footer-modal__body a:hover{text-decoration:underline}.contact-email-block{text-align:center;background:#c9a84c0f;border:1px solid #c9a84c26;border-radius:10px;padding:16px}.contact-email-block a{font-size:1.05rem;font-weight:600;color:#c9a84c!important}@media (width<=600px){.landing-nav{flex-wrap:wrap;gap:8px;padding:8px 12px}.nav-center,.nav-tagline,.nav-free-badge{display:none}.nav-btn{padding:7px 12px;font-size:.78rem}.card-hand{min-height:260px;padding:10px 0 30px}.hand-card{width:clamp(110px,22vw,150px);margin:0 -10px}.hand-card__info{padding:6px 8px 8px}.hand-card__name{font-size:.72rem}.hand-card__stats{font-size:.6rem}.hand-card--active{transform:rotate(0)translateY(-30px)translate(0)scale(1.25)!important}}@media (width>=481px){.how-steps{flex-direction:row;align-items:stretch;gap:16px}.how-step{flex:1}.how-step__arrow{align-items:center;display:flex;transform:none}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=769px){.features-grid{grid-template-columns:repeat(3,1fr)}.nav-tagline,.nav-free-badge{display:inline}.landing-section{padding:100px 32px}.hand-card{width:clamp(170px,18vw,220px);margin:0 -18px}.card-hand{min-height:380px}}@media (width>=1025px){.landing-nav{padding:12px 40px}.landing-section{padding:110px 48px}}.footer-about{opacity:.9;max-width:640px;margin:0 auto 12px;font-size:.9rem;line-height:1.5}@media (width<=420px){.card-hand{gap:0}.hand-card{width:102px;min-width:0;margin-left:-18px;margin-right:-18px}.hand-card--active{transform:translateY(-16px)scale(1.03)}}.legal-page{background:var(--bg-primary,#1a1a2e);min-height:100vh;color:var(--text-primary,#eaeaea);padding:0 16px 48px}.legal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:20px 0;display:flex}.legal-home{color:var(--gold,#c9a84c);font-size:1.3rem;font-weight:700;text-decoration:none}.legal-header nav{gap:16px;display:flex}.legal-header nav a,.legal-footer a,.legal-body a{color:var(--gold,#c9a84c)}.legal-body{background:var(--bg-card,#0f3460);border:1px solid var(--border,#2a2a4a);border-radius:var(--radius,12px);max-width:760px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 32px;font-size:1rem;line-height:1.6}.legal-body h1{color:var(--gold,#c9a84c);margin:0 0 4px}.legal-body h2{margin:28px 0 8px;font-size:1.15rem}.legal-body ul{padding-left:1.3em}.legal-body li{margin-bottom:6px}.legal-updated{color:var(--text-secondary,#a0a0b0);margin-top:0;font-size:.9rem}.legal-footer{text-align:center;max-width:760px;margin:20px auto 0}.join-page{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.join-container{width:100%;max-width:700px}.join-loading{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:60px 24px;display:flex}.join-loading p{color:var(--text-secondary);font-size:1rem}.join-error{background:var(--bg-card);border:2px solid var(--danger);border-radius:var(--radius);text-align:center;padding:40px 24px}.join-error h2{color:var(--danger);margin-bottom:16px;font-size:1.8rem}.join-error p{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.join-header{text-align:center;margin-bottom:40px}.join-header h2{color:var(--text-accent);letter-spacing:1px;margin-bottom:8px;font-size:2rem}.join-header p{color:var(--text-secondary);font-size:.95rem}.member-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px;display:grid}.member-card{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;text-align:left;border:2px solid #0000;align-items:center;gap:20px;width:100%;min-height:80px;padding:16px;transition:all .2s;display:flex}.member-card:hover{border-color:var(--text-accent);background:var(--bg-card-hover);transform:translate(4px)}.member-avatar{object-fit:cover;border:3px solid var(--text-accent);border-radius:50%;flex-shrink:0;width:64px;height:64px}.member-info{flex:1}.member-name{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:700}.member-level{color:var(--text-accent);font-size:.85rem;font-weight:600}.pin-form-wrapper{position:relative}.back-btn{color:var(--text-accent);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:1rem;font-weight:600;transition:color .2s;position:absolute;top:-40px;left:0}.back-btn:hover{color:var(--accent-hover)}.pin-form{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:20px;padding:40px 24px}.pin-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.pin-avatar{object-fit:cover;border:4px solid var(--text-accent);border-radius:50%;width:100px;height:100px}.pin-form h2{color:var(--text-accent);margin:0;font-size:1.5rem}.pin-prompt{color:var(--text-secondary);margin-bottom:28px;font-size:.95rem}.pin-input-group{margin-bottom:24px}.pin-input{letter-spacing:1.2rem;text-align:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;padding:16px 12px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;transition:border-color .2s}.pin-input:focus{border-color:var(--text-accent);outline:none}.pin-input::placeholder{color:var(--text-secondary);opacity:.5}.error-text{color:var(--danger);margin-bottom:16px;font-size:.85rem}.join-footer{text-align:center;border-top:1px solid var(--border);padding-top:24px}.join-footer p{color:var(--text-secondary);margin:0;font-size:.9rem}.join-footer a{color:var(--text-accent);font-weight:600;text-decoration:none;transition:color .2s}.join-footer a:hover{color:var(--accent-hover)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;min-height:44px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}@media (width>=481px){.join-page{padding:32px}.member-grid{grid-template-columns:repeat(2,1fr);gap:20px}.member-card{text-align:center;flex-direction:column;min-height:auto;padding:24px 16px}.member-info{text-align:center}.pin-form{padding:48px 32px}.pin-input{font-size:3rem}}@media (width>=769px){.join-page{padding:48px}.member-grid{grid-template-columns:repeat(3,1fr)}.join-header h2{font-size:2.2rem}.pin-form{padding:56px 40px}.pin-avatar{width:120px;height:120px}.pin-form h2{font-size:1.8rem}}.invite-page{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.invite-container{width:100%;max-width:520px}.invite-loading{flex-direction:column;align-items:center;gap:24px;padding:60px 24px;display:flex}.invite-loading p{color:var(--text-secondary);font-size:1rem}.invite-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:36px 28px}.invite-error-card{text-align:center;border-color:var(--danger)}.invite-error-card h2{color:var(--danger);margin-bottom:12px;font-size:1.6rem}.invite-error-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.invite-success-card{text-align:center;border-color:#22c55e}.invite-success-card h2{color:#22c55e;margin-bottom:12px;font-size:1.5rem}.invite-success-card p{color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.invite-icon{text-align:center;margin-bottom:8px;font-size:3rem}.invite-header{text-align:center;margin-bottom:28px}.invite-header h1{color:var(--text-accent);letter-spacing:.5px;margin:0 0 8px;font-size:1.8rem}.invite-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.invite-form{flex-direction:column;gap:24px;display:flex}.invite-field label{color:var(--text-primary);margin-bottom:10px;font-size:.95rem;font-weight:600;display:block}.invite-field input[type=text]{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;padding:14px 16px;font-size:1.05rem;transition:border-color .2s}.invite-field input[type=text]:focus{border-color:var(--text-accent);outline:none}.invite-field input[type=text]::placeholder{color:var(--text-secondary);opacity:.6}.invite-options{flex-direction:column;gap:12px;display:flex}.invite-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-family:inherit;font-size:inherit;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:all .2s;display:flex}.invite-option:hover{border-color:var(--text-accent);background:var(--bg-card-hover,var(--bg-secondary))}.invite-option.selected{border-color:var(--text-accent);box-shadow:0 0 0 1px var(--text-accent);background:#7c3aed1a}.option-icon{margin-bottom:2px;font-size:1.5rem}.option-label{color:var(--text-primary);font-size:1rem;font-weight:700}.option-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.invite-email-note{background:var(--bg-secondary);border-left:3px solid var(--text-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);padding:12px 16px;font-size:.9rem}.invite-email-note strong{color:var(--text-primary)}.invite-form-error{border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);background:#ef44441a;margin-bottom:8px;padding:12px 16px;font-size:.9rem}.invite-next-steps{background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:20px;padding:20px}.invite-next-steps h3{color:var(--text-accent);margin:0 0 8px;font-size:1.05rem}.invite-next-steps p{margin:0 0 16px;font-size:.9rem}.invite-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:none;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.invite-btn-primary{background:var(--accent);color:#fff}.invite-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.invite-btn-primary:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5}.invite-btn-submit{width:100%;min-height:48px;font-size:1.1rem}@media (width>=481px){.invite-card{padding:44px 36px}.invite-header h1{font-size:2rem}}.pet-adopt-subtitle{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.pet-opt:hover{border-color:#a55eea;transform:scale(1.05)}.pet-opt-label{font-size:.85rem;font-weight:600}.pet-opt-desc{color:var(--text-secondary);font-size:.65rem}.pet-personality-pick{margin:12px 0}.pet-section-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.personality-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pers-btn{border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:14px;padding:4px 10px;font-size:.8rem;transition:all .15s}.pers-btn.sel{background:#ffd7001a;border-color:gold}.pet-card{position:relative;overflow:hidden}.pet-toast{color:#fff;z-index:10;white-space:nowrap;text-overflow:ellipsis;background:#2d3436;border-radius:20px;max-width:90%;padding:6px 16px;font-size:.8rem;font-weight:600;animation:.3s petToastIn;position:absolute;top:8px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes petToastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pet-avatar-area{position:relative}.pet-portrait-img{object-fit:cover;border:2px solid #a55eea66;border-radius:16px;width:72px;height:72px;box-shadow:0 2px 12px #a55eea33}.pet-big-emoji{font-size:2.8rem;display:block}.pet-bounce{animation:2s ease-in-out infinite petBounce}@keyframes petBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pet-mood-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;padding:1px 3px;font-size:1rem;position:absolute;bottom:-2px;right:-4px}.pet-info-col{flex:1}.pet-personality{color:#a55eea;font-style:italic}.pet-warning{color:#ffa502;margin-top:4px;font-size:.75rem}.pet-warning.critical{color:#ff4757}.pbar-fill.hunger.low{background:#ff4757;animation:1s infinite barPulse}.pbar-fill.happy.low{animation:1s infinite barPulse}.pbar-fill.energy{background:#1e90ff}@keyframes barPulse{0%,to{opacity:1}50%{opacity:.5}}.pbonus.crit{color:#ffa502;background:#ffa5001a}.pbonus.dim{opacity:.4;text-decoration:line-through}.pet-actions{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.pet-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:80px;padding:8px 10px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.pet-btn:disabled{opacity:.5;cursor:not-allowed}.pet-btn.feed{background:linear-gradient(135deg,#ff6348,#ff4757)}.pet-btn.play{background:linear-gradient(135deg,#1e90ff,#3742fa)}.pet-btn.train{background:linear-gradient(135deg,#ffa502,#e17055)}.pet-btn.art{background:linear-gradient(135deg,#a55eea,#7c3aed)}.pet-btn-cost{opacity:.8;font-size:.65rem}.pet-btn-cd{opacity:.7;margin-left:2px;font-size:.6rem}.pet-art-gen-form{margin-bottom:10px;animation:.3s ease-out chatterFadeIn}.pet-art-gen-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);resize:vertical;margin-bottom:.4rem;padding:.6rem;font-family:inherit;font-size:.82rem}.pet-art-gen-form button{width:100%}.pet-art-error{color:var(--danger,#ff4757);margin-top:4px;font-size:.8rem}.pet-stats-footer{color:var(--text-secondary);border-top:1px solid var(--border);gap:12px;padding-top:8px;font-size:.7rem;display:flex}.pet-card-compact{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:flex}.pet-card-compact:hover{border-color:#a55eea}.pet-compact-img{object-fit:cover;border:1px solid #a55eea4d;border-radius:8px;width:32px;height:32px}.pet-compact-emoji{font-size:1.6rem}.pet-compact-info{flex-direction:column;display:flex}.pet-compact-name{font-size:.8rem;font-weight:700}.pet-compact-lvl{color:var(--text-secondary);font-size:.7rem}.pet-compact-bars{flex-direction:column;gap:2px;width:50px;margin-left:auto;display:flex}.pc-bar{background:var(--bg-card);border-radius:2px;height:4px;overflow:hidden}.pc-fill{border-radius:2px;height:100%}.pc-fill.hunger{background:#ff6348}.pc-fill.happy{background:#ff4757}.pc-fill.energy{background:#1e90ff}.pet-adopt-compact{justify-content:center}.pet-adopt-prompt{color:#a55eea;font-size:.85rem;font-weight:600}.pet-chatter-bubble{background:linear-gradient(135deg,#a78bfa1a,#8b5cf614);border:1px solid #a78bfa4d;border-radius:12px 12px 12px 4px;margin:8px 0 4px;padding:8px 12px;animation:.5s ease-out chatterFadeIn;position:relative}.pet-chatter-sound{color:#c4b5fd;margin-bottom:2px;font-size:.9rem;font-style:italic;display:block}.pet-chatter-line{color:var(--text-primary);font-size:.82rem;line-height:1.35;display:block}.pet-chatter-mood{color:var(--text-secondary);margin-top:4px;font-size:.72rem;display:block}@keyframes chatterFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.badge-grid{flex-wrap:wrap;gap:12px;display:flex}.badge-item{background:var(--bg-primary);border-radius:var(--radius-sm);cursor:default;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:12px;display:flex}.badge-icon{font-size:2rem}.badge-name{text-align:center;color:var(--text-accent);font-size:.75rem;font-weight:600}.cpc-card{border-radius:var(--radius);max-width:380px;margin:0 auto;padding:0;overflow:hidden}.cpc-art{aspect-ratio:1;background-position:top;background-repeat:no-repeat;background-size:cover;width:100%}.cpc-art-placeholder{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-card));justify-content:center;align-items:center;display:flex}.cpc-art-icon{font-size:4rem}.cpc-header{z-index:1;background:linear-gradient(#0009,#000000d9);flex-direction:column;align-items:center;margin-top:-36px;padding:12px 16px 8px;display:flex;position:relative}.cpc-name{text-shadow:0 2px 6px #00000080;margin:0;font-size:1.3rem;font-weight:700}.cpc-class{color:var(--text-accent);text-shadow:0 1px 4px #00000080;font-size:.9rem;font-weight:600}.cpc-currency{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-around;padding:10px 16px;display:flex}.cpc-cur-item{flex-direction:column;align-items:center;gap:2px;display:flex}.cpc-cur-val{font-size:.95rem;font-weight:700}.cpc-cur-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.cpc-tabs{border-bottom:1px solid var(--border);background:var(--bg-card);display:flex}.cpc-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:.8rem;font-weight:400;transition:all .15s}.cpc-tab.active{color:var(--text-accent);border-bottom-color:var(--text-accent);background:#ffffff0a;font-weight:700}.cpc-content{background:var(--bg-card);padding:14px 16px}.cpc-stats{flex-direction:column;gap:8px;display:flex}.cpc-stat-row{align-items:center;gap:8px;display:flex}.cpc-stat-label{text-align:right;min-width:28px;font-size:.75rem;font-weight:700}.cpc-stat-track{background:#ffffff14;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.cpc-stat-fill{opacity:.85;border-radius:5px;height:100%;transition:width .3s}.cpc-stat-bonus-fill{opacity:.45;border-radius:5px;height:100%;position:absolute;top:0}.cpc-stat-value{min-width:44px;font-size:.8rem;font-weight:600}.cpc-bonus-text{color:#2ed573;font-size:.65rem}.cpc-allocate-link{text-align:center;color:gold;margin-top:4px;font-size:.8rem;font-weight:600;text-decoration:none;animation:2s infinite cpc-pulse;display:block}@keyframes cpc-pulse{0%,to{opacity:1}50%{opacity:.6}}.cpc-equipment{flex-direction:column;gap:10px;display:flex}.cpc-eq-slot{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.cpc-eq-slot.empty{opacity:.5}.cpc-eq-icon{margin-top:2px;font-size:1.3rem}.cpc-eq-info{flex:1}.cpc-eq-slot-name{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.04em;font-size:.65rem}.cpc-eq-item-name{font-size:.9rem;font-weight:700}.cpc-eq-item-name.common{color:#aaa}.cpc-eq-item-name.uncommon{color:#2ed573}.cpc-eq-item-name.rare{color:#70a1ff}.cpc-eq-item-name.epic{color:#a55eea}.cpc-eq-item-name.legendary{color:gold}.cpc-eq-bonuses{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.cpc-bonus{background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:600}.cpc-bonus.str{color:#ff6348}.cpc-bonus.spd{color:#7bed9f}.cpc-bonus.mag{color:#70a1ff}.cpc-bonus.vit{color:#ff9f43}.cpc-bonus.def{color:#a4b0be}.cpc-bonus.hp{color:#2ed573}.cpc-eq-special{color:#a55eea;margin-top:2px;font-size:.75rem;font-style:italic}.cpc-eq-empty{color:var(--text-secondary);font-size:.8rem;font-style:italic}.cpc-inv-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.cpc-inv-item{border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;background:#ffffff08;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.cpc-inv-item.uncommon{border-color:#2ed5734d}.cpc-inv-item.rare{border-color:#70a1ff4d}.cpc-inv-item.epic{border-color:#a55eea4d}.cpc-inv-item.legendary{border-color:#ffd70066}.cpc-inv-img{object-fit:cover;border-radius:6px;width:48px;height:48px}.cpc-inv-placeholder{font-size:1.8rem}.cpc-inv-name{font-size:.7rem;font-weight:600;line-height:1.2}.cpc-inv-rarity{color:var(--text-secondary);text-transform:capitalize;font-size:.6rem}.cpc-abilities{flex-direction:column;gap:8px;display:flex}.cpc-ability{border-radius:var(--radius-sm);background:#ffffff08;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.cpc-ability.locked{opacity:.45}.cpc-ability-icon{margin-top:1px;font-size:1.1rem}.cpc-ability-info{flex:1}.cpc-ability-name{font-size:.85rem;font-weight:700}.cpc-ability-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.cpc-ability-req{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.cpc-manage-link{text-align:center;color:var(--text-accent);margin-top:10px;font-size:.8rem;text-decoration:none;display:block}.cpc-manage-link:hover{text-decoration:underline}.cpc-empty{color:var(--text-secondary);text-align:center;margin:8px 0;font-size:.85rem}.cpc-create{text-align:center;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 24px;text-decoration:none;display:flex}.cpc-create-title{font-size:1.1rem;font-weight:700}.cpc-create-sub{color:var(--text-secondary);font-size:.85rem}.dungeon-progress-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:0 4px 12px var(--shadow);padding:16px}.dpc-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dpc-char-info{align-items:center;gap:8px;display:flex}.dpc-class{color:var(--text-primary);font-size:1.05rem;font-weight:700}.dpc-level{color:var(--text-accent);font-size:.85rem;font-weight:600}.dpc-stats{gap:12px;font-size:.85rem;display:flex}.dpc-ap{color:var(--warning);font-weight:600}.dpc-keys{color:var(--text-accent);font-weight:600}.dpc-progress{margin-bottom:14px}.dpc-progress-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.dpc-progress-bar{background:var(--bg-secondary);border-radius:5px;width:100%;height:10px;overflow:hidden}.dpc-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:5px;height:100%;transition:width .5s}.dpc-enter{width:100%;margin-top:4px}.pp-section{margin-top:24px}.pp-section-title{color:var(--text-accent);margin-bottom:12px;font-size:1.15rem}.profile-header{text-align:center;border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;max-width:380px;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden}.profile-header-art{aspect-ratio:1;background-position:top;background-repeat:no-repeat;background-size:cover;width:100%}.profile-header-content{z-index:1;background:linear-gradient(#0009 0%,#000000d9 100%);width:100%;margin-top:-40px;padding:16px 20px;position:relative}.profile-header-overlay{display:none}.profile-header>*{z-index:1;position:relative}.profile-header h1{text-shadow:0 2px 8px #0009;margin:0;font-size:1.4rem}.level-title{color:var(--text-accent);text-shadow:0 2px 8px #0009;font-size:1.05rem;font-weight:600}.profile-stats{border-top:1px solid #ffffff26;justify-content:space-around;width:100%;margin-top:8px;padding-top:10px;display:flex}.stat-box{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-num{color:var(--text-accent);font-size:1.3rem;font-weight:700}.stat-lbl{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.eng-top-cards{flex-wrap:wrap;gap:16px;margin-top:20px;margin-bottom:4px;display:flex}.eng-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:250px;max-width:400px;padding:20px}.eng-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.eng-icon{font-size:1.5rem}.eng-title{font-size:1.1rem;font-weight:700}.streak-card{text-align:center}.streak-big{color:#ff6348;font-size:3rem;font-weight:900}.streak-label{color:var(--text-secondary);font-size:.9rem}.streak-best{color:var(--text-secondary);margin:4px 0 12px;font-size:.8rem}.pet-adopt-card{text-align:center}.pet-picker{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.pet-opt{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;transition:all .15s;display:flex}.pet-opt.sel{background:#a55eea1a;border-color:#a55eea}.pet-opt-emoji{font-size:2rem}.pet-name-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;max-width:200px;color:var(--text-primary);text-align:center;margin:8px auto 12px;padding:8px 12px;display:block}.pet-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pet-big-emoji{font-size:2.5rem}.pet-name{font-size:1.2rem;font-weight:700}.pet-level-badge{color:var(--text-secondary);font-size:.8rem}.pet-bars{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.pbar{align-items:center;gap:6px;font-size:.8rem;display:flex}.pbar-track{background:var(--bg-card);border-radius:4px;flex:1;height:8px;overflow:hidden}.pbar-fill{border-radius:4px;height:100%;transition:width .3s}.pbar-fill.xp{background:gold}.pbar-fill.hunger{background:#ff6348}.pbar-fill.happy{background:#ff4757}.pet-bonuses{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.pbonus{color:#2ed573;background:#2ed5731a;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.bounty-card{text-align:center}.bounty-row{justify-content:center;gap:20px;display:flex}.bounty-item{flex-direction:column;align-items:center;display:flex}.bounty-amt{color:#2ed573;font-size:1.5rem;font-weight:700}.bounty-amt.paid{color:gold}.bounty-amt.total{color:var(--text-primary)}.bounty-lbl{color:var(--text-secondary);font-size:.75rem}.titles-row{flex-wrap:wrap;gap:8px;display:flex}.title-chip{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.title-chip:hover{border-color:#a55eea}.title-chip.active{color:gold;background:#ffd7001a;border-color:gold}.quest-card{background:var(--bg-card);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex;overflow:hidden}.quest-card-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.quest-card.completed{opacity:.7}.quest-info h3{margin-bottom:4px;font-size:1.05rem}.quest-meta{color:var(--text-secondary);gap:12px;font-size:.85rem;display:flex}.complete-btn{flex-shrink:0;padding:10px 20px;font-size:1rem}.achievements-section{margin:16px 0}.achievements-title{color:var(--text-accent);margin-bottom:8px;font-size:1rem}.achievement-card{background:var(--bg-card);border-radius:var(--radius-sm);border-left:3px solid var(--text-accent);align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.achievement-icon{font-size:1.5rem}.achievement-info{flex:1;font-size:.85rem}.achievement-badge-name{color:var(--text-accent);font-weight:600}.achievement-desc{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.ach-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);opacity:.6;align-items:flex-start;gap:10px;padding:12px;display:flex;position:relative}.ach-card.done{opacity:1;border-color:gold}.ach-icon{flex-shrink:0;font-size:1.8rem}.ach-body{flex:1;min-width:0}.ach-name{font-size:.95rem;font-weight:700}.ach-desc{color:var(--text-secondary);margin:2px 0 6px;font-size:.8rem}.ach-prog{align-items:center;gap:6px;display:flex}.ach-prog-bar{background:var(--bg-secondary);border-radius:3px;flex:1;height:6px;overflow:hidden}.ach-prog-fill{background:gold;border-radius:3px;height:100%}.ach-prog span{color:var(--text-secondary);font-size:.7rem}.ach-title{color:#a55eea;font-size:.8rem;font-style:italic}.ach-check{font-size:1rem;position:absolute;top:8px;right:8px}.lb-list{flex-direction:column;gap:8px;display:flex}.lb-row{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.lb-row.gold{background:#ffd7000d;border-color:gold}.lb-row.silver{border-color:silver}.lb-row.bronze{border-color:#cd7f32}.lb-body{flex:1}.lb-meta{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.activity-list{flex-direction:column;gap:8px;display:flex}.activity-item{background:var(--bg-card);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;font-size:.9rem;display:flex}.xp-gain{color:var(--success);min-width:70px;font-weight:700}.xp-loss{color:var(--danger);min-width:70px;font-weight:700}.activity-reason{text-transform:capitalize;flex:1}.activity-time{color:var(--text-secondary);font-size:.8rem}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.reward-earned-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.reward-earned-img{object-fit:cover;width:100%;height:140px}.reward-earned-body{padding:8px 10px}.reward-earned-body strong{font-size:.85rem}.reward-tier{border-radius:999px;padding:1px 6px;font-size:.65rem;font-weight:600}.reward-tier.minor{color:#a0a0b0;background:#a0a0b033}.reward-tier.major{color:#70a1ff;background:#70a1ff33}.reward-tier.family{color:gold;background:#ffd70033}.reward-pending{color:var(--warning);background:#ffa50233;border-radius:999px;padding:1px 6px;font-size:.65rem}.reward-date{color:var(--text-secondary);font-size:.75rem}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state p:first-child{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem}@media (width<=768px){.eng-top-cards{flex-direction:column}.eng-card{max-width:100%}.ach-grid,.rewards-grid{grid-template-columns:1fr}}.fp-stack{flex-direction:column;gap:14px;display:flex}.fp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.fp-card h3{color:var(--text-primary);margin:0;font-size:1.05rem}.fp-card p{margin:0}.fp-muted{color:var(--text-secondary);font-size:.88rem}.fp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fp-row>.fp-grow{flex:160px;min-width:0}.fp-banner{border-radius:var(--radius);background:linear-gradient(135deg,#ffd7002e,#ffa50214);border:1px solid #ffd70080;padding:10px 14px}.fp-banner strong{color:gold}.fp-tip{border-left:4px solid var(--success);border-radius:var(--radius-sm);background:#2ed5731f;padding:8px 12px}.fp-bar{background:#ffffff14;border-radius:999px;height:14px;overflow:hidden}.fp-bar>span{background:linear-gradient(90deg,#2ed573,gold);border-radius:999px;height:100%;transition:width .4s;display:block}.fp-bar.small{height:8px}.fp-field{color:var(--text-secondary);flex-direction:column;gap:4px;min-width:0;font-size:.88rem;display:flex}.fp-field input,.fp-field select,.fp-field textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:8px 10px;font-size:.95rem}.fp-check{cursor:pointer;align-items:center;gap:8px;display:flex}.fp-check input{flex:none;width:20px;height:20px;min-height:0}.fp-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fp-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.fp-item.done{opacity:.7}.fp-item.cancelled{opacity:.45}.fp-item-main{flex:200px;min-width:0}.fp-item-title{font-weight:700}.fp-badge{color:gold;background:#ffd7002e;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-block}.fp-badge.good{color:var(--success);background:#2ed5732e}.fp-btn-row{flex-wrap:wrap;gap:6px;display:flex}.fp-btn-row button{min-height:38px;padding:6px 12px;font-size:.9rem}.fp-ok{color:var(--success);margin:0;font-size:.9rem}.fp-err{color:var(--danger);margin:0;font-size:.9rem}.fp-table-wrap{max-width:100%;overflow-x:auto}.fp-table{border-collapse:collapse;width:100%;font-size:.9rem}.fp-table th,.fp-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px}.fp-table th{color:var(--text-secondary);font-weight:600}.fp-kid-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.fp-kid{border-radius:var(--radius-sm);background:#ffffff0a;padding:8px 10px;font-size:.88rem}.fp-kid strong{color:var(--text-primary);display:block}.fp-kid-panel details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.fp-kid-panel summary{cursor:pointer;justify-content:space-between;gap:8px;padding:10px 14px;font-weight:700;list-style:none;display:flex}.fp-kid-panel summary::-webkit-details-marker{display:none}.fp-kid-panel details>div{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}@media (width<=600px){.fp-table,.fp-table tbody{width:100%;min-width:0;display:block}.fp-table thead{display:none}.fp-table tr{border:1px solid var(--border);border-radius:12px;margin:8px 0;padding:12px;display:block}.fp-table td{justify-content:space-between;gap:12px;display:flex}.fp-table td:before{content:attr(data-label);font-weight:600}.fp-table th[scope=row]{text-align:left;display:block}}.parent-dashboard{background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);min-height:100vh;padding-bottom:80px}.dashboard-container{max-width:1200px;margin:0 auto;padding:32px 24px}.dashboard-header{text-align:center;color:#fff;margin-bottom:48px}.dashboard-header h1{color:gold;text-shadow:0 2px 4px #0000004d;margin-bottom:8px;font-size:2.5rem}.dashboard-header p{color:#b0b0b0;font-size:1.1rem}.dashboard-section{background:linear-gradient(135deg,#16213e 0%,#0f3460 100%);border:2px solid gold;border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 8px 32px #0000004d}.section-header{margin-bottom:24px}.section-header h2{color:gold;margin-bottom:4px;font-size:1.5rem}.section-subtitle{color:#b0b0b0;font-size:.95rem}.family-code-section{background:linear-gradient(135deg,#0f3460 0%,#16213e 100%);border-color:gold}.code-display{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.code-box{background:#ffd7000d;border:2px dashed gold;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.code-label{color:#b0b0b0;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.code-value{color:gold;letter-spacing:2px;font-family:Courier New,monospace;font-size:2rem;font-weight:700}.invite-url{background:#0003;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.url-label{color:#b0b0b0;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.url-value{color:gold;word-break:break-all;background:#ffd7000d;border-radius:4px;padding:8px 12px;font-family:Courier New,monospace;font-size:.95rem}.code-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.code-actions .btn{min-width:160px}.members-section{background:linear-gradient(135deg,#16213e 0%,#0f3460 100%)}.members-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-bottom:24px;display:grid}.member-card{cursor:pointer;background:#ffd7000d;border:2px solid #0f3460;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.member-card:hover{background:#ffd7001a;border-color:gold;transform:translateY(-4px);box-shadow:0 4px 12px #ffd70033}.member-avatar{object-fit:cover;border:3px solid gold;border-radius:50%;width:80px;height:80px}.avatar-placeholder{color:gold;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.member-name{color:#fff;text-align:center;margin:0;font-size:.95rem}.role-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#e94560;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.role-badge[data-role=parent],.role-badge[data-role=admin]{color:#1a1a2e;background:gold}.empty-state{text-align:center;color:#b0b0b0;grid-column:1/-1;padding:40px 0}.stats-section{background:linear-gradient(135deg,#0f3460 0%,#16213e 100%)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.stat-card{text-align:center;background:#ffd7000d;border:2px solid gold;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.stat-card.pending{background:#e945600d;border-color:#e94560}.stat-icon{font-size:2rem}.stat-label{color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.stat-value{color:gold;font-size:2rem;font-weight:700}.stat-card.pending .stat-value{color:#e94560}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#1a1a2e;background:gold}.btn-primary:hover{background:#ffed4e;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.btn-secondary{color:#fff;background:#e94560}.btn-secondary:hover{background:#f05f7e;transform:translateY(-2px);box-shadow:0 4px 12px #e945604d}.btn-outline{color:gold;background:0 0;border:2px solid gold}.btn-outline:hover{background:#ffd7001a}.btn-danger{color:#fff;background:#e94560}.btn-danger:hover{background:#f05f7e}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background:linear-gradient(135deg,#16213e 0%,#0f3460 100%);border:2px solid gold;border-radius:12px;width:90%;max-width:400px;padding:32px}.modal-content h2{color:gold;margin-bottom:16px}.modal-content p{color:#b0b0b0;margin-bottom:24px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:1.8rem}.dashboard-section{margin-bottom:20px;padding:20px}.section-header h2{font-size:1.2rem}.code-value{font-size:1.5rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.stats-grid{grid-template-columns:1fr}.code-actions{flex-direction:column}.code-actions .btn{width:100%}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (width<=480px){.dashboard-header h1{font-size:1.5rem}.dashboard-section{border-radius:8px;padding:16px}.code-value{font-size:1.2rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.stat-card{padding:16px}.stat-value{font-size:1.5rem}}.today-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.today-head .page-title{margin:0}.today-sub{color:var(--text-primary);margin:2px 0 0;font-size:1rem;font-weight:600}.today-assign{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;min-height:44px;padding:10px 16px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.today-rewards{border-radius:var(--radius-sm);border:1px solid var(--warning);min-height:44px;color:var(--text-primary);background:#ffa50226;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;font-weight:700;text-decoration:none;display:flex}.today-stack{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.parent-today .fp-card,.parent-family .dashboard-section{background:#16213ef5}.today-links{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:8px 0 16px;display:grid}.today-links a{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);min-height:48px;color:var(--text-primary);align-items:center;gap:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:flex}.today-links a:hover,.today-links a:focus-visible{border-color:var(--text-accent)}.parent-family .dashboard-section{margin-bottom:16px;padding:16px}.family-add-btn{min-height:44px;margin-bottom:12px}.family-members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.family-member{border-radius:var(--radius-sm);background:var(--bg-secondary);align-items:center;gap:12px;min-height:52px;padding:6px 10px;display:flex}.family-member-avatar{object-fit:cover;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.family-member-name{overflow-wrap:anywhere;flex:auto;min-width:0;font-weight:700}.family-add{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--text-accent);flex-direction:column;gap:10px;margin-bottom:14px;padding:14px;display:flex}.family-add h3{color:var(--text-accent);margin:0;font-size:1.05rem}.family-add label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}.family-add input,.family-add select{min-height:44px;font-size:1rem}.family-add-row{flex-wrap:wrap;gap:10px;display:flex}.family-add-row label{flex:140px}.family-add-actions{justify-content:flex-end;gap:10px;display:flex}.family-add-actions .btn{min-height:44px}.schedule-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.schedule-grid-container{margin:1rem 0;overflow-x:auto}.schedule-grid{background:var(--border);border-radius:var(--radius);grid-template-columns:120px repeat(7,1fr);gap:1px;min-width:700px;display:grid;overflow:hidden}.schedule-row-group{display:contents}.schedule-header{background:var(--bg-secondary);text-align:center;padding:.5rem;font-size:.8rem;font-weight:600}.schedule-header.today{background:var(--accent);color:#fff}.schedule-member-name{background:var(--bg-secondary);align-items:center;padding:.5rem;font-size:.85rem;font-weight:600;display:flex}.schedule-cell{background:var(--bg-card);min-height:60px;padding:.25rem;transition:background .2s}.schedule-cell.drag-over{outline:2px dashed var(--text-accent);background:#ffd70026}.schedule-cell.today{background:#e9456014}.assignment-chip{background:var(--bg-secondary);cursor:default;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;margin:2px 0;padding:2px 6px;font-size:.7rem;display:flex}.assignment-chip.completed{color:var(--success);background:#2ed57333}.assignment-chip .remove-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;line-height:1}.assignment-chip[draggable=true]{cursor:grab}.assignment-chip[draggable=true]:active{cursor:grabbing;opacity:.6}.quest-row-group .schedule-cell{background:#ffd7000a}.quest-board-label{color:var(--text-accent,gold);gap:6px;font-style:italic}.quest-count-badge{background:var(--accent);color:#fff;border-radius:10px;padding:1px 5px;font-size:.65rem;font-weight:700}.quest-board-cell{border-bottom:1px solid var(--border)}.assignment-chip.quest-chip{background:#ffd70026;border:1px solid #ffd7004d}.chip-quest-badge{background:var(--text-accent,gold);color:var(--bg-primary,#1a1a2e);border-radius:3px;margin-right:3px;padding:0 3px;font-size:.55rem;font-weight:700}.schedule-separator{pointer-events:none}.chore-palette{margin-top:1rem}.chore-palette h3{margin-bottom:.5rem;font-size:.9rem}.chore-palette-items{flex-wrap:wrap;gap:.5rem;display:flex}.chore-drag-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;padding:4px 10px;font-size:.75rem;transition:transform .1s}.chore-drag-item:active{cursor:grabbing;transform:scale(.95)}.chore-drag-item .chore-drag-emoji{margin-right:4px}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-row{background:var(--bg-card);border-radius:var(--radius);align-items:center;gap:12px;padding:16px;display:flex}.leaderboard-row.is-me{border:2px solid var(--accent)}.lb-rank{text-align:center;min-width:40px;font-size:1.5rem}.lb-info{flex-direction:column;flex:1;gap:4px;display:flex}.lb-name-row{align-items:center;gap:8px;display:flex}.lb-name{font-size:1.05rem;font-weight:700}.lb-chores{color:var(--text-secondary);font-size:.8rem}.leaderboard-row .avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.game-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.game-card{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border,#333);border-radius:10px;flex-direction:column;gap:.4rem;padding:.75rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.game-card-image{object-fit:cover;border-radius:6px;width:100%;height:140px;margin-bottom:.25rem}.game-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.game-card-badges{flex-shrink:0;gap:.3rem;display:flex}.game-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.game-card-desc{color:#bbb;font-size:.8rem;font-style:italic;line-height:1.3}.game-card-stats{flex-wrap:wrap;gap:.25rem;display:flex}.game-card-stat{border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.72rem;font-weight:600;display:inline-flex}.game-card-stat.positive{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.game-card-stat.negative{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}.game-card-stat.info{color:#aaa;background:#ffffff0d;border:1px solid #ffffff1a}.game-card-stat.accent{color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed4d}.game-card-stat.gold{color:gold;background:#ffd7001f;border:1px solid #ffd7004d}.game-card-stat.custom{opacity:.9;border:1px solid}.game-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.4rem;display:flex}.game-card-actions{gap:.3rem;display:flex}.game-card-id{color:#555;font-family:monospace;font-size:.6rem}.game-card.rarity-common{border-left:3px solid #a0a0b0}.game-card.rarity-uncommon{border-left:3px solid #2ed573}.game-card.rarity-rare{border-left:3px solid #70a1ff}.game-card.rarity-epic{border-left:3px solid #a55eea}.game-card.rarity-legendary{border-left:3px solid gold}.game-card.diff-1{border-left:3px solid #2ecc71}.game-card.diff-2{border-left:3px solid #3498db}.game-card.diff-3{border-left:3px solid #f39c12}.game-card.diff-4{border-left:3px solid #e67e22}.game-card.diff-5{border-left:3px solid #e74c3c}.game-card.tier-minor{border-left:3px solid #a0a0b0}.game-card.tier-major{border-left:3px solid #70a1ff}.game-card.tier-family{border-left:3px solid gold}.card-filter-bar{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.card-filter-label{color:#aaa;margin-right:.25rem;font-size:.85rem;font-weight:600}.card-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.card-section-title{color:var(--text-accent,#7c3aed);margin:0;font-size:1.1rem;font-weight:700}.card-group-title{border-bottom:1px solid var(--border,#333);margin-bottom:.5rem;padding-bottom:.3rem;font-size:.85rem;font-weight:700}.game-card-stars{color:gold;letter-spacing:1px;font-size:.75rem}.game-card-special{color:gold;font-size:.72rem;font-style:italic}.filter-btn{border:1px solid var(--border,#444);background:var(--bg-secondary,#1a1a2e);color:var(--text,#e0e0e0);cursor:pointer;text-transform:capitalize;border-radius:4px;padding:.3rem .7rem;font-size:.8rem;transition:all .2s}.filter-btn.active{background:var(--text-accent,#7c3aed);color:#fff;border-color:var(--text-accent,#7c3aed)}.filter-btn:hover:not(.active){background:var(--bg-hover,#2a2a4e)}@media (width<=768px){.game-cards-grid{grid-template-columns:1fr}}.deck-selector{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:.35rem;margin-bottom:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.deck-selector::-webkit-scrollbar{height:4px}.deck-selector::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.deck-tab{border:2px solid var(--border,#333);background:var(--bg-secondary,#1a1a2e);min-width:68px;color:var(--text-secondary,#aaa);cursor:pointer;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:.15rem;padding:.5rem .65rem;transition:all .2s;display:flex;position:relative}.deck-tab:hover{background:var(--bg-hover,#2a2a4e);border-color:var(--deck-color,#888);transform:translateY(-2px)}.deck-tab.active{background:color-mix(in srgb, var(--deck-color) 18%, var(--bg-secondary,#1a1a2e));border-color:var(--deck-color,#7c3aed);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--deck-color) 30%, transparent)}.deck-tab.active:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--deck-color,#7c3aed);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.deck-tab-icon{font-size:1.35rem;line-height:1}.deck-tab-label{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:.65rem;font-weight:600}.deck-tab-count{background:var(--deck-color,#7c3aed);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 3px;font-size:.55rem;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.card-manager{padding-top:.25rem}.card-manager-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.card-manager-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.fullscreen-edit-image-wrap{position:relative}.art-gen-modal-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;white-space:nowrap;border-radius:6px;transition:all .2s;position:relative;color:#fff!important;background:#0f172ad9!important;border:1px solid #ffffff4d!important;padding:5px 12px!important;font-size:.75rem!important}.art-gen-modal-btn:hover:not(:disabled){background:#7c3aedcc!important;border-color:#7c3aed!important}.art-gen-modal-btn:disabled{opacity:.6;cursor:wait;animation:1.5s ease-in-out infinite pulse-art}@keyframes pulse-art{0%,to{opacity:.6}50%{opacity:1}}.edit-grid-2{grid-template-columns:1fr 1fr;gap:.35rem .75rem;display:grid}.edit-grid-3{grid-template-columns:1fr 1fr 1fr;gap:.35rem .75rem;display:grid}.edit-grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:.35rem .75rem;display:grid}.edit-checkbox{cursor:pointer;align-items:center;gap:.4rem;flex-direction:row!important;margin-top:.5rem!important;display:flex!important}.edit-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto!important}.empty-deck{text-align:center;color:var(--text-secondary,#888);background:var(--bg-secondary,#1a1a2e);border:2px dashed var(--border,#333);border-radius:10px;grid-column:1/-1;padding:2.5rem 1rem;font-size:.95rem;font-style:italic}@media (width<=640px){.deck-tab{min-width:56px;padding:.4rem .5rem}.deck-tab-icon{font-size:1.1rem}.deck-tab-label{font-size:.55rem}.edit-grid-3,.edit-grid-4{grid-template-columns:1fr 1fr}.card-manager-header{flex-direction:column;align-items:flex-start}}.card-search-row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;display:flex}.card-search-input{max-width:420px;min-height:42px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);flex:260px;padding:8px 12px;font-size:.95rem}.card-search-count{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.admin-dungeon-map-panel{flex-direction:column;gap:1rem;display:flex}.admin-map-header h2{color:var(--text-primary,#fff);margin:0 0 .25rem;font-size:1.3rem}.admin-map-meta{flex-wrap:wrap;gap:1rem;display:flex}.admin-map-meta span{color:var(--text-secondary,#aaa);background:#ffffff0f;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.admin-map-layout{align-items:flex-start;gap:1rem;display:flex}.admin-map-sidebar{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;flex:0 0 240px;max-height:70vh;padding:.75rem;overflow-y:auto}.admin-map-sidebar h3{color:var(--text-secondary,#aaa);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.9rem}.player-legend-item{width:100%;color:var(--text-primary,#fff);cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.4rem .5rem;transition:background .15s,border-color .15s;display:flex}.player-legend-item:hover{background:#ffffff14}.player-legend-item.selected{background:#ffd7001a;border-color:#ffd70066}.player-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.player-legend-info{flex-direction:column;gap:1px;min-width:0;display:flex}.player-legend-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.player-legend-detail{color:var(--text-secondary,#aaa);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.player-status{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;width:fit-content;padding:.1rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}.player-status.alive,.player-status.exploring{color:#2ed573;background:#2ed57326}.player-status.dead,.player-status.defeated{color:#ff4757;background:#ff475726}.player-status.resting{color:#ffa502;background:#ffa50226}.player-status.completed{color:#74b9ff;background:#74b9ff26}.no-players-msg{color:var(--text-secondary,#aaa);margin:.5rem 0;font-size:.8rem;font-style:italic}.admin-map-scroll{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;flex:1;min-height:300px;max-height:70vh;overflow:auto}.admin-map-svg{display:block}.admin-map-loading,.admin-map-error,.admin-map-empty{text-align:center;background:#0003;border-radius:12px;padding:2rem}.admin-map-loading{color:var(--text-secondary,#aaa)}.admin-map-error{color:#ff6b81}.admin-map-empty{color:var(--text-secondary,#aaa)}@media (width<=768px){.admin-map-layout{flex-direction:column}.admin-map-sidebar{flex:none;width:100%;max-height:200px}}.map-editor{flex-direction:column;gap:12px;display:flex}.map-editor-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;display:flex}.map-editor-family{flex-direction:column;gap:4px;min-width:240px;display:flex}.map-editor-family span,.map-editor-field span{color:var(--text-secondary);font-size:.85rem}.map-editor-family-name{color:var(--text-accent);font-size:1.05rem;font-weight:700}.map-editor-meta{color:var(--text-secondary);font-size:.9rem}.map-editor-help{color:var(--text-secondary);max-width:70ch;margin:0;font-size:.9rem}.map-editor-empty{color:var(--text-secondary)}.map-editor select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:8px 10px}.map-editor-body{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}.map-editor-canvas{border:1px solid var(--border);border-radius:var(--radius);background:#00000059;max-height:75vh;overflow:auto}.map-editor-canvas svg{margin:0 auto;display:block}.map-editor-path{stroke:#ffffff40;stroke-width:3px}.map-editor-path.new{stroke:var(--success);stroke-dasharray:6 4}.map-editor-path.selected{stroke:var(--text-accent);stroke-width:4px}.map-editor-node{cursor:pointer;outline:none}.map-editor-node-bg{stroke:#ffffff59;stroke-width:2px;opacity:.9}.map-editor-node:hover .map-editor-node-bg{opacity:1;stroke:#fff}.map-editor-node.changed .map-editor-node-bg{stroke:var(--success);stroke-width:3px;stroke-dasharray:5 3}.map-editor-node.warning .map-editor-node-bg{stroke:var(--warning);stroke-width:4px}.map-editor-node.error .map-editor-node-bg{stroke:var(--danger);stroke-width:4px}.map-editor-node.selected .map-editor-node-bg,.map-editor-node:focus-visible .map-editor-node-bg{stroke:#fff;stroke-width:5px;stroke-dasharray:none}.map-editor-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.map-editor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.map-editor-card h3{color:var(--text-primary);margin:0;font-size:1.05rem}.map-editor-card p{margin:0}.map-editor-sub{color:var(--text-secondary);font-size:.85rem}.map-editor-lock{border-radius:var(--radius-sm);background:#ffa5021f;border:1px solid #ffa50266;padding:8px 10px;font-size:.85rem}.map-editor-field{flex-direction:column;gap:4px;display:flex}.map-editor-check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.map-editor-check input{flex:none;width:20px;height:20px;min-height:0}.map-editor-check small{color:var(--text-secondary)}.map-editor-paths{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin:0;padding:6px 10px 10px;display:flex}.map-editor-paths legend{color:var(--text-secondary);padding:0 4px;font-size:.85rem}.map-editor-actions{flex-wrap:wrap;gap:6px;display:flex}.map-editor-actions button{min-height:36px}.map-editor-actions .danger{color:var(--danger);border-color:#ff475780}.map-editor-actions button:disabled{opacity:.45;cursor:not-allowed}.map-editor-check-list.has-errors{border-color:#ff475799}.map-editor-check-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.map-editor-problem{text-align:left;border-radius:var(--radius-sm);width:100%;min-height:0;color:var(--text-primary);background:#ffffff0a;padding:6px 8px;font-size:.85rem;font-weight:400}.map-editor-check-list li.error .map-editor-problem{border-left:4px solid var(--danger)}.map-editor-check-list li.warning .map-editor-problem{border-left:4px solid var(--warning)}.map-editor-problem:disabled{cursor:default}.map-editor-save{gap:8px;display:flex}.map-editor-save button{flex:1}.map-editor-save button:disabled{opacity:.5;cursor:not-allowed}.map-editor-message{margin:0;font-size:.9rem}.map-editor-message.ok{color:var(--success)}.map-editor-message.error{color:var(--danger)}.map-editor-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.map-editor-legend li{align-items:center;gap:6px;display:flex}.map-editor-legend .swatch{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:inline-flex}.map-editor-legend .swatch.plain{background:#ffffff14}@media (width<=900px){.map-editor-body{grid-template-columns:minmax(0,1fr)}.map-editor-side{scroll-margin-top:calc(var(--topbar-height,56px) + 8px);position:static}.map-editor-canvas{max-height:55vh}}.map-editor-quick summary{cursor:pointer;list-style:none}.map-editor-quick summary::-webkit-details-marker{display:none}.map-editor-quick summary h3{display:inline}.map-editor-quick[open] summary{margin-bottom:8px}.map-editor-quick input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:8px 10px}@media (width<=600px){.map-editor-canvas svg{width:100%;height:auto}.map-editor-family{width:100%;min-width:0}}.page.admin-page{max-width:1500px;padding-top:calc(var(--topbar-height) + 20px)}.admin-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-menu-toggle{display:none}.admin-nav{top:calc(var(--topbar-height) + 20px);max-height:calc(100vh - var(--topbar-height) - var(--nav-height) - 40px);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin;background:#0f1228eb;padding:12px;position:sticky;overflow-y:auto}.admin-nav-search{width:100%;min-height:40px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:8px 12px;font-size:.9rem}.admin-nav-group+.admin-nav-group{margin-top:12px}.admin-nav-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:6px 8px 4px;font-size:.75rem;font-weight:700}.admin-nav-item{text-align:left;width:100%;min-height:44px;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.admin-nav-item:hover{background:#ffffff12}.admin-nav-item.active{color:var(--text-accent);border-color:var(--text-accent);background:#ffd7001a}.admin-nav-item:focus-visible,.admin-nav-search:focus-visible,.admin-menu-toggle:focus-visible{outline:3px solid var(--text-accent);outline-offset:2px}.admin-nav-icon{text-align:center;flex-shrink:0;width:1.4em}.admin-nav-label{flex:1;min-width:0}.admin-nav-out{color:var(--text-secondary);font-size:.85rem}.admin-nav-badge{text-align:center;color:#fff;background:var(--accent);border-radius:999px;min-width:22px;padding:1px 7px;font-size:.75rem;font-weight:700}.admin-nav-empty{color:var(--text-secondary);padding:8px;font-size:.9rem}.admin-content{border:1px solid var(--border);border-radius:var(--radius);background:#0f1228e6;min-width:0;padding:20px 24px 28px}.admin-content-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:14px}.admin-content-crumb{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.admin-content-title{color:var(--text-accent);margin:2px 0 4px;font-size:1.6rem;font-weight:700}.admin-content-desc{color:var(--text-secondary);margin:0;font-size:.95rem}.admin-content :is(.chip-name,.chip-stars,.chip-quest-badge,.quest-count-badge,.role-badge,.stars,.deck-tab-count,.deck-tab-label,.game-card-badge,.game-card-id,.game-card-stat,.art-prompt-field-label,.art-prompt-status,.category-badge,.player-dot,.player-legend-detail,.player-status,.avatar){font-size:.75rem}.admin-content .palette-chore span,.admin-content .palette-chore .stars,.admin-content .calendar-member-cell .role-badge,.admin-content button[style*="padding: 4px 10px"],.admin-content span[style*="font-size: 0.5"],.admin-content span[style*="font-size: 0.7"],.admin-content div[style*="font-size: 0.7"],.admin-content span[style*="font-size: 0.6"],.admin-content div[style*="font-size: 0.6"]{font-size:.75rem!important}.admin-content input:not([type=checkbox]):not([type=radio]):not([type=range]),.admin-content select,.admin-content button{min-height:40px}.admin-content :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--text-accent);outline-offset:2px}@media (width<=900px){.admin-shell{grid-template-columns:minmax(0,1fr);gap:12px}.admin-menu-toggle{width:100%;min-height:48px;color:var(--text-accent);border:2px solid var(--text-accent);border-radius:var(--radius-sm);cursor:pointer;background:#0f1228f2;align-items:center;gap:10px;padding:10px 14px;font-size:1rem;font-weight:700;display:flex}.admin-menu-toggle-label{text-align:left;flex:1}.admin-menu-toggle-hint{color:var(--text-secondary);font-size:.8rem;font-weight:600}.admin-nav{max-height:none;display:none;position:static}.admin-nav.open{display:block}.admin-content{padding:14px 12px 20px}.admin-content-title{font-size:1.3rem}.admin-content div[style*="display: flex"],.admin-content .art-tabs,.admin-content .admin-form{flex-wrap:wrap}.admin-content .game-cards-grid,.admin-content div[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.admin-content .admin-map-scroll,.admin-content table{max-width:100%;overflow-x:auto}.admin-content table{display:block}}.admin-sections{flex-direction:column;gap:32px;display:flex}.admin-sections h2{color:var(--text-accent);margin-bottom:12px;font-size:1.2rem}.admin-list{flex-direction:column;gap:8px;display:flex}.admin-item{background:var(--bg-card);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;display:flex}.admin-item-name{flex:1;font-weight:600}.admin-item-meta{color:var(--text-secondary);font-size:.8rem}.admin-form{background:var(--bg-card);border-radius:var(--radius);flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.admin-chore-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.admin-chore-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.admin-chore-card-image{object-fit:cover;width:100%;height:200px}.admin-chore-card-body{padding:.75rem}.admin-chore-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.admin-chore-card-name{font-size:.95rem;font-weight:600}.admin-chore-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.admin-chore-card-actions{gap:.5rem;margin-top:.5rem;display:flex}.admin-chore-edit-form{border-top:1px solid var(--border);padding:.75rem}.admin-chore-edit-form label{color:var(--text-secondary);margin-top:.5rem;margin-bottom:.25rem;font-size:.8rem;display:block}.admin-chore-edit-form input,.admin-chore-edit-form select,.admin-chore-edit-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.5rem;font-size:.85rem}.admin-chore-edit-form textarea{resize:vertical;min-height:60px}.category-badge{background:var(--bg-secondary);color:var(--text-accent);border-radius:999px;padding:2px 8px;font-size:.7rem}.art-prompt-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:.75rem;overflow:hidden}.art-prompt-header{justify-content:space-between;align-items:center;padding:.75rem;display:flex}.art-prompt-header strong{font-size:.95rem;display:block}.art-prompt-desc{color:var(--text-secondary);font-size:.75rem;display:block}.art-prompt-status{border-radius:999px;padding:2px 8px;font-size:.7rem}.art-prompt-status.active{color:var(--success);background:#2ed57333}.art-prompt-status.inactive{color:var(--danger);background:#ff475733}.art-prompt-preview{padding:0 .75rem .75rem}.art-prompt-field{margin-bottom:.4rem}.art-prompt-field-label{color:var(--text-accent);margin-bottom:2px;font-size:.7rem;display:block}.art-prompt-field-value{color:var(--text-secondary);font-size:.8rem;font-style:italic}.art-prompt-edit{border-top:1px solid var(--border);padding:.75rem}.art-prompt-edit label{color:var(--text-secondary);margin-top:.5rem;margin-bottom:.25rem;font-size:.8rem;display:block}.art-prompt-edit textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;padding:.5rem;font-family:monospace;font-size:.8rem}.btn-sm{padding:4px 10px;font-size:.75rem}.art-tabs{border-bottom:2px solid var(--border);gap:4px;padding-bottom:0;display:flex}.art-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 14px;font-size:.85rem;transition:color .15s,border-color .15s}.art-tab:hover{color:var(--text-primary)}.art-tab.active{color:var(--text-accent);border-bottom-color:var(--text-accent);font-weight:600}.art-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.art-gallery-card{background:var(--bg-card);border-radius:var(--radius);border:2px solid var(--border);text-align:center;padding:.5rem;transition:border-color .15s}.art-gallery-card:hover{border-color:var(--text-accent)}.art-gallery-img{border-radius:var(--radius-sm);background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:.4rem;display:flex;overflow:hidden}.art-gallery-img img{object-fit:cover;width:100%;height:100%}.art-gallery-placeholder{opacity:.4;font-size:3rem}.art-gallery-info{margin-bottom:.25rem}.art-gallery-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.art-gallery-status{font-size:.65rem}.art-gallery-status.has-art{color:var(--success)}.art-gallery-status.no-art{color:var(--text-secondary)}.art-bg-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.art-bg-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.art-bg-card img{object-fit:cover;width:100%;height:140px;display:block}.art-bg-name{text-align:center;padding:.4rem .6rem;font-size:.8rem;font-weight:600;display:block}.overview-member-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:.75rem;overflow:hidden}.overview-member-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:.75rem;display:flex}.overview-edit-form{border-top:1px solid var(--border);padding:.75rem}.overview-edit-row{margin-bottom:.4rem}.overview-edit-row label{color:var(--text-secondary);margin-bottom:2px;font-size:.75rem;display:block}.overview-edit-row input,.overview-edit-row select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.4rem;font-size:.85rem}.reward-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.reward-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.reward-card-image{object-fit:cover;width:100%;height:200px}.reward-row{padding:.6rem .75rem}.reward-thumb{object-fit:cover;border-radius:0;width:100%;height:160px;display:block}.reward-edit{padding:.75rem}.approval-badge{color:var(--warning);background:#ffa50233;border-radius:999px;padding:1px 6px;font-size:.65rem}.inactive-badge{color:var(--danger);background:#ff475733;border-radius:999px;padding:1px 6px;font-size:.65rem}.approval-count{background:var(--danger);color:#fff;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.75rem}.approval-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:.5rem;padding:.75rem}.approval-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.approval-card-time{color:var(--text-secondary);font-size:.75rem}.approval-card-chore{align-items:center;gap:10px;margin:8px 0;display:flex}.approval-card-img{border-radius:var(--radius-sm);object-fit:cover;width:48px;height:48px}.approval-card-actions{gap:.5rem;margin-top:8px;display:flex}.family-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:.75rem;overflow:hidden}.family-card-header{align-items:flex-start;gap:12px;padding:.75rem;display:flex}.family-card-avatar img{object-fit:cover;border:2px solid var(--text-accent);border-radius:50%;width:80px;height:80px}.family-card-info{flex:1;min-width:0}.family-card-name{font-size:1.05rem;font-weight:700}.family-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-top:2px;font-size:.8rem;display:flex}.family-card-char{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:4px;font-size:.75rem;display:flex}.family-card-actions{flex-shrink:0;gap:4px;display:flex}.family-card-edit{border-top:1px solid var(--border);padding:.75rem}.role-badge{border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:600}.role-badge.parent{background:var(--text-accent);color:#1a1a2e}.role-badge.child{background:var(--bg-secondary);color:var(--text-primary)}.overview-stats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.overview-stat-card{background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border);padding:12px}.overview-top-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.overview-top-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px}.fullscreen-edit-backdrop{z-index:99;background:#0009;position:fixed;inset:0}.fullscreen-edit-modal{z-index:100;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.fullscreen-edit-modal>*{pointer-events:auto}.fullscreen-edit-image{object-fit:contain;border-radius:var(--radius);width:100%;max-width:500px;max-height:50vh;margin-bottom:12px;box-shadow:0 8px 32px #00000080}.fullscreen-edit-placeholder{background:var(--bg-secondary);border-radius:var(--radius);justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:12px;font-size:4rem;display:flex}.fullscreen-edit-body{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:500px;max-height:50vh;padding:16px;overflow-y:auto;box-shadow:0 8px 24px #0006}.fullscreen-edit-title{color:var(--text-accent);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.fullscreen-edit-actions{gap:.5rem;margin-top:.75rem;display:flex}.fullscreen-edit-actions button{flex:1}.fullscreen-edit-body label{color:var(--text-secondary);margin-top:.4rem;margin-bottom:.2rem;font-size:.75rem;display:block}.fullscreen-edit-body input,.fullscreen-edit-body select,.fullscreen-edit-body textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);padding:.4rem;font-size:.8rem}.fullscreen-edit-body textarea{resize:vertical;min-height:50px}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-title{color:var(--text-accent);margin:0;font-size:1rem}.calendar-grid-container{overflow-x:auto}.calendar-grid{background:var(--border);border-radius:var(--radius);gap:1px;min-width:700px;display:grid;overflow:hidden}.calendar-header-cell{background:var(--bg-secondary);text-align:center;padding:8px}.calendar-header-cell.today{background:var(--accent);color:#fff}.calendar-day-name{font-size:.75rem;font-weight:600}.calendar-day-num{font-size:.85rem}.calendar-member-cell{background:var(--bg-secondary);align-items:center;gap:6px;padding:6px 8px;font-size:.8rem;font-weight:600;display:flex}.calendar-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.calendar-day-cell{background:var(--bg-card);flex-direction:column;gap:2px;min-height:80px;max-height:120px;padding:4px;transition:background .15s,outline .15s;display:flex;overflow-y:auto}.calendar-day-cell.today{background:#e9456014}.calendar-day-cell.drag-over{outline:2px dashed var(--text-accent);background:#ffd7001a}.calendar-chore-chip{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:center;gap:2px;padding:3px 6px;font-size:.65rem;transition:opacity .15s;display:flex}.calendar-chore-chip:active{cursor:grabbing;opacity:.7}.calendar-chore-chip:hover{filter:brightness(1.15)}.calendar-chore-chip.pending{background:var(--bg-secondary);color:var(--text-primary)}.calendar-chore-chip.completed{color:var(--success);background:#2ed57326}.calendar-chore-chip.pending_approval{color:var(--warning);background:#ffa50226}.chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-stars{color:var(--text-accent);flex-shrink:0;font-size:.5rem}.chip-check{color:var(--success);flex-shrink:0}.chip-pending{flex-shrink:0;font-size:.55rem}.quest-board-label{border-left:3px solid #6c5ce7;font-style:italic;background:linear-gradient(135deg,#6c5ce733,#ffd70026)!important}.quest-board-cell{background:#6c5ce70d!important}.quest-board-cell.today{background:#6c5ce71f!important}.quest-board-cell.drag-over{background:#6c5ce733!important;outline-color:#6c5ce7!important}.quest-count-badge{color:#fff;background:#6c5ce7;border-radius:10px;margin-left:auto;padding:1px 5px;font-size:.6rem;font-style:normal;font-weight:700}.calendar-chore-chip.quest-chip,.calendar-chore-chip.quest.quest-chip,.calendar-chore-chip.quest_rescue.quest-chip{border-left:2px solid #6c5ce7;color:#a29bfe!important;background:linear-gradient(135deg,#6c5ce740,#a29bfe33)!important}.chip-quest-badge{color:#fff;background:#6c5ce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;font-size:.5rem;font-weight:700;display:flex}.chip-popup{z-index:300;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);min-width:200px;padding:10px;position:fixed;box-shadow:0 8px 24px #00000080}.chip-popup-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.chip-popup-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.2rem;line-height:1}.chip-popup-close:hover{color:var(--text-primary)}.chip-popup select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);margin-bottom:6px;padding:4px 6px;font-size:.8rem}.chip-popup-actions{flex-direction:column;gap:4px;margin-top:4px;display:flex}.calendar-palette{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.palette-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.palette-filter{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.palette-search{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);margin-bottom:8px;padding:6px 10px;font-size:.8rem}.palette-search::placeholder{color:var(--text-secondary)}.palette-items{flex-wrap:wrap;gap:4px;max-height:150px;display:flex;overflow-y:auto}.palette-chore{background:var(--bg-card);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;transition:border-color .15s;display:flex}.palette-chore:hover{border-color:var(--text-accent)}.palette-chore:active{cursor:grabbing;opacity:.7}.palette-chore .stars{color:var(--text-accent);font-size:.6rem}.family-admin-heading{margin:0 0 10px}.family-admin-group{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;margin-top:20px;padding:4px 14px 14px}.family-admin-group>summary{min-height:44px;color:var(--text-accent);cursor:pointer;padding:10px 0;font-size:1rem;font-weight:700}.family-admin-group>summary:focus-visible{outline:3px solid var(--text-accent);outline-offset:2px}.family-admin-note{color:var(--warning);margin:0 0 10px;font-size:.85rem}.admin-content,.admin-content *{scrollbar-width:thin;scrollbar-color:#ffffff47 transparent}.admin-content ::-webkit-scrollbar{width:8px;height:8px}.admin-content ::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:8px}.admin-content ::-webkit-scrollbar-track{background:0 0}.approval-summary{color:var(--text-primary);margin:0 0 12px;font-size:1rem;font-weight:600}.calendar-nav-right{gap:8px;display:flex}.calendar-hint{color:var(--text-secondary);margin:0 0 12px;font-size:.85rem}.admin-content .calendar-grid{min-width:860px}.admin-content .calendar-day-cell{gap:4px;min-height:88px;max-height:none;padding:5px;overflow-y:visible}.admin-content .calendar-chore-chip{border-radius:6px;min-height:28px;padding:5px 7px;font-size:.75rem}.admin-content .calendar-chore-chip .chip-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box}.admin-content .calendar-member-cell{z-index:1;font-size:.85rem;position:sticky;left:0}.admin-content .palette-items{gap:6px;max-height:190px}.admin-content .palette-chore{cursor:grab;align-items:center;gap:4px;min-height:32px;padding:6px 10px;display:inline-flex}.family-admin select[style*="padding: 2px 6px"],.family-admin select[style*="padding: 3px 6px"]{flex:none;width:auto;min-width:110px;font-size:.8rem!important}@media (width<=600px){.calendar-grid{min-width:0!important}.calendar-grid-container,.calendar-palette{min-width:0;max-width:100%}.calendar-day-picker{align-items:center;gap:8px;margin:12px 0;display:flex}}.creation-title{text-align:center;color:var(--text-accent);margin-bottom:8px;font-size:1.4rem}.creation-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.name-input{margin-bottom:16px}.class-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.class-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:16px;transition:all .2s}.class-card:hover{border-color:var(--accent);transform:translateY(-2px)}.class-card.selected{border-color:var(--text-accent);background:var(--bg-card-hover);box-shadow:0 0 12px #ffd70033}.class-icon{margin-bottom:4px;font-size:2.2rem}.class-name{margin-bottom:6px;font-size:1rem;font-weight:700}.class-stats{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.create-btn{width:100%}.char-header{background:var(--bg-card);border-radius:var(--radius);align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.char-portrait{background:var(--bg-secondary);border:3px solid var(--text-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.char-info{flex:1;min-width:0}.char-name{color:var(--text-primary);font-size:1.3rem;font-weight:700}.char-class{color:var(--text-accent);font-size:.9rem;font-weight:600}.char-level{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.currency-row{gap:16px;margin-bottom:16px;display:flex}.currency-badge{background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;flex:1;padding:12px}.currency-value{font-size:1.3rem;font-weight:700}.currency-label{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.section-title{color:var(--text-accent);margin-top:20px;margin-bottom:10px;font-size:1.1rem;font-weight:700}.stat-list{background:var(--bg-card);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.stat-row{align-items:center;gap:10px;display:flex}.stat-label{flex-shrink:0;width:40px;font-size:.85rem;font-weight:700}.stat-bar-track{background:var(--bg-secondary);border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden}.stat-bar-fill{border-radius:7px;height:100%;transition:width .4s}.stat-bar-fill.str{background:#ff6348}.stat-bar-fill.spd{background:#7bed9f}.stat-bar-fill.mag{background:#70a1ff}.stat-bar-fill.vit{background:#ffa502}.stat-bar-fill.hp{background:#2ed573}.stat-value{text-align:right;flex-shrink:0;width:28px;font-size:.85rem;font-weight:600}.stat-plus-btn{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;min-height:32px;padding:0;font-size:1.1rem;font-weight:700;display:flex}.stat-plus-btn:disabled{opacity:.3;cursor:default}.unspent-badge{color:var(--text-accent);margin-left:auto;font-size:.8rem;font-weight:600}.equip-slots{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.equip-slot{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px;display:flex}.equip-slot.equipped{border-color:var(--text-accent)}.equip-slot-icon{flex-shrink:0;font-size:4rem}.equip-slot-info{flex:1}.equip-slot-label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px;font-size:.7rem}.equip-item-name{font-size:.9rem;font-weight:700}.equip-item-name.common{color:#a0a0b0}.equip-item-name.uncommon{color:#2ed573}.equip-item-name.rare{color:#70a1ff}.equip-item-name.epic{color:#a855f7}.equip-item-name.legendary{color:gold}.equip-item-stats{flex-wrap:wrap;gap:6px;margin:4px 0;font-size:.75rem;display:flex}.stat-bonus{border-radius:3px;padding:1px 4px;font-weight:600}.stat-bonus.atk{color:#ff6348;background:#ff634826}.stat-bonus.def{color:#aaa;background:#96969626}.stat-bonus.spd{color:#7bed9f;background:#7bed9f26}.stat-bonus.mag{color:#70a1ff;background:#70a1ff26}.stat-bonus.vit{color:#ffa502;background:#ffa50226}.stat-bonus.hp{color:#2ed573;background:#2ed57326}.equip-item-special{color:var(--text-accent);margin:2px 0;font-size:.75rem;font-style:italic}.equip-empty-text{color:var(--text-secondary);font-size:.8rem}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.inventory-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px}.inventory-item.uncommon{border-color:#2ed57366}.inventory-item.rare{border-color:#70a1ff66}.inventory-item.epic{border-color:#a855f766}.inventory-item.legendary{border-color:#ffd70066}.inv-item-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.inv-item-name{font-size:.8rem;font-weight:600}.inv-rarity{text-transform:uppercase;border-radius:999px;padding:1px 4px;font-size:.55rem;font-weight:700}.inv-rarity.common{color:#a0a0b0;background:#a0a0b033}.inv-rarity.uncommon{color:#2ed573;background:#2ed57333}.inv-rarity.rare{color:#70a1ff;background:#70a1ff33}.inv-rarity.epic{color:#a855f7;background:#a855f733}.inv-rarity.legendary{color:gold;background:#ffd70033}.inv-item-type{color:var(--text-secondary);font-size:.7rem}.inv-item-stats{color:var(--text-accent);flex-wrap:wrap;gap:4px;margin:4px 0;font-size:.7rem;display:flex}.inv-item-special{color:var(--text-accent);font-size:.7rem;font-style:italic}.inv-item-actions{gap:4px;margin-top:4px;display:flex}.ability-list{flex-direction:column;gap:8px;display:flex}.ability-item{background:var(--bg-card);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px;display:flex}.ability-item.locked{opacity:.4}.ability-icon{flex-shrink:0;font-size:1.3rem}.ability-name{font-size:.9rem;font-weight:600}.ability-desc{color:var(--text-secondary);font-size:.75rem}.ability-level-req{color:var(--text-secondary);flex-shrink:0;margin-left:auto;font-size:.7rem}.ability-unlocked-badge{color:#2ed573;background:#2ed57326;border-radius:8px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:.65rem;font-weight:700}.levelup-modal{text-align:center}.levelup-modal h2{font-size:1.5rem}.levelup-level{color:var(--text-accent);margin:12px 0;font-size:3rem;font-weight:700}.levelup-rewards{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.evo-modal h2{text-align:center}.evo-options{flex-direction:column;gap:12px;margin:16px 0;display:flex}.evo-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:16px;transition:all .2s}.evo-card:hover{border-color:var(--text-accent);transform:translateY(-2px)}.evo-card-name{margin-bottom:4px;font-size:1.1rem;font-weight:700}.evo-card-desc{color:var(--text-secondary);font-size:.85rem}.portrait-gen-section{text-align:center;margin-bottom:1rem}.character-portrait-img{object-fit:cover;border:3px solid var(--text-accent);border-radius:50%;width:280px;height:280px;margin-bottom:1rem}.portrait-placeholder{background:var(--bg-secondary);border:3px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto 1rem;font-size:5rem;display:flex}.portrait-gen-form{max-width:400px;margin:0 auto}.portrait-gen-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;margin-bottom:.5rem;padding:.75rem;font-family:inherit}.portrait-gen-form button{width:100%}.effect-chips{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.effect-chip{color:#fff;white-space:nowrap;background:#0a0a19bf;border:1.5px solid #ffffff40;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:.8rem;line-height:1.2;animation:.25s ease-out effectChipIn;display:inline-flex;position:relative}.effect-chip.good{border-color:#2ed573d9;box-shadow:0 0 6px #2ed57359}.effect-chip.bad{border-color:#ff6348d9;box-shadow:0 0 6px #ff634859}.effect-chip-badge{color:#7bed9f;font-size:.7rem;font-weight:700}.effect-chip-turns{text-align:center;background:#ffffff2e;border-radius:999px;min-width:14px;padding:0 3px;font-size:.65rem;font-weight:700}.hud-strip .effect-chips{flex-wrap:nowrap;margin-top:0}@keyframes effectChipIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.effect-chip{animation:none}}.inline-dice-zone{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:4px;display:flex;position:relative}.inline-dice-top-info{flex-direction:column;align-items:center;gap:2px;animation:.35s cubic-bezier(.34,1.56,.64,1) both diceInfoPop;display:flex}.inline-dice-bottom-info{white-space:nowrap;z-index:5;pointer-events:none;text-shadow:0 2px 6px #000000e6,0 0 12px #000000b3;flex-direction:column;align-items:center;gap:3px;animation:.35s cubic-bezier(.34,1.56,.64,1) both diceOverlayPop;display:flex;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}@keyframes diceOverlayPop{0%{opacity:0;transform:translate(-50%)scale(0)}60%{opacity:1;transform:translate(-50%)scale(1.2)}to{transform:translate(-50%)scale(1)}}@keyframes diceInfoPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.inline-dice-breakdown{justify-content:center;align-items:center;gap:4px;font-size:1.1rem;font-weight:800;line-height:1;display:flex}.inline-dice-roll-num{font-size:1.3rem}.inline-dice-plus,.inline-dice-equals{color:#ffffff80;font-size:.9rem}.inline-dice-bonus{color:#70a1ff;text-shadow:0 0 8px #70a1ff80;font-size:1rem}.inline-dice-total{font-size:1.5rem}.inline-dice-total.crit,.inline-dice-roll-num.crit{color:#2ed573;text-shadow:0 0 16px #2ed573cc}.inline-dice-total.hit,.inline-dice-roll-num.hit{color:var(--text-accent);text-shadow:0 0 12px #ffd70099}.inline-dice-total.miss,.inline-dice-roll-num.miss{color:#ff6b81;text-shadow:0 0 10px #ff6b8166}.inline-dice-total.fumble,.inline-dice-roll-num.fumble{color:#ff4757;text-shadow:0 0 16px #ff4757cc}.inline-dice-vs-tag{color:#ffffff8c;letter-spacing:.5px;margin-left:4px;font-size:.7rem;font-weight:600}.inline-dice-label{color:var(--text-primary);text-align:center;text-shadow:0 1px 4px #000000b3;font-size:.85rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) 50ms both diceInfoPop}.inline-dice-label.crit{color:#2ed573;text-shadow:0 0 12px #2ed57399}.inline-dice-label.hit{color:var(--text-accent)}.inline-dice-label.miss{color:#ff6b81}.inline-dice-label.fumble{color:#ff4757;text-shadow:0 0 12px #ff475799}.inline-dice-damage-line{justify-content:center;align-items:center;gap:4px;margin-top:2px;font-size:.85rem;font-weight:700;line-height:1;display:flex}.dmg-icon{font-size:.9rem}.dmg-raw{color:#fffc}.dmg-minus{color:#fff6;font-size:.8rem}.dmg-armor{color:#70a1ff;font-size:.8rem}.dmg-equals{color:#fff6;font-size:.8rem}.dmg-final{font-size:1rem;font-weight:900}.dmg-final.crit{color:#2ed573;text-shadow:0 0 10px #2ed573b3}.dmg-final.hit{color:var(--text-accent);text-shadow:0 0 8px #ffd70080}.inline-dice-ability-name{color:gold;text-shadow:0 0 10px #ffd70080,0 2px 6px #000000e6;text-align:center;font-size:1rem;font-weight:800}.inline-dice-ability-line{justify-content:center;align-items:center;gap:5px;font-size:.9rem;font-weight:700;line-height:1;display:flex}.ability-icon{font-size:1rem}.heal-amount{color:#2ed573;text-shadow:0 0 10px #2ed573b3;font-size:1rem;font-weight:900}.ability-effect-text{color:#fffc;white-space:normal;text-align:center;max-width:200px;font-size:.75rem;font-weight:600;line-height:1.3}.inline-dice-effect-text{color:#ffa502;text-align:center;text-shadow:0 0 8px #ffa50280,0 2px 6px #000000e6;margin-top:2px;font-size:.7rem;font-weight:700}.inline-dice-dc-result{justify-content:center;align-items:center;gap:6px;display:flex}.dice-hidden{visibility:hidden;opacity:0}.dice-reveal-item{animation:.35s cubic-bezier(.34,1.56,.64,1) both diceRevealPop}@keyframes diceRevealPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.inline-dice-check-line{white-space:nowrap;z-index:5;pointer-events:none;text-shadow:0 2px 8px #000000f2,0 0 16px #000c;justify-content:center;align-items:baseline;gap:6px;animation:.35s cubic-bezier(.34,1.56,.64,1) both diceOverlayPop;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.check-line-roll{font-size:1.6rem;font-weight:900}.check-line-op{color:#ffffff80;font-size:1rem;font-weight:700}.check-line-bonus{color:#70a1ff;text-shadow:0 0 8px #70a1ff80,0 2px 6px #000000e6;font-size:1.2rem;font-weight:800}.check-line-stat{color:#ffffff80;vertical-align:super;letter-spacing:.5px;margin-left:2px;font-size:.65rem;font-weight:700}.check-line-total{font-size:1.8rem;font-weight:900}.check-line-dc{color:#fff9;letter-spacing:.5px;margin-left:4px;font-size:.85rem;font-weight:700}.check-line-result{margin-left:2px;font-size:1.1rem;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) both diceInfoPop}.check-line-roll.crit,.check-line-total.crit,.check-line-result.crit{color:#2ed573;text-shadow:0 0 16px #2ed573cc,0 2px 6px #000000e6}.check-line-roll.hit,.check-line-total.hit,.check-line-result.hit{color:var(--text-accent,gold);text-shadow:0 0 12px #ffd70099,0 2px 6px #000000e6}.check-line-roll.miss,.check-line-total.miss,.check-line-result.miss{color:#ff6b81;text-shadow:0 0 10px #ff6b8166,0 2px 6px #000000e6}.check-line-roll.fumble,.check-line-total.fumble,.check-line-result.fumble{color:#ff4757;text-shadow:0 0 16px #ff4757cc,0 2px 6px #000000e6}.inline-dual-container{justify-content:center;align-items:center;gap:8px;display:flex}.inline-dual-side{flex-direction:column;align-items:center;gap:2px;display:flex}.inline-dual-tag{font-size:.7rem;font-weight:700}.inline-dual-tag.player-tag{color:#4a90d9}.inline-dual-tag.enemy-tag{color:#d94a4a}.inline-dual-vs{color:var(--text-accent);text-shadow:0 0 10px #ffd70099;font-size:1.1rem;font-weight:900}.tree-map-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius);background:radial-gradient(at 50% 0,#6a5acd14 0%,#0000 60%),#0f0f1e80;border:1px solid #ffffff0d;width:100%;max-height:85vh;position:relative;overflow:auto}.tree-map-svg{min-width:100%;margin:0 auto;display:block}.tree-map-svg :focus,.tree-map-svg :focus-visible{outline:none!important}.tree-edge{stroke:#ffffff29;stroke-width:2px;stroke-linecap:round;transition:stroke .3s,stroke-width .3s}.tree-edge.cleared{stroke:#ffd70073;stroke-width:2.5px}.tree-edge.next-step{stroke:#2ed573e6;stroke-width:3px;stroke-dasharray:8 5;animation:1.2s linear infinite dashFlow,2s ease-in-out infinite greenGlow}@keyframes greenGlow{0%,to{stroke:#2ed573b3;stroke-width:3px}50%{stroke:#2ed573;stroke-width:4px}}@keyframes dashFlow{to{stroke-dashoffset:-20px}}.tree-node{transition:filter .2s,opacity .2s;outline:none!important}.tree-node:focus,.tree-node:focus-visible,.tree-node:focus-within{outline:none!important}.tree-node.accessible{cursor:pointer}.tree-node.accessible:hover{filter:brightness(1.2)drop-shadow(0 0 12px #ffd70099)}.tree-node.current{animation:2s ease-in-out infinite nodePulse}@keyframes nodePulse{0%,to{opacity:1}50%{opacity:.85}}.tree-node.locked{pointer-events:none}.daily-bonus-ring{animation:2s ease-in-out infinite bonusRingPulse}@keyframes bonusRingPulse{0%,to{stroke-opacity:1;stroke-width:2px}50%{stroke-opacity:.5;stroke-width:3px}}.tree-map-container::-webkit-scrollbar{width:6px;height:6px}.tree-map-container::-webkit-scrollbar-track{background:0 0}.tree-map-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.tree-map-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.tree-node.deal-in{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards cardDealIn;animation-delay:var(--deal-delay,0s)}@keyframes cardDealIn{0%{opacity:0;filter:drop-shadow(0 0 24px #a855f7e6);transform:translateY(120px)scale(.3)}40%{opacity:1;filter:drop-shadow(0 0 16px #a855f780)}70%{filter:drop-shadow(0 0 8px #a855f74d);transform:translateY(-6px)scale(1.05)}85%{transform:translateY(2px)scale(.98)}to{opacity:1;filter:none;transform:translateY(0)scale(1)}}.tree-edge.edge-deal{stroke-dasharray:var(--edge-len,400);stroke-dashoffset:var(--edge-len,400);opacity:0;animation:.4s forwards edgeDrawIn;animation-delay:var(--edge-delay,.7s)}@keyframes edgeDrawIn{0%{opacity:.6;stroke-dashoffset:var(--edge-len,400);stroke:#a855f7b3;stroke-width:3px}50%{opacity:1;stroke:#a855f766}to{opacity:1;stroke-dashoffset:0;stroke:#ffffff14;stroke-width:2px}}.magic-source{animation:1.2s 3s forwards magicFadeOut}.magic-circle{animation:.8s ease-in-out infinite alternate magicPulse}.magic-ring-inner{transform-origin:50%;animation:3s linear infinite magicSpin}.magic-ring-outer{transform-origin:50%;animation:5s linear infinite reverse magicSpin}@keyframes magicPulse{0%{r:55;opacity:.5}to{r:65;opacity:.8}}@keyframes magicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes magicFadeOut{to{opacity:0}}.tree-map-container:after{content:"";pointer-events:none;z-index:10;background:#a855f7;border-radius:50%;width:4px;height:4px;animation:2s ease-out forwards sparkleRise;position:absolute;bottom:20px;left:50%;box-shadow:-20px -40px #c084fc,15px -60px #a855f7,-35px -80px #7c3aed,25px -30px #c084fc,-10px -100px #a855f7,30px -70px #7c3aed,-25px -50px #c084fc,5px -90px #a855f7}@keyframes sparkleRise{0%{opacity:1;transform:translate(-50%)translateY(0)}70%{opacity:.6}to{opacity:0;transform:translate(-50%)translateY(-200px)}}.tree-map-container.deal-done .tree-node:not(.node-flip-reveal){opacity:1!important;animation:none!important;transform:none!important}.tree-map-container.deal-done .tree-node.node-flip-reveal{opacity:1!important}.tree-map-container.deal-done .tree-edge{opacity:1!important;stroke-dashoffset:0!important;animation-name:dashFlow,greenGlow!important}.tree-map-container.deal-done .tree-edge:not(.next-step){animation:none!important}.tree-map-container.deal-done .magic-source{display:none}.skip-hint{color:#fff6;pointer-events:none;z-index:20;font-size:.75rem;animation:2s ease-in-out infinite fadeInOut;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.7}}.dm-orb-arrive{animation:.5s cubic-bezier(.22,1,.36,1) forwards dmOrbArrive}@keyframes dmOrbArrive{0%{opacity:0;transform:translateY(-200px)scale(.2)}60%{opacity:1;transform:translateY(10px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}.dm-orb-swirl{animation:.8s ease-in-out forwards dmOrbSwirl}@keyframes dmOrbSwirl{0%{opacity:1;transform:rotate(0)translate(100px)rotate(0)scale(1)}50%{opacity:1;transform:rotate(360deg)translate(80px)rotate(-360deg)scale(1.2)}80%{opacity:1;transform:rotate(620deg)translate(40px)rotate(-620deg)scale(.8)}to{opacity:.8;transform:rotate(720deg)translate(0)rotate(-720deg)scale(.3)}}.dm-swirl-ring-1{transform-box:fill-box;transform-origin:50%;stroke-dasharray:18 12;animation:.8s ease-in-out forwards dmSwirlRing}.dm-swirl-ring-2{transform-box:fill-box;transform-origin:50%;stroke-dasharray:10 8;animation:.8s ease-in-out .1s reverse forwards dmSwirlRing}.dm-swirl-ring-3{transform-box:fill-box;transform-origin:50%;stroke-dasharray:6 10;animation:.8s ease-in-out .2s forwards dmSwirlRing}@keyframes dmSwirlRing{0%{opacity:0;stroke-width:1px;transform:rotate(0)}20%{opacity:.9;stroke-width:2.5px}80%{opacity:.7;stroke-width:2px}to{opacity:0;stroke-width:.5px;transform:rotate(540deg)}}.dm-sparkle{animation:.8s ease-in forwards dmSparkleInward}@keyframes dmSparkleInward{0%{opacity:0;transform:scale(1.5)}20%{opacity:1}70%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(0)}}.node-flip-reveal{animation:.8s cubic-bezier(.4,0,.2,1) forwards nodeFlipReveal}@keyframes nodeFlipReveal{0%{transform:scaleX(1)scale(1)}20%{transform:scaleX(1)scale(1.08)}45%{transform:scaleX(0)scale(1.08)}55%{transform:scaleX(0)scale(1.08)}80%{transform:scaleX(1)scale(1.04)}to{transform:scaleX(1)scale(1)}}.dm-flip-flash{animation:.8s ease-out forwards dmFlipFlash}@keyframes dmFlipFlash{0%{opacity:0}42%{opacity:0}48%{opacity:.9}55%{opacity:.7}70%{opacity:.2}to{opacity:0}}.moving-token-glow{animation:.35s ease-in-out infinite alternate tokenGlowPulse}@keyframes tokenGlowPulse{0%{stroke-opacity:.3;stroke-width:2px}to{stroke-opacity:.8;stroke-width:4px}}.token-magic-trail{stroke-dasharray:8 6;animation:.6s linear infinite trailDash}@keyframes trailDash{to{stroke-dashoffset:-28px}}.settle-token-glow{animation:.45s ease-out forwards settleGlowPulse}@keyframes settleGlowPulse{0%{stroke-opacity:.8;stroke-width:4px;stroke:#a855f7}50%{stroke-opacity:1;stroke-width:5px;stroke:gold}to{stroke-opacity:.6;stroke-width:2px;stroke:gold}}@media (width<=480px){.tree-map-container{max-height:55vh}}.item-card{text-align:center;background:var(--bg-card,#1e1e32d9);border:2px solid var(--border);border-radius:var(--radius-sm,10px);cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;width:130px;padding:10px 8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.item-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 0 14px #ffd70040}.item-card.common{border-color:#a0a0b0}.item-card.uncommon{border-color:#2ed573}.item-card.rare{border-color:#70a1ff}.item-card.epic{border-color:#a855f7}.item-card.legendary{border-color:gold;box-shadow:0 0 16px #ffd70033}.item-card.selected{transform:translateY(-4px);box-shadow:0 0 20px #ffd70080;border-color:var(--text-accent,gold)!important}.item-card.disabled{opacity:.45;cursor:default;pointer-events:none}.item-card-glow{pointer-events:none;background:radial-gradient(circle,#ffd70014,#0000 70%);position:absolute;inset:0}.item-card.legendary .item-card-glow{background:radial-gradient(circle,#ffd70026,#0000 70%)}.item-card-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0006);border-radius:6px;width:100%;height:72px;margin-bottom:4px}.item-card-img-placeholder{filter:drop-shadow(0 2px 6px #0000004d);justify-content:center;align-items:center;width:100%;height:72px;margin-bottom:4px;font-size:2.2rem;display:flex}.item-card-info{width:100%}.item-card-rarity{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.6rem;font-weight:700}.item-card.common .item-card-rarity{color:#a0a0b0}.item-card.uncommon .item-card-rarity{color:#2ed573}.item-card.rare .item-card-rarity{color:#70a1ff}.item-card.epic .item-card-rarity{color:#a855f7}.item-card.legendary .item-card-rarity{color:gold}.item-card-name{color:var(--text-primary,#fff);margin-bottom:2px;font-size:.8rem;font-weight:700;line-height:1.2}.item-card-qty{color:var(--text-secondary);margin-left:4px;font-size:.65rem;font-weight:600}.item-card-type{color:var(--text-secondary);text-transform:capitalize;margin-bottom:4px;font-size:.65rem}.item-card-stats{color:var(--xp-bar,#70a1ff);flex-wrap:wrap;justify-content:center;gap:3px;font-size:.65rem;font-weight:600;display:flex}.item-card-special{color:#a855f7;margin-top:2px;font-size:.65rem;font-style:italic;line-height:1.2}.item-card-desc{color:var(--text-secondary);margin-top:2px;font-size:.65rem;line-height:1.2}.item-card-action{white-space:nowrap;border-radius:6px;margin-top:6px;padding:3px 10px;font-size:.75rem;font-weight:700}.item-card-action.gold{color:gold;background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid #ffd7004d}.item-card-action.green{color:#2ed573;background:linear-gradient(135deg,#2ed57333,#2ed5731a);border:1px solid #2ed5734d}.item-card-action.red{color:#e17055;background:linear-gradient(135deg,#e1705533,#e170551a);border:1px solid #e170554d}.item-card.compact{text-align:left;flex-direction:row;gap:10px;width:100%;max-width:100%;padding:8px 10px}.item-card.compact .item-card-img{flex-shrink:0;width:52px;height:52px;margin-bottom:0}.item-card.compact .item-card-img-placeholder{flex-shrink:0;width:52px;height:52px;margin-bottom:0;font-size:1.6rem}.item-card.compact .item-card-info{flex:1;min-width:0}.item-card.compact .item-card-stats{justify-content:flex-start}.item-card.compact .item-card-action{flex-shrink:0;align-self:center;margin-top:0}.hud-strip{-webkit-backdrop-filter:blur(10px);white-space:nowrap;scrollbar-width:none;background:#0a0a1cd9;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin-bottom:6px;padding:4px 10px;display:flex;overflow-x:auto}.hud-strip::-webkit-scrollbar{display:none}.hud-strip-back{color:var(--text-accent);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:1rem;transition:background .2s}.hud-strip-back:hover{background:#ffffff1a}.hud-strip-profile{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;transition:background .2s;display:flex}.hud-strip-profile:hover{background:#ffffff14}.hud-strip-avatar{object-fit:cover;border:2px solid var(--text-accent);border-radius:50%;flex-shrink:0;width:28px;height:28px}.hud-strip-avatar-letter{background:var(--accent);color:#fff;border:2px solid var(--text-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:900;display:flex}.hud-strip-hp{background:#ffffff14;border-radius:7px;flex-shrink:0;width:80px;min-width:60px;height:14px;position:relative;overflow:hidden}.hud-strip-hp-fill{background:linear-gradient(90deg,#ff4757,#ff6b81);border-radius:7px;height:100%;transition:width .4s}.hud-strip-hp-text{color:#fff;text-shadow:0 1px 2px #000000b3;justify-content:center;align-items:center;font-size:.55rem;font-weight:700;display:flex;position:absolute;inset:0}.hud-s{flex-shrink:0;align-items:baseline;gap:1px;font-size:.65rem;font-weight:700;display:flex}.hud-s-label{opacity:.5;margin-left:1px;font-size:.45rem;font-weight:600}.hud-s.str{color:#ff6b6b}.hud-s.spd{color:#48dbfb}.hud-s.mag{color:#a29bfe}.hud-s.def{color:#a4b0be}.hud-strip-div{background:#ffffff1f;flex-shrink:0;width:1px;height:16px}.hud-r{color:var(--text-primary);flex-shrink:0;align-items:center;gap:2px;font-size:.65rem;font-weight:700;display:flex}.hud-r.danger{color:#ff4757}.hud-r.backpack-btn{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background .2s}.hud-r.backpack-btn:hover{background:#ffffff1a}.hud-r.pet{color:#a29bfe;align-items:center;gap:3px;display:flex}.hud-pet-img{object-fit:cover;border:1px solid #a29bfe66;border-radius:4px;width:20px;height:20px}.item-card-grid{flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 0;display:flex}.dungeon-dice-overlay{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dungeon-dice-overlay>*{pointer-events:auto}.dungeon-dice-dual{align-items:center;gap:12px;display:flex}.dungeon-dice-vs{color:var(--text-accent);text-shadow:0 0 10px #ffd70080;font-size:1.2rem;font-weight:900}.dungeon-map{flex-wrap:wrap;justify-content:center;gap:8px;max-width:500px;margin:0 auto;padding:16px 8px;display:flex;position:relative}.room-card{border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:130px;height:130px;transition:all .3s;display:flex;position:relative}.room-card.accessible{cursor:pointer;border-color:#ffd70080;box-shadow:0 0 12px #ffd70033}.room-card.accessible:hover{transform:scale(1.08);box-shadow:0 0 20px #ffd70066}.room-card.current{border-color:var(--text-accent);min-height:140px;animation:2s ease-in-out infinite currentPulse;transform:scale(1.05);box-shadow:0 0 20px #ffd70080}.room-card.cleared{opacity:.75;filter:grayscale(.3);border-color:var(--success)}.room-card.locked{opacity:.25;filter:grayscale()}.room-card-emoji{font-size:3rem;line-height:1}.room-card-name{color:#ffffffe6;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.75rem;font-weight:600;overflow:hidden}.room-card-difficulty{color:#fff9;font-size:.55rem}@keyframes currentPulse{0%,to{box-shadow:0 0 15px #ffd70066}50%{box-shadow:0 0 30px #ffd700b3}}.room-connector-arrow{color:var(--text-secondary);opacity:.4;justify-content:center;align-items:center;width:20px;font-size:1.2rem;display:flex}.player-token{z-index:10;pointer-events:none;flex-direction:column;align-items:center;animation:.6s tokenArrive;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.player-token-img{object-fit:cover;border:3px solid var(--text-accent);border-radius:50%;width:80px;height:80px;box-shadow:0 0 20px #ffd70080,0 4px 12px #0009}.player-token-letter{background:var(--accent);color:#fff;border:3px solid var(--text-accent);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:900;display:flex;box-shadow:0 0 20px #ffd70080,0 4px 12px #0009}.player-token-name{color:var(--text-accent);text-shadow:0 1px 4px #000c;white-space:nowrap;margin-top:2px;font-size:.6rem;font-weight:700}.player-token.other-player{opacity:.45;z-index:8;animation:none;top:50%;left:auto;transform:translateY(-50%)}.player-token.other-player .player-token-img{border:2px solid #ffffff80;width:44px;height:44px;box-shadow:0 0 8px #0006}.player-token.other-player .player-token-letter{background:#636e72;border:2px solid #ffffff80;width:44px;height:44px;font-size:1.1rem;box-shadow:0 0 8px #0006}.player-token.other-player .player-token-name{color:#fff9;font-size:.5rem}@keyframes tokenArrive{0%{opacity:0;transform:translate(-50%,-150%)scale(.5)}60%{opacity:1;transform:translate(-50%,-40%)scale(1.1)}80%{transform:translate(-50%,-55%)scale(.95)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes tokenBounce{0%{opacity:0;transform:scale(.3)translateY(-20px)}50%{opacity:1;transform:scale(1.15)translateY(2px)}70%{transform:scale(.95)translateY(-3px)}to{transform:scale(1)translateY(0)}}.out-of-ap-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.out-of-ap-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);text-align:center;background:#1e1e32eb;width:100%;max-width:360px;padding:24px}.out-of-ap-card h2{color:var(--warning);margin-bottom:8px}.out-of-ap-card p{color:var(--text-secondary);margin-bottom:16px}.out-of-ap-card .chore-prompt{background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:12px;padding:12px}.event-result{background:var(--bg-card);border-radius:var(--radius);text-align:center;z-index:150;cursor:pointer;border:1px solid #ffffff1a;width:calc(100% - 32px);max-width:480px;padding:16px;animation:.3s fadeIn;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.event-result.heal{border-left:4px solid var(--success)}.event-result.trap{border-left:4px solid var(--danger)}.event-result.loot{border-left:4px solid var(--text-accent)}.loot-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.loot-card{-webkit-backdrop-filter:blur(12px);border:2px solid var(--text-accent);border-radius:var(--radius);text-align:center;background:#1e1e32eb;width:100%;max-width:340px;padding:24px;animation:.4s lootAppear}.loot-card h2{color:var(--text-accent);margin-bottom:16px;font-size:1.4rem}.loot-outcome{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;font-style:italic}.loot-reward{border-radius:var(--radius-sm);border:1px solid var(--text-accent);background:#ffd7001a;margin:12px 0;padding:12px}.loot-item-card{background:var(--bg-card);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;margin:12px 0;padding:10px;display:flex}.loot-item-name{font-size:1rem;font-weight:600}.loot-gold{color:var(--text-accent);margin:12px 0;font-size:1.2rem;font-weight:700}@keyframes lootAppear{0%{opacity:0;transform:scale(.8)translateY(20px)}60%{transform:scale(1.05)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.room-event-overlay{z-index:200;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.room-event-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);text-align:center;border:2px solid var(--border);background:#1e1e32eb;width:100%;max-width:380px;padding:24px;animation:.3s fadeIn}.room-event-card.trap{border-color:var(--danger)}.room-event-card.trap.trap-passed{border-color:var(--success,#2ed573)}.room-event-card.camp{border-color:var(--success)}.room-event-card.mystery{border-color:#a855f7}.room-event-icon{margin-bottom:8px;font-size:2.5rem}.room-event-card h3{margin-bottom:8px;font-size:1.2rem}.room-event-card.trap h3{color:var(--danger)}.room-event-card.trap.trap-passed h3{color:var(--success,#2ed573)}.room-event-card.camp h3{color:var(--success)}.room-event-card.mystery h3{color:#a855f7}.room-event-text{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.5}.room-event-hp{margin-bottom:12px;font-size:1.1rem;font-weight:700}.room-event-hp.heal{color:var(--success)}.room-event-hp.damage{color:var(--danger)}.treasure-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.treasure-choice-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;flex:90px;min-width:90px;max-width:130px;padding:12px 10px;transition:all .2s}.treasure-choice-card:hover{transform:scale(1.05);box-shadow:0 0 12px #ffd7004d}.treasure-choice-card.common{border-color:#a0a0b0}.treasure-choice-card.uncommon{border-color:#2ed573}.treasure-choice-card.rare{border-color:#70a1ff}.treasure-choice-card.epic{border-color:#a855f7}.treasure-choice-card.legendary{border-color:gold}.treasure-choice-name{color:var(--text-primary);margin:6px 0 2px;font-size:.85rem;font-weight:700}.treasure-choice-type{color:var(--text-secondary);text-transform:capitalize;margin-bottom:4px;font-size:.7rem}.treasure-choice-stats{color:var(--text-accent);flex-wrap:wrap;justify-content:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.treasure-choice-special{color:#a855f7;margin-top:4px;font-size:.7rem;font-style:italic}.roll-prompt-overlay{z-index:150;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.roll-prompt-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);text-align:center;border:2px solid var(--text-accent);background:#1e1e32eb;width:100%;max-width:320px;padding:32px 24px;animation:.3s fadeIn}.roll-prompt-icon{margin-bottom:12px;font-size:4rem}.roll-prompt-card h2{color:var(--text-accent);margin-bottom:8px}.roll-prompt-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.roll-btn{color:#1a1a2e;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,gold,#fa0);border:none;padding:16px 32px;font-size:1.3rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ffd70066}.roll-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffd70099}.roll-btn:active{transform:scale(.95)}.treasure-overlay{z-index:200;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.treasure-chest-animation{width:120px;height:100px;margin-bottom:20px;position:relative}.chest-body{background:linear-gradient(#8b4513,#654321);border:3px solid #daa520;border-radius:8px;width:120px;height:60px;position:absolute;bottom:0}.chest-lid{transform-origin:bottom;z-index:2;background:linear-gradient(sienna,#8b4513);border:3px solid #daa520;border-radius:12px 12px 4px 4px;width:130px;height:45px;transition:transform .8s;position:absolute;top:10px;left:-5px}.chest-lid.open{animation:.8s forwards chestOpen;transform:rotateX(-110deg)}@keyframes chestOpen{0%{transform:rotateX(0)}60%{transform:rotateX(-120deg)}80%{transform:rotateX(-105deg)}to{transform:rotateX(-110deg)}}.chest-glow{background:radial-gradient(#ffd70099 0%,#0000 70%);height:60px;animation:2s ease-in-out infinite chestGlow;position:absolute;top:-20px;left:10px;right:10px}@keyframes chestGlow{0%,to{opacity:.4;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.2)}}.treasure-content{text-align:center;width:100%;max-width:500px;animation:.5s .6s both treasureReveal}@keyframes treasureReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.treasure-title{color:var(--text-accent);text-shadow:0 0 20px #ffd70080;margin-bottom:16px;font-size:1.5rem}.treasure-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;font-size:.85rem}.treasure-choice-card{position:relative;overflow:hidden}.treasure-choice-card:hover{transform:translateY(-4px)}.treasure-choice-card.legendary{box-shadow:0 0 20px #ffd7004d}.treasure-choice-glow{pointer-events:none;background:radial-gradient(circle,#ffd7001a,#0000 70%);position:absolute;inset:0}.treasure-choice-rarity{text-transform:uppercase;margin-bottom:4px;font-size:.6rem;font-weight:700}.treasure-choice-card.common .treasure-choice-rarity{color:#a0a0b0}.treasure-choice-card.uncommon .treasure-choice-rarity{color:#2ed573}.treasure-choice-card.rare .treasure-choice-rarity{color:#70a1ff}.treasure-choice-card.epic .treasure-choice-rarity{color:#a855f7}.treasure-choice-card.legendary .treasure-choice-rarity{color:gold}.treasure-reward-card{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;width:140px;padding:12px;transition:all .3s;position:relative;overflow:hidden}.treasure-reward-card:hover{transform:translateY(-4px)}.treasure-reward-card.minor{border:2px solid #a0a0b0}.treasure-reward-card.major{border:2px solid #70a1ff}.treasure-reward-card.family{border:2px solid gold;box-shadow:0 0 15px #ffd70033}.treasure-reward-tier{text-transform:uppercase;font-size:.6rem;font-weight:700}.treasure-reward-card.minor .treasure-reward-tier{color:#a0a0b0}.treasure-reward-card.major .treasure-reward-tier{color:#70a1ff}.treasure-reward-card.family .treasure-reward-tier{color:gold}.treasure-reward-name{margin:4px 0;font-size:.85rem;font-weight:700}.treasure-reward-desc{color:var(--text-secondary);font-size:.7rem}.treasure-choice-card.selected,.treasure-reward-card.selected{transform:translateY(-4px);box-shadow:0 0 20px #ffd70080;border-color:var(--text-accent)!important}.treasure-choice-card.selected:after,.treasure-reward-card.selected:after{content:"✓";color:var(--text-accent);font-size:1.2rem;font-weight:900;position:absolute;top:4px;right:6px}.treasure-claim-btn{transition:opacity .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-card-emoji{display:inline-block;position:relative}.room-cleared-check{background:var(--success);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-8px}.treasure-reward-img{object-fit:cover;border-radius:6px;width:100%;height:80px;margin-bottom:6px}.treasure-item-img{object-fit:contain;background:#0003;border-radius:6px;width:100%;height:70px;margin-bottom:4px}.room-event-card.puzzle{border-color:#3498db}.room-event-card.puzzle h3{color:#74b9ff}.room-event-gold{color:#f0c040;margin-bottom:6px;font-size:1rem;font-weight:600}.room-event-xp{color:gold;margin-bottom:6px;font-size:1rem;font-weight:600}.room-event-buff{color:#2ed573;margin-bottom:6px;font-size:.9rem}.room-event-debuff{color:#ff6b81;margin-bottom:6px;font-size:.9rem}.room-event-loot{color:gold;margin-bottom:6px;font-size:1rem;font-weight:600}.room-event-check{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:10px 14px}.room-event-check.passed{border-color:#2ed57366}.room-event-check.failed{border-color:#ff475766}.room-event-check.partial{border-color:#ffa50266}.check-roll-line{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-size:.9rem;display:flex}.check-stat{color:#74b9ff;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.check-dice{color:var(--text-primary);font-size:.95rem}.check-dice strong{color:gold;font-size:1.1rem}.check-dc{color:var(--text-secondary);opacity:.8;font-size:.8rem;font-weight:600}.check-result{font-size:1rem;font-weight:700}.check-result.pass{color:#2ed573}.check-result.fail{color:#ff4757}.check-result.partial{color:#ffa502}.room-event-card.check-passed{border-color:#2ed573}.room-event-card.check-passed h3{color:#2ed573}.room-event-card.check-failed{border-color:#ff4757}.room-event-card.check-failed h3{color:#ff4757}.room-event-card.shrine{border-color:#a55eea}.room-event-card.shrine h3{color:#d2b4fc}.shrine-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.shrine-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);text-align:center;background:#1e1e32eb;border:2px solid #a55eea;width:100%;max-width:420px;padding:28px 20px;animation:.3s fadeIn;position:relative;overflow:hidden}.shrine-glow{pointer-events:none;background:radial-gradient(circle at 50% 30%,#a55eea26,#0000 70%);position:absolute;inset:0}.shrine-card h2{color:#d2b4fc;margin-bottom:8px;font-size:1.3rem}.shrine-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.shrine-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.shrine-blessing-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:1;min-width:150px;max-width:180px;padding:16px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.shrine-blessing-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #a55eea4d}.shrine-blessing-card.free{border-color:#2ed573}.shrine-blessing-card.free:hover{border-color:#7bed9f}.shrine-blessing-card.sacrifice{border-color:#ff6b81}.shrine-blessing-card.sacrifice:hover{border-color:#ff4757}.blessing-name{color:var(--text-primary);margin-bottom:6px;font-size:1rem;font-weight:700}.blessing-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;line-height:1.4}.blessing-cost{color:#ff6b81;background:#ff6b811a;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.blessing-free{color:#2ed573;background:#2ed5731a;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.boss-taunt{border-radius:var(--radius);text-align:center;cursor:pointer;z-index:150;background:linear-gradient(135deg,#6b0000f2,#b71540f2);border:2px solid #ff4757;width:calc(100% - 32px);max-width:480px;padding:16px 20px;animation:.5s tauntSlide;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}@keyframes tauntSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.boss-taunt-icon{margin-bottom:4px;font-size:2rem}.boss-taunt-text{color:#fcc;font-size:1rem;font-style:italic;line-height:1.5}.boss-taunt-dismiss{color:#fff6;margin-top:6px;font-size:.7rem}.room-card.daily-bonus{animation:2s ease-in-out infinite bonusGlow;box-shadow:0 0 15px 5px #ffd70080,0 0 30px 10px #ffd70033}.room-card.daily-bonus:after{content:"⭐";font-size:1.2rem;animation:1s ease-in-out infinite bonusStar;position:absolute;top:-8px;right:-8px}@keyframes bonusGlow{0%,to{box-shadow:0 0 15px 5px #ffd70080,0 0 30px 10px #ffd70033}50%{box-shadow:0 0 20px 8px #ffd700b3,0 0 40px 15px #ffd7004d}}@keyframes bonusStar{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(15deg)}}.treasure-action-row{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.btn-cash-bounty{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#2d6b22,#4cd137);border:2px solid #44bd32;padding:10px 24px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-cash-bounty:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4cd13766}.btn-cash-bounty:disabled{opacity:.5;cursor:not-allowed}.dungeon-stat.streak{color:#ff6348}.dungeon-stat.pet{color:#a29bfe}.shop-deal-banner{border-radius:var(--radius);background:linear-gradient(135deg,#1e3799e6,#4a69bde6);border:2px solid gold;align-items:center;gap:10px;margin-bottom:8px;padding:10px 16px;font-size:.85rem;display:flex}.shop-deal-badge{color:#fff;white-space:nowrap;background:#ff4757;border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:700}.ghost-token{pointer-events:none;filter:drop-shadow(0 0 18px #ffd700b3);flex-direction:column;align-items:center;display:flex}.ghost-token .player-token-img,.ghost-token .player-token-letter{border:3px solid var(--text-accent);border-radius:50%;width:80px;height:80px;box-shadow:0 0 25px #ffd70099,0 4px 14px #0009}.ghost-token .player-token-img{object-fit:cover}.ghost-token .player-token-letter{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.ghost-token .player-token-name{color:var(--text-accent);text-shadow:0 1px 4px #000c;white-space:nowrap;margin-top:2px;font-size:.6rem;font-weight:700}.anim-skip-overlay{z-index:150;cursor:pointer;position:fixed;inset:0}.anim-fade-in{animation:1s ease-out forwards overlayFadeIn}@keyframes overlayFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.page-bg{transition:background-image .6s ease-in-out}.pet-reaction-bubble{z-index:8500;cursor:pointer;background:#1e1432eb;border:2px solid #a78bfa;border-radius:16px 16px 16px 4px;max-width:300px;padding:10px 16px;animation:.4s ease-out petBubbleSlideIn;position:fixed;bottom:180px;left:20px;box-shadow:0 4px 20px #a78bfa4d}.pet-reaction-bubble .pet-reaction-name{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.pet-reaction-bubble .pet-reaction-text{color:#e2d9f3;font-size:.85rem;line-height:1.3;display:block}@keyframes petBubbleSlideIn{0%{opacity:0;transform:translate(-30px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.init-intro-overlay{z-index:200;background:radial-gradient(#1a0a2e 0%,#0a0a1c 60%,#000 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.init-fighter{opacity:0;flex-direction:column;align-items:center;gap:12px;transition:none;display:flex;position:absolute;top:50%;transform:translateY(-55%)}.init-fighter-left{left:-200px}.init-fighter-right{right:-200px}.init-fighter-left.init-slide-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards initSlideLeft}.init-fighter-right.init-slide-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards initSlideRight}@keyframes initSlideLeft{0%{opacity:0;left:-200px}60%{opacity:1}to{opacity:1;left:8%}}@keyframes initSlideRight{0%{opacity:0;right:-200px}60%{opacity:1}to{opacity:1;right:8%}}.init-fighter-img{object-fit:cover;border:4px solid #ffffff4d;border-radius:50%;width:140px;height:140px;box-shadow:0 0 30px #6464ff4d,0 0 60px #6464ff26}.init-fighter-left .init-fighter-img{border-color:#6496ff80;box-shadow:0 0 30px #6496ff66,0 0 60px #6496ff33}.init-fighter-right .init-fighter-img{border-color:#ff505080;box-shadow:0 0 30px #ff505066,0 0 60px #ff505033}.init-fighter-emoji{background:#ffffff14;border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:3.5rem;display:flex}.init-fighter-name{text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 10px #000c;font-size:1.3rem;font-weight:900}.init-fighter-name.player-name{color:#74b9ff}.init-fighter-name.monster-name{color:#ff6b6b}.init-vs-splash{opacity:0;z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)scale(0)}.init-vs-splash span{color:gold;text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70066,0 4px 8px #0009;letter-spacing:8px;font-size:5rem;font-weight:900}.init-vs-splash.init-vs-show{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards vsSlam}@keyframes vsSlam{0%{opacity:0;transform:translate(-50%,-55%)scale(3)}50%{opacity:1;transform:translate(-50%,-55%)scale(.9)}70%{transform:translate(-50%,-55%)scale(1.1)}to{opacity:1;transform:translate(-50%,-55%)scale(1)}}.init-roll-btn{z-index:20;color:#fff;cursor:pointer;text-shadow:0 2px 4px #0006;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:3px solid #ffffff4d;border-radius:16px;padding:16px 40px;font-family:inherit;font-size:1.4rem;font-weight:900;transition:transform .15s,box-shadow .15s;animation:1.5s ease-in-out infinite initBtnPulse;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #6c5ce780,0 0 40px #6c5ce733}.init-roll-btn:hover{transform:translate(-50%)scale(1.06);box-shadow:0 6px 30px #6c5ce7b3,0 0 60px #6c5ce74d}.init-roll-btn:active{transform:translate(-50%)scale(.97)}@keyframes initBtnPulse{0%,to{box-shadow:0 4px 20px #6c5ce780,0 0 40px #6c5ce733}50%{box-shadow:0 4px 30px #6c5ce7cc,0 0 60px #6c5ce766}}.init-dice-area{z-index:20;align-items:center;gap:24px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.init-dice-side{flex-direction:column;align-items:center;display:flex}.init-dice-vs-label{color:gold;text-shadow:0 0 10px #ffd70099;letter-spacing:4px;font-size:1.8rem;font-weight:900}@media (width<=600px){.init-fighter-img,.init-fighter-emoji{width:90px;height:90px;font-size:2.2rem}.init-fighter-name{letter-spacing:1px;font-size:.9rem}.init-vs-splash span{font-size:3rem}.init-roll-btn{padding:12px 28px;font-size:1.1rem;bottom:14%}.init-dice-area{gap:12px;bottom:8%}.init-dice-vs-label{font-size:1.2rem}@keyframes initSlideLeft{0%{opacity:0;left:-150px}60%{opacity:1}to{opacity:1;left:5%}}@keyframes initSlideRight{0%{opacity:0;right:-150px}60%{opacity:1}to{opacity:1;right:5%}}}.challenge-intro-overlay{z-index:200;background:radial-gradient(#1a1a0e 0%,#0c0c1c 60%,#000 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.challenge-room-art{object-fit:cover;border-color:#ffb43280!important;border-radius:20px!important;width:160px!important;height:160px!important;box-shadow:0 0 30px #ffb43266,0 0 60px #ffb43233!important}.challenge-emoji{border-color:#ffb43266!important;box-shadow:0 0 30px #ffb4324d,0 0 60px #ffb43226!important}.init-fighter-name.challenge-name{color:#ffb832;text-shadow:0 2px 10px #ffb83280}.challenge-card-wrapper{display:inline-block;position:relative}.challenge-dc-badge{color:#fff;letter-spacing:2px;text-shadow:0 0 8px #ff6464cc;z-index:5;white-space:nowrap;background:#c81e1ed9;border:2px solid #ff646499;border-radius:12px;padding:4px 16px;font-size:1.1rem;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) both dcBadgePop;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0009,0 0 20px #ff3c3c4d}@keyframes dcBadgePop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.challenge-roll-btn{background:linear-gradient(135deg,#e67e22,#f39c12)!important;box-shadow:0 4px 20px #e67e2280,0 0 40px #e67e2233!important}.challenge-roll-btn:hover{box-shadow:0 6px 30px #e67e22b3,0 0 60px #e67e224d!important}.challenge-dice-area{z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@media (width<=600px){.challenge-room-art{border-radius:14px!important;width:100px!important;height:100px!important}.challenge-dc-badge{padding:3px 12px;font-size:.8rem}.challenge-dice-area{bottom:2%}}.challenge-result-card{text-align:center;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140f28eb;border:2px solid #ffffff1f;border-radius:20px;width:90%;max-width:420px;padding:24px 36px;animation:.5s cubic-bezier(.22,1,.36,1) both challengeResultSlideUp;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009,0 0 60px #a855f71a}@keyframes challengeResultSlideUp{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.challenge-result-icon{margin-bottom:4px;font-size:2.2rem}.challenge-result-title{color:var(--text-accent,gold);text-shadow:0 2px 8px #ffd7004d;margin:0 0 8px;font-size:1.3rem;font-weight:800}.challenge-result-text{color:#fffc;margin:0 0 12px;font-size:.9rem;line-height:1.4}.challenge-result-stat{margin:4px 0;font-size:.9rem;font-weight:700}.challenge-result-stat.heal{color:#2ed573}.challenge-result-stat.damage{color:#ff4757}.challenge-result-stat.gold{color:#f0c040}.challenge-result-stat.xp{color:gold}.challenge-result-stat.buff{color:#2ed573}.challenge-result-stat.debuff{color:#ff6b81}.challenge-result-stat.loot{color:#a29bfe}.challenge-result-btn{min-width:140px;margin-top:12px}@media (width<=600px){.challenge-result-card{max-width:340px;padding:16px 24px;bottom:4%}.challenge-result-title{font-size:1.1rem}}.camp-card{border-color:#2ed573}.camp-card h2{color:#7bed9f}.shrine-blessing-card.camp-choice{font:inherit;color:inherit;text-align:center;min-height:0}.shrine-blessing-card.camp-choice.special{border-color:gold;box-shadow:0 0 12px #ffd70040}.shrine-blessing-card.camp-choice:disabled{opacity:.5;cursor:not-allowed;transform:none}.camp-error{color:var(--danger);margin-top:10px;font-size:.9rem}.camp-leave{min-height:40px;margin-top:14px;padding:6px 16px}.hud-mode-toggle{color:gold;cursor:pointer;background:#ffd70026;border:1px solid #ffd70080;border-radius:999px;min-height:0;padding:2px 10px;font-size:.8rem;font-weight:700}.hud-mode-toggle:hover{background:#ffd7004d}@media (width<=600px){.hud-strip{flex-wrap:wrap;gap:8px;max-width:100%;overflow:visible}.hud-strip-profile{flex:65%;min-width:0}.hud-strip-div{display:none}.hud-r{flex:0 auto;min-width:0}}.init-dice-area[role=status]{text-align:center;color:#fff;flex-direction:column;gap:12px;display:flex}.combat-page{min-height:calc(100vh - var(--nav-height));flex-direction:column;gap:0;display:flex;position:relative}.combat-top{flex-shrink:0}.combat-spacer{flex:0 0 4px}.combat-bottom{flex-direction:column;flex-shrink:0;gap:4px;padding-bottom:4px;display:flex}.battle-speed{color:#fff0bf;background:#24243d;border:1px solid #bca05d;border-radius:10px;align-self:center;min-height:44px;padding:8px 18px;font-weight:700}.combat-bg{z-index:-1;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}.combat-location{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius);background:#00000080;margin-bottom:4px;padding:10px 12px}.combat-location-name{color:var(--text-accent);font-size:1rem;font-weight:700;display:block}.combat-location-desc{color:var(--text-secondary);margin-top:2px;font-size:.8rem;font-style:italic;display:block}.battle-arena{justify-content:center;align-items:flex-start;gap:24px;margin-bottom:0;padding:12px 6px;display:flex;position:relative}.arena-center{z-index:10;flex-direction:column;justify-content:flex-start;align-self:flex-start;align-items:center;gap:6px;min-width:60px;max-width:80px;padding-top:8px;display:flex}.dice-tray{z-index:20;justify-content:center;align-items:center;padding:4px 0 8px;display:flex;overflow:visible}.dice-tray .inline-dice-zone{overflow:visible}.dice-tray canvas{max-width:60vw;max-height:60vw}@media (width>=640px){.battle-arena{gap:48px}.arena-center{min-width:80px;max-width:120px;padding-top:12px}.dice-tray{pointer-events:auto;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-tray canvas{max-width:320px;max-height:320px}.combat-top{position:relative}.combat-card{width:100px;height:140px;margin:0 -6px}.combat-hand{min-height:160px}}.fighter-card{text-align:center;border-radius:var(--radius);flex:1;max-width:300px;padding:0;transition:box-shadow .3s;position:relative;overflow:visible}.fighter-portrait{border-radius:var(--radius);aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.fighter-portrait .fighter-img{object-fit:cover;border:none;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.fighter-portrait .fighter-emoji{filter:drop-shadow(0 4px 8px #00000080);justify-content:center;align-items:center;margin:0;font-size:5rem;display:flex;position:absolute;inset:0}.fighter-portrait:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0009 60%,#000000e6 100%);height:65%;position:absolute;bottom:0;left:0;right:0}.fighter-overlay{z-index:2;flex-direction:column;align-items:center;gap:3px;padding:6px 8px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.fighter-card.active-turn{animation:1.5s ease-in-out infinite turnGlow}.player-card.active-turn{box-shadow:0 0 25px #4a69bdb3,0 0 50px #4a69bd4d}.enemy-card.active-turn{box-shadow:0 0 25px #ff4757b3,0 0 50px #ff47574d}@keyframes turnGlow{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}.player-card{background:#1e3c7880;border:2px solid #4a69bd;box-shadow:0 0 12px #4a69bd4d}.player-card .fighter-name{color:#70a1ff}.enemy-card{background:#28283280;border:2px solid #636e72;box-shadow:0 0 8px #636e7233}.enemy-card .fighter-name{color:var(--danger)}.enemy-card .fighter-portrait .fighter-emoji{animation:3s ease-in-out infinite monsterIdle}@keyframes monsterIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fighter-name{text-shadow:0 1px 4px #000000e6;margin-bottom:2px;font-size:.85rem;font-weight:700}.fighter-stats-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.fighter-stat{background:#00000073;border-radius:5px;flex-direction:column;align-items:center;gap:1px;padding:2px 6px;display:flex}.fighter-stat-val{text-shadow:0 1px 2px #000c;font-size:.8rem;font-weight:700}.fighter-stat-lbl{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.5rem}.fighter-weapon{color:#ffffffb3;text-shadow:0 1px 3px #000c;text-align:center;font-size:.65rem}.fighter-overlay .hp-bar{max-width:100%}.vs-divider{justify-content:center;align-items:center;display:flex}.vs-divider>span{color:var(--text-accent);text-shadow:0 0 14px #ffd70099,0 2px 4px #00000080;letter-spacing:2px;font-size:2.2rem;font-weight:900}.player-card.attacking{animation:.3s playerLunge}@keyframes playerLunge{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.player-card.hit-shake{animation:.4s hitShake}.hp-bar{background:var(--bg-secondary);border-radius:9px;width:100%;max-width:300px;height:18px;position:relative;overflow:hidden}.hp-bar-fill{border-radius:9px;height:100%;transition:width .4s}.hp-bar-fill.enemy{background:linear-gradient(90deg,#ff4757,#ff6b81)}.hp-bar-fill.player{background:linear-gradient(90deg, var(--success), var(--xp-bar))}.hp-bar-fill.boss{background:linear-gradient(90deg,#8b0000,#ff4757)}.hp-bar-text{color:#fff;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:0}.combat-log{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);background:#16213e80;flex-shrink:0;height:60px;min-height:60px;max-height:60px;padding:4px 10px;font-size:.7rem;line-height:1.4;overflow-y:auto}@media (height>=700px){.combat-log{height:90px;min-height:90px;max-height:90px;font-size:.75rem}}@media (height>=900px){.combat-log{height:120px;min-height:120px;max-height:120px;font-size:.8rem}}.combat-log-entry{border-bottom:1px solid var(--border);align-items:flex-start;gap:4px;padding:3px 0;display:flex}.combat-log-entry .log-icon{flex-shrink:0}.combat-log-entry:last-child{border-bottom:none}.combat-log-entry.player-action{color:var(--xp-bar)}.combat-log-entry.enemy-action{color:var(--danger)}.combat-log-entry.info{color:var(--text-secondary)}.log-roll-breakdown{font-weight:700;display:inline}.log-roll-die{color:var(--text-accent)}.log-roll-op{opacity:.5;margin:0 1px}.log-roll-bonus{color:#70a1ff}.log-roll-total{color:#2ed573;font-weight:800}.combat-error-toast{color:#fff;border-radius:var(--radius-sm);text-align:center;background:#ff4757e6;padding:6px 14px;font-size:.8rem;font-weight:600;animation:.2s ease-out fadeIn}.combat-hand{justify-content:center;align-items:flex-end;min-height:140px;padding:0 12px 2px;display:flex;position:relative}.combat-card{color:#fff;cursor:pointer;transform-origin:bottom;width:90px;height:126px;transform:rotate(var(--card-rotate)) translateY(var(--card-ty));animation:.4s cubic-bezier(.34,1.56,.64,1) both combatCardDeal;animation-delay:calc(var(--card-i) * 60ms);-webkit-backdrop-filter:blur(6px);border:2px solid #ffffff2e;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;margin:0 -8px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s,margin .25s,opacity .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000073}@keyframes combatCardDeal{0%{opacity:0;transform:rotate(0)translateY(60px)scale(.6)}to{opacity:1;transform:rotate(var(--card-rotate)) translateY(var(--card-ty)) scale(1)}}.combat-card:hover:not(:disabled):not(.combat-card--played){box-shadow:0 12px 36px #000000b3, 0 0 24px var(--card-glow,#ffffff40);filter:brightness(1.15);margin:0 6px;transform:rotate(0)translateY(-36px)scale(1.25);z-index:50!important}.combat-card:active:not(:disabled):not(.combat-card--played){filter:brightness(1.3);transform:rotate(0)translateY(-28px)scale(1.15)}.combat-card--played{opacity:0;pointer-events:none;transition:opacity .1s}.combat-card--disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.combat-card-ghost{left:var(--ghost-start-x);top:var(--ghost-start-y);width:var(--ghost-w);height:var(--ghost-h);z-index:500;color:#fff;pointer-events:none;box-shadow:0 0 40px var(--card-glow,#ffffff4d), 0 16px 40px #0009;border:2px solid #ffffff40;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;font-weight:700;animation:.5s cubic-bezier(.22,1,.36,1) forwards cardFlyUp;display:flex;position:fixed;overflow:visible}.combat-card-ghost .combat-card__art-img{object-fit:cover;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.combat-card-ghost .combat-card__emoji{z-index:2;filter:drop-shadow(0 2px 8px #0009);font-size:2.4rem;position:relative}.combat-card-ghost .combat-card__label{text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 6px #000000f2;z-index:2;padding-bottom:6px;font-size:.7rem;font-weight:800;position:relative}@keyframes cardFlyUp{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{transform:translate(calc(-50% + var(--ghost-dx)), calc(-50% + var(--ghost-dy))) scale(1.6);opacity:1}}.combat-card-ghost--dissolve{transform:translate(calc(-50% + var(--ghost-dx)), calc(-50% + var(--ghost-dy))) scale(1.6);filter:brightness(1.3);border-color:#ffffff0d;animation:.35s ease-in forwards cardDissolve}@keyframes cardDissolve{0%{filter:brightness(1.4)saturate(1.3);box-shadow:0 0 50px var(--card-glow,#ffffff80), 0 -10px 30px var(--card-glow,#ffffff4d);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}40%{filter:brightness(1.6)saturate(1.2);-webkit-mask-image:linear-gradient(#0000 0% 35%,#0006 50%,#000 60% 100%);mask-image:linear-gradient(#0000 0% 35%,#0006 50%,#000 60% 100%)}to{filter:brightness(2)saturate(.3);opacity:0;box-shadow:0 0 #0000;-webkit-mask-image:linear-gradient(#0000 0% 100%);mask-image:linear-gradient(#0000 0% 100%)}}.dissolve-particles{pointer-events:none;z-index:10;position:absolute;inset:-30px}.dissolve-particles .particle{background:var(--card-glow,#ffffffe6);box-shadow:0 0 8px var(--card-glow,#ffffffb3);border-radius:50%;position:absolute}.particle.p1{width:3px;height:3px;animation:.5s ease-out forwards sparkleUp;top:25%;left:15%}.particle.p2{width:4px;height:4px;animation:.45s ease-out 40ms forwards sparkleDrift;top:15%;left:65%}.particle.p3{width:3px;height:3px;animation:.4s ease-out 80ms forwards sparkleUp;top:45%;left:40%}.particle.p4{width:5px;height:5px;animation:.5s ease-out 60ms forwards sparkleDrift;top:35%;left:80%}.particle.p5{width:3px;height:3px;animation:.45s ease-out .12s forwards sparkleUp;top:55%;left:25%}.particle.p6{width:4px;height:4px;animation:.4s ease-out 20ms forwards sparkleDrift;top:30%;left:55%}.particle.p7{background:#fff;width:6px;height:6px;animation:.55s ease-out 50ms forwards sparkleUp;top:20%;left:35%}.particle.p8{width:5px;height:5px;animation:.5s ease-out .1s forwards sparkleDrift;top:50%;left:75%}.particle.p9{width:4px;height:4px;animation:.4s ease-out .14s forwards sparkleUp;top:60%;left:50%}.particle.p10{width:3px;height:3px;animation:.45s ease-out 80ms forwards sparkleDrift;top:40%;left:10%}.particle.p11{background:#fff;width:6px;height:6px;animation:.5s ease-out 30ms forwards sparkleUp;top:10%;left:60%}.particle.p12{width:4px;height:4px;animation:.45s ease-out 70ms forwards sparkleDrift;top:25%;left:85%}@keyframes sparkleUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(0)}}@keyframes sparkleDrift{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(20px,-40px)scale(0)}}.combat-card__emoji{filter:drop-shadow(0 2px 4px #0006);z-index:2;margin-bottom:2px;font-size:1.8rem;line-height:1;position:relative}.combat-card:not(:has(.combat-card__art-img)):not(:has(.combat-card__pet-img)){justify-content:center;gap:2px}.combat-card__pet-img,.combat-card__art-img{object-fit:cover;filter:none;border:none;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}:is(.combat-card:has(.combat-card__art-img),.combat-card:has(.combat-card__pet-img)){background:0 0!important}.combat-card:has(.combat-card__art-img):after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0006 50%,#000000d9 100%);border-radius:0 0 8px 8px;height:50%;position:absolute;bottom:0;left:0;right:0}.combat-card:has(.combat-card__pet-img):after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0006 50%,#000000d9 100%);border-radius:0 0 8px 8px;height:50%;position:absolute;bottom:0;left:0;right:0}.combat-card__label{text-transform:uppercase;letter-spacing:.03em;text-shadow:0 1px 4px #000000e6,0 0 8px #0009;text-overflow:ellipsis;white-space:nowrap;z-index:2;max-width:74px;padding-bottom:2px;font-size:.6rem;font-weight:700;position:relative;overflow:hidden}.combat-card__sub{opacity:.85;text-shadow:0 1px 3px #000000e6;z-index:2;padding-bottom:2px;font-size:.5rem;font-weight:600;position:relative}.combat-card--attack{--card-glow:#e9456080;background:linear-gradient(145deg,#e94560d9 0%,#b4283ce6 100%);border-color:#ff647880}.combat-card--magic{--card-glow:#4a69bd80;background:linear-gradient(145deg,#4a69bdd9 0%,#3246a0e6 100%);border-color:#70a1ff66}.combat-card--dodge{--card-glow:#2ed57380;background:linear-gradient(145deg,#2ed573d9 0%,#1ea050e6 100%);border-color:#50e68c66}.combat-card--item{color:#1a1a2e;--card-glow:#ffd70080;background:linear-gradient(145deg,#ffd700d9 0%,#c8a000e6 100%);border-color:#ffe65066}.combat-card--flee{--card-glow:#636e7266;background:linear-gradient(145deg,#636e72d9 0%,#3c464ae6 100%);border-color:#8c969b66}.combat-card--ability{--card-glow:#7c3aed80;background:linear-gradient(145deg,#7c3aedd9 0%,#4f46e5e6 100%);border-color:#a855f766}.combat-card--evolution{--card-glow:#ffd70080;background:linear-gradient(145deg,#ffd700d9 0%,#b8860be6 100%);border-color:#ffe65066}.combat-card--pet{--card-glow:#ffa50280;background:linear-gradient(145deg,#ff6348d9 0%,#ffa502e6 100%);border-color:#ffa50266}.pet-resting{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:4px;padding:2px 0;font-size:.7rem;display:flex}.pet-resting-img{object-fit:cover;border-radius:4px;width:20px;height:20px}.pet-result{text-align:center;color:#ffa502;background:#ffa50226;border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:600}.item-picker-overlay{z-index:150;background:#0009;align-items:flex-end;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.item-picker{-webkit-backdrop-filter:blur(16px);background:#1e1e32f2;border-radius:16px 16px 0 0;width:100%;max-height:50vh;padding:8px 16px 20px;animation:.25s ease-out panelSlideUp;overflow-y:auto}@keyframes panelSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.item-picker:before{content:"";background:#ffffff40;border-radius:2px;width:36px;height:4px;margin:0 auto 12px;display:block}.item-picker h3{color:var(--text-accent);margin-bottom:12px}.item-list{flex-direction:column;gap:8px;display:flex}.item-row{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s,transform .1s;display:flex}.item-row:hover{background:var(--bg-card-hover)}.item-row:active{background:var(--bg-card-hover);transform:scale(.98)}.item-row .item-name{font-weight:600}.item-row .item-desc{color:var(--text-secondary);font-size:.8rem}.item-row-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:40px;height:40px;margin-right:10px}.item-row-emoji{background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;font-size:1.4rem;display:flex}.flee-confirm-dialog{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);text-align:center;background:#1e1e32f2;max-width:340px;margin:auto;padding:24px 20px;animation:.25s ease-out slideUp}.flee-confirm-dialog h3{margin:0 0 8px;font-size:1.2rem}.flee-confirm-dialog p{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.4}.flee-confirm-buttons{justify-content:center;gap:10px;display:flex}.btn-flee-cancel{border-radius:var(--radius-sm);border:2px solid var(--success);color:var(--success);cursor:pointer;background:0 0;flex:1;padding:10px 16px;font-size:.9rem;font-weight:700;transition:background .15s}.btn-flee-cancel:hover{background:#2ed57326}.btn-flee-confirm{border-radius:var(--radius-sm);background:var(--danger);color:#fff;cursor:pointer;opacity:.8;border:none;flex:1;padding:10px 16px;font-size:.9rem;font-weight:700;transition:opacity .15s}.btn-flee-confirm:hover{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-overlay{z-index:300;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.result-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);text-align:center;background:#1e1e32eb;width:100%;max-width:360px;padding:28px 24px;animation:.4s fadeIn}.result-card.victory{border:2px solid var(--text-accent)}.result-card.defeat{border:2px solid var(--danger)}.result-card.fled{border:2px solid var(--warning,#e67e22)}.result-card h2{margin-bottom:12px;font-size:1.5rem}.result-card.victory h2{color:var(--text-accent)}.result-card.defeat h2{color:var(--danger)}.result-card.fled h2{color:var(--warning,#e67e22)}.defeat-text{color:var(--text-secondary);margin:8px 0 4px;font-size:.95rem}.defeat-subtext{color:var(--text-accent);margin-bottom:12px;font-size:.85rem;font-weight:600}.result-rewards{justify-content:center;gap:24px;margin:16px 0;font-size:.9rem;display:flex}.result-rewards .reward{text-align:center}.result-rewards .reward .value{color:var(--text-accent);font-size:1.3rem;font-weight:700}.result-rewards .reward .label{color:var(--text-secondary);font-size:.75rem}.loot-reward-section{border-radius:var(--radius-sm);border:1px solid var(--text-accent);background:#ffd7001a;margin:12px 0;padding:12px}.loot-reward-label{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem;display:block}.loot-reward-name{color:var(--text-accent);font-size:1.1rem;font-weight:700}.loot-item{background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin:8px 0;padding:10px 14px;font-weight:600;display:flex}.loot-rarity{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.loot-rarity.common{color:#a0a0b0;background:#a0a0b033}.loot-rarity.uncommon{color:#2ed573;background:#2ed57333}.loot-rarity.rare{color:#70a1ff;background:#70a1ff33}.loot-rarity.epic{color:#a855f7;background:#a855f733}.loot-rarity.legendary{color:gold;background:#ffd70033}.victory-defeated-text{color:var(--text-secondary);margin:4px 0 8px;font-size:1rem}.victory-defeated-text strong{color:#ff6b6b}.victory-loot-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:14px;margin-top:12px;padding:14px 18px;animation:.5s cubic-bezier(.34,1.56,.64,1) .3s both lootCardPop;display:flex}@keyframes lootCardPop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.victory-loot-img{object-fit:cover;border:2px solid #ffffff26;border-radius:10px;flex-shrink:0;width:64px;height:64px;box-shadow:0 0 16px #a855f74d}.victory-loot-details{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.victory-loot-name{color:var(--text-primary);font-size:1.05rem;font-weight:700}.victory-loot-stats{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.stat-bonus{background:#ffffff14;border-radius:6px;padding:1px 6px;font-size:.72rem;font-weight:700}.stat-bonus.str{color:#ff6b6b}.stat-bonus.spd{color:#70a1ff}.stat-bonus.mag{color:#a855f7}.stat-bonus.hp{color:#2ed573}.enemy-card.hit-shake{animation:.4s hitShake}@keyframes hitShake{0%,to{transform:translate(0)}15%{background:#ff475726;transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.floating-damage{pointer-events:none;z-index:10;color:#ff4757;text-shadow:0 2px 8px #ff475799;font-size:2.5rem;font-weight:900;animation:1.8s ease-out forwards floatUp;position:absolute;top:20%;left:50%;transform:translate(-50%)}.floating-damage.hit{color:#ff4757;text-shadow:0 2px 8px #ff475799}.floating-damage.miss{color:var(--text-secondary);text-shadow:none;font-size:1.5rem}.floating-damage.stunned{color:#ffa502;text-shadow:0 2px 10px #ffa502b3;font-size:1.4rem;font-weight:900}.enemy-card .floating-damage.hit{color:#ff4757;text-shadow:0 2px 8px #ff475799}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)translateY(0)scale(.5)}15%{opacity:1;transform:translate(-50%)translateY(-10px)scale(1.2)}60%{opacity:1;transform:translate(-50%)translateY(-50px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-90px)scale(1)}}.enemy-card.hit-shake:after{content:"";border-radius:var(--radius);pointer-events:none;background:#fff3;animation:.3s flashOut;position:absolute;inset:0}.player-card.hit-shake:after{content:"";border-radius:var(--radius);pointer-events:none;background:#ff475733;animation:.3s flashOut;position:absolute;inset:0}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.auto-battle-btn.enemy-turn-active{border-color:var(--danger);color:var(--danger);cursor:default;background:#ff475726;animation:1s ease-in-out infinite enemyPulse}@keyframes enemyPulse{0%,to{opacity:1}50%{opacity:.6}}.auto-battle-btn{border-radius:var(--radius-sm);border:2px solid var(--text-accent);width:100%;color:var(--text-accent);cursor:pointer;background:0 0;margin-top:4px;padding:10px;font-size:.9rem;font-weight:700;transition:all .2s}.auto-battle-btn:hover{background:#ffd7001a}.auto-battle-btn.active{background:var(--text-accent);color:#1a1a2e;animation:1s ease-in-out infinite autoPulse}@keyframes autoPulse{0%,to{opacity:1}50%{opacity:.7}}.combat-page.screen-shake{animation:.45s screenShake}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-6px,-3px)}20%{transform:translate(5px,4px)}30%{transform:translate(-7px,2px)}40%{transform:translate(4px,-4px)}50%{transform:translate(-3px,5px)}60%{transform:translate(6px,-2px)}70%{transform:translate(-4px,3px)}80%{transform:translate(3px,-3px)}90%{transform:translate(-2px,1px)}}.crit-flash-overlay{z-index:200;pointer-events:none;animation:.6s ease-out forwards critFlash;position:fixed;inset:0}@keyframes critFlash{0%{background:#ffd70099}15%{background:#ffffff80}40%{background:#ffd70033}to{background:0 0}}.floating-damage.crit{animation:2s ease-out forwards critFloatUp;color:gold!important;text-shadow:0 0 20px #ffd700e6,0 0 40px #ffaa0080!important;font-size:3.5rem!important}@keyframes critFloatUp{0%{opacity:1;transform:translate(-50%)translateY(0)scale(.3)}12%{opacity:1;transform:translate(-50%)translateY(-5px)scale(1.6)}25%{opacity:1;transform:translate(-50%)translateY(-15px)scale(1.1)}55%{opacity:1;transform:translate(-50%)translateY(-60px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-110px)scale(1)}}.crit-label{color:gold;text-shadow:0 0 12px #ffd700cc;pointer-events:none;z-index:11;letter-spacing:2px;font-size:1rem;font-weight:900;animation:.8s ease-out forwards critLabelPop;position:absolute;top:8%;left:50%;transform:translate(-50%)}@keyframes critLabelPop{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%)scale(1.3)}50%{transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-30px)scale(.8)}}.player-card.heal-glow{animation:1s ease-out healGlow}@keyframes healGlow{0%{box-shadow:0 0 12px #4a69bd4d}20%{box-shadow:0 0 40px #2ed573cc,0 0 80px #2ed5734d,inset 0 0 30px #2ed57326}50%{box-shadow:0 0 60px #2ed57399,0 0 100px #ffd70033,inset 0 0 20px #2ed5731a}to{box-shadow:0 0 12px #4a69bd4d}}.floating-damage.heal{color:#2ed573!important;text-shadow:0 0 12px #2ed573cc!important;font-size:2.5rem!important}.player-card.magic-cast{animation:.6s magicCast}@keyframes magicCast{0%{filter:brightness();box-shadow:0 0 12px #4a69bd4d}30%{filter:brightness(1.3)hue-rotate(30deg);box-shadow:0 0 50px #a855f7cc,0 0 100px #70a1ff66}60%{filter:brightness(1.1)hue-rotate(15deg);box-shadow:0 0 30px #a855f780}to{filter:brightness()hue-rotate();box-shadow:0 0 12px #4a69bd4d}}.enemy-card.magic-hit{animation:.5s magicHit}@keyframes magicHit{0%,to{filter:brightness()}25%{filter:brightness(1.5)hue-rotate(40deg);box-shadow:0 0 40px #a855f7cc}50%{filter:brightness(1.2)hue-rotate(20deg)}}.player-card.dodge-slide{animation:.5s dodgeSlide}@keyframes dodgeSlide{0%,to{transform:translate(0)}25%{transform:translate(-20px)scale(.95)}50%{opacity:.7;transform:translate(10px)}75%{transform:translate(-5px)}}.dodge-text{color:#2ed573;text-shadow:0 0 12px #2ed57399;pointer-events:none;z-index:11;font-size:1.4rem;font-weight:900;animation:.8s ease-out forwards dodgeTextPop;position:absolute;top:15%;left:50%;transform:translate(-50%)}@keyframes dodgeTextPop{0%{opacity:0;transform:translate(-50%)scale(.5)}30%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)translateY(-40px)}}.player-card.flee-spin{animation:.6s ease-in forwards fleeSpin}@keyframes fleeSpin{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:.3;transform:translate(-80px)rotate(-30deg)scale(.7)}}.result-card.victory{animation:.7s cubic-bezier(.34,1.56,.64,1) victoryEntrance}@keyframes victoryEntrance{0%{opacity:0;transform:scale(.3)translateY(50px)}50%{opacity:1;transform:scale(1.1)translateY(-10px)}70%{transform:scale(.95)translateY(2px)}to{transform:scale(1)translateY(0)}}.result-card.defeat{animation:.8s ease-out defeatEntrance}@keyframes defeatEntrance{0%{opacity:0;filter:brightness(2);transform:translateY(-30px)scale(1.05)}40%{filter:brightness()}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}.enemy-card.monster-death{animation:.6s ease-in forwards monsterDeath}@keyframes monsterDeath{0%{opacity:1;filter:brightness();transform:scale(1)}30%{filter:brightness(2);transform:scale(1.1)}to{opacity:0;filter:brightness(.5);transform:scale(.3)translateY(30px)}}.player-card.ability-cast{animation:.5s abilityCast}@keyframes abilityCast{0%{filter:brightness()}25%{filter:brightness(1.4);box-shadow:0 0 50px #ffd700cc,0 0 80px #fa06}60%{filter:brightness(1.15);box-shadow:0 0 30px #ffd70066}to{filter:brightness()}}.combat-page.combat-pre-enter{opacity:0;transform:scale(1.03)}.combat-page.combat-enter{animation:.5s ease-out forwards combatEnter}@keyframes combatEnter{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.combat-page.combat-exit{animation:.4s ease-in forwards combatExit}@keyframes combatExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.boss-page{min-height:calc(100vh - var(--nav-height));flex-direction:column;gap:12px;display:flex}.boss-area{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:2px solid var(--danger);padding:16px}.boss-name{color:var(--danger);margin-bottom:4px;font-size:1.5rem;font-weight:900}.boss-subtitle{color:var(--text-secondary);margin-bottom:10px;font-size:.8rem}.boss-indicators{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.boss-indicator{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:flex}.boss-indicator.rage{color:var(--danger);background:#ff475733}.boss-indicator.shield{color:#74b9ff;background:#4a69bd33}.boss-indicator.weak{color:var(--text-accent);background:#ffd70033}.rage-timer{background:var(--bg-secondary);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.rage-timer-fill{background:linear-gradient(90deg, var(--warning), var(--danger));border-radius:3px;height:100%;transition:width .5s}.party-section{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px}.party-section h3{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.party-scroll{-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.party-member{border-radius:var(--radius-sm);background:var(--bg-card);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;padding:8px;display:flex;position:relative}.party-member.your-turn{border:2px solid var(--text-accent);box-shadow:0 0 8px #ffd7004d}.your-turn-badge{background:var(--text-accent);color:#1a1a2e;white-space:nowrap;text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:.55rem;font-weight:800;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.party-member .name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:.75rem;font-weight:600;overflow:hidden}.party-hp-bar{background:var(--bg-secondary);border-radius:3px;width:56px;height:6px;overflow:hidden}.party-hp-fill{background:var(--success);border-radius:3px;height:100%}.boss-log{background:var(--bg-secondary);border-radius:var(--radius-sm);max-height:120px;padding:8px 12px;font-size:.8rem;line-height:1.5;overflow-y:auto}.waiting-indicator{text-align:center;color:var(--text-secondary);padding:16px;font-size:.9rem}.waiting-indicator .dots{animation:1.4s infinite blink;display:inline-block}@keyframes blink{0%,20%{opacity:1}50%{opacity:.3}80%,to{opacity:1}}.boss-victory-card{background:var(--bg-secondary);border-radius:var(--radius);border:2px solid var(--text-accent);text-align:center;width:100%;max-width:400px;padding:28px 24px;animation:.4s fadeIn}.boss-victory-card h2{color:var(--text-accent);margin-bottom:8px;font-size:1.6rem}.boss-victory-card .family-reward{background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-accent);flex-direction:column;align-items:center;gap:8px;margin:16px 0;padding:12px;font-weight:700;display:flex}.family-reward-img{border-radius:var(--radius);object-fit:cover;border:2px solid var(--text-accent);width:120px;height:120px}.chore-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.chore-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0f3460eb;align-items:center;gap:10px;min-height:60px;padding:8px 10px;display:flex}.chore-row.muted{background:#16213ee6}.chore-row-open{min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex:auto;align-items:center;gap:10px;padding:0;display:flex}.chore-row-thumb{object-fit:cover;background:var(--bg-secondary);border-radius:8px;flex:0 0 44px;width:44px;height:44px}.chore-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.chore-row-name{color:var(--text-primary);overflow-wrap:anywhere;font-size:1rem;font-weight:700}.chore-row-meta{color:var(--text-secondary);font-size:.875rem}.chore-row-cat{color:var(--text-accent);margin-right:6px}.chore-row-note{color:var(--warning);display:block}.chore-row-status{white-space:nowrap;border-radius:999px;flex:none;padding:4px 8px;font-size:.875rem;font-weight:700}.chore-row-status.waiting{color:#1a1a2e;background:var(--warning)}.chore-row-status.done{color:#1a1a2e;background:var(--success)}.chore-row-action{flex:none;min-width:72px;min-height:44px;padding:8px 14px;font-size:1rem;font-weight:700}.chore-group-title{color:var(--text-primary);justify-content:space-between;align-items:baseline;margin:18px 0 8px;font-size:1rem;font-weight:700;display:flex}.chore-group-title small{color:var(--text-secondary);font-size:.875rem;font-weight:600}details.chore-group>summary{cursor:pointer;color:var(--text-secondary);align-items:center;min-height:44px;margin:18px 0 8px;font-size:1rem;font-weight:700;list-style-position:inside;display:flex}.chore-detail-backdrop{z-index:300;background:#000000b3;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.chore-detail{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto}.chore-detail-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:45vh;display:block}.chore-detail-body{padding:16px}.chore-detail-body h2{margin:0 0 8px;font-size:1.25rem}.chore-detail-body p{margin:0 0 10px;font-size:1rem;line-height:1.5}.chore-detail-meta{color:var(--text-secondary);font-size:.875rem!important}.chore-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.chore-detail-actions button{min-height:44px;padding:8px 18px}@media (width>=640px){.chore-detail-backdrop{align-items:center}}.tab-toggle{background:var(--bg-secondary);border-radius:var(--radius-sm);gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);background:0 0;border-radius:6px;flex:1;padding:10px 12px;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--bg-card);color:var(--text-accent)}.ap-display{background:var(--bg-card);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-weight:700;display:flex}.ap-icon{font-size:1.3rem}.ap-value{color:var(--text-accent);font-size:1.2rem}.ap-label{color:var(--text-secondary);font-size:.85rem}.duty-card{background:var(--bg-card);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.duty-info{flex:1;min-width:0}.duty-name{margin-bottom:4px;font-size:1.05rem;font-weight:700}.duty-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.difficulty-stars{color:var(--warning);letter-spacing:1px}.ap-reward{color:var(--success);font-weight:600}.duty-complete-btn{flex-shrink:0;padding:10px 16px;font-size:.95rem}.duty-card.completed{opacity:.6}.duty-done-icon{color:var(--success);flex-shrink:0;font-size:1.5rem}.quest-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.qb-card{background:var(--bg-card);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;transition:transform .2s;display:flex;position:relative}.qb-card:hover{transform:translateY(-2px)}.qb-card-image{border-radius:var(--radius) var(--radius) 0 0;width:calc(100% + 32px);margin:-16px -16px 8px;overflow:hidden}.qb-card-image img{object-fit:cover;width:100%;height:220px;display:block}.qb-card-header{justify-content:space-between;align-items:center;display:flex}.qb-card-name{font-size:1.05rem;font-weight:700}.qb-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.qb-card-meta{color:var(--text-secondary);gap:12px;font-size:.8rem;display:flex}.rescue-badge{background:var(--warning);color:#1a1a2e;white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700}.claim-btn{width:100%;margin-top:4px}.qb-card.claimed{opacity:.5;pointer-events:none}.quest-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.quest-empty-icon{margin-bottom:8px;font-size:2.5rem}.duty-card.pending-approval{border-left:3px solid var(--warning);opacity:.8}.duty-pending-badge{color:var(--warning);white-space:nowrap;font-size:.8rem;font-weight:600}.quest-section-title{color:var(--text-primary);margin:16px 0 8px;padding-left:4px;font-size:1.1rem;font-weight:700}.quest-section-title.stale-title{color:var(--text-secondary);font-size:.95rem}.qb-card.stale{opacity:.75;border:1px solid #ffa5004d}.stale-banner{color:#fff;text-align:center;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#e67e22,#d35400);border-radius:6px;margin:-8px -8px 4px;padding:4px 8px;font-size:.7rem;font-weight:700}.ap-reward.reduced,.reduced{-webkit-text-decoration:line-through #f006;text-decoration:line-through #f006}.original-reward{color:var(--text-secondary);margin-left:4px;font-size:.7rem;text-decoration:line-through}.qb-card-image img{cursor:zoom-in}.progress-tracker{background:var(--bg-card);border-radius:var(--radius);margin-bottom:16px;padding:16px}.progress-hero-row{justify-content:space-around;align-items:center;gap:8px;margin-bottom:14px;display:flex}.progress-ring-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.progress-ring-svg{width:72px;height:72px;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff14;stroke-width:6px}.progress-ring-fill{fill:none;stroke:#2ed573;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .6s}.progress-ring-text{text-align:center;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.progress-ring-num{color:var(--text-primary);font-size:1.4rem;font-weight:800;display:block}.progress-ring-of{color:var(--text-secondary);font-size:.6rem}.progress-ring-label{color:var(--text-secondary);text-align:center;margin-top:4px;font-size:.7rem;font-weight:600}.progress-streak-wrap{flex-direction:column;align-items:center;display:flex}.progress-streak-flame{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:56px;height:56px;line-height:1;display:flex}.streak-fire-icon{font-size:1rem}.streak-num{color:#fff;font-size:1.3rem;font-weight:800}.progress-stat-block{flex-direction:column;align-items:center;display:flex}.stat-block-value{color:var(--text-primary);font-size:1.3rem;font-weight:800;line-height:1.4}.progress-bars{flex-direction:column;gap:10px;display:flex}.progress-track{padding:0}.progress-track-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.progress-track-icon{font-size:.85rem}.progress-track-label{color:var(--text-primary);flex:1;font-size:.8rem;font-weight:700}.progress-track-count{color:var(--text-secondary);font-size:.75rem;font-weight:700}.progress-track-bar{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.progress-track-fill{border-radius:4px;min-width:4px;height:100%;transition:width .6s}.progress-track-sub{color:var(--text-secondary);margin-top:2px;font-size:.7rem}.progress-track.complete .progress-track-label{color:var(--success)}.progress-track.complete .progress-track-fill{box-shadow:0 0 8px #2ed57380;background:var(--success)!important}.quest-summary-strip{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:8px 0 16px;font-weight:700;display:flex}.quest-summary-strip a{color:var(--text-accent)}.quest-extras{margin:18px 0}.quest-extras summary{cursor:pointer;color:var(--text-accent);padding:8px}.chores-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.chores-head .page-title{margin:0}.chores-left{color:var(--text-primary);margin:2px 0 0;font-size:1rem;font-weight:600}.chores-ap{border-radius:var(--radius-sm);border:1px solid var(--border);background:#16213eeb;flex-direction:column;justify-content:center;align-items:flex-end;min-height:44px;padding:6px 12px;text-decoration:none;display:flex}.chores-ap-num{color:var(--text-accent);font-size:1.15rem;font-weight:800}.chores-ap-label{color:var(--text-secondary);font-size:.75rem}.chores-home .tab-btn{min-height:44px;padding:8px 6px;font-size:.9rem}.chores-adventure{text-align:center;border-radius:var(--radius-sm);margin:4px 0 8px;padding:12px 16px;font-size:1rem;font-weight:700;text-decoration:none;display:block}.chores-hint{color:var(--text-secondary);margin:0 0 10px;font-size:.9rem}.chores-filter{gap:8px;margin-bottom:6px;display:flex}.chores-filter input{flex:auto;min-width:0;min-height:44px;font-size:1rem}.chores-filter select{flex:none;max-width:45%;min-height:44px;font-size:1rem}.chores-count{color:var(--text-secondary);margin:0 0 8px;font-size:.875rem}.page.chores-home{max-width:760px}.pet-page{max-width:900px;margin:0 auto;padding:20px 16px}.pet-page-header{text-align:left;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pet-page-portrait{object-fit:cover;border:3px solid #a55eea66;border-radius:20px;width:80px;height:80px;box-shadow:0 4px 16px #a55eea40}.pet-page-emoji{font-size:3.5rem}.pet-page-header h1{margin:0 0 4px;font-size:1.6rem}.pet-page-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.pet-page-loading{text-align:center;color:var(--text-secondary);padding:60px 0;font-size:1.1rem}.evolution-banner{color:#fff;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,gold 0%,#ff6348 100%);margin-bottom:20px;padding:12px 20px;font-size:1rem;font-weight:700;animation:.5s evoBannerIn}@keyframes evoBannerIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pet-page-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pet-page-main{flex-direction:column;display:flex}.pet-page-side{flex-direction:column;gap:16px;display:flex}.pet-stats-panel,.pet-combat-panel,.pet-evolve-panel,.pet-bio-panel,.pet-art-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.pet-stats-panel h3,.pet-combat-panel h3,.pet-evolve-panel h3,.pet-bio-panel h3,.pet-art-panel h3{margin:0 0 12px;font-size:1rem}.pet-stat-grid{flex-direction:column;gap:8px;display:flex}.pet-stat-row{align-items:center;gap:8px;font-size:.85rem;display:flex}.pet-stat-row.reduced{opacity:.6}.stat-label{color:var(--text-secondary);flex:1}.stat-value{color:#2ed573;font-weight:700}.stat-base{color:var(--text-secondary);font-size:.7rem}.pet-bonus-warning{border-radius:var(--radius-sm);color:#ffa502;background:#ffa5021a;margin-top:8px;padding:6px 10px;font-size:.8rem;font-weight:600}.pet-attack-info{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pet-attack-emoji{font-size:2rem}.pet-attack-name{font-size:1rem;font-weight:700}.pet-attack-desc{color:var(--text-secondary);font-size:.75rem}.pet-combat-stats{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.pet-evolve-panel{background:linear-gradient(135deg, var(--bg-secondary) 0%, #ffd70008 100%);border-color:gold}.evolve-desc{color:var(--text-secondary);margin:0 0 12px;font-size:.85rem}.evolve-options{flex-direction:column;gap:10px;display:flex}.evolve-option{border-radius:var(--radius-sm);background:var(--bg-card);border:2px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.evolve-option:hover{border-color:gold;transform:translateY(-1px)}.evolve-option:disabled{opacity:.5;cursor:not-allowed}.evolve-emoji{font-size:2rem}.evolve-info{flex:1}.evolve-name{font-size:.95rem;font-weight:700}.evolve-bonus{color:#2ed573;margin-top:2px;font-size:.8rem}.evolve-req{color:var(--text-secondary);margin-top:2px;font-size:.7rem}.bio-grid{grid-template-columns:auto 1fr;gap:6px 12px;font-size:.85rem;display:grid}.bio-label{color:var(--text-secondary);font-weight:600}.pet-art-panel{background:linear-gradient(135deg, var(--bg-secondary) 0%, #a55eea0a 100%);text-align:center;border-color:#a55eea4d}.pet-art-preview{object-fit:cover;border:3px solid #a55eea4d;border-radius:20px;width:160px;height:160px;margin:0 auto 12px;display:block;box-shadow:0 4px 20px #a55eea33}.pet-art-panel .portrait-gen-form{max-width:100%}.pet-art-panel .portrait-gen-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;margin-bottom:.5rem;padding:.75rem;font-family:inherit;font-size:.85rem}.pet-art-panel .portrait-gen-form button{width:100%}@media (width<=768px){.pet-page-grid{grid-template-columns:1fr}}.notif-page{max-width:700px;margin:0 auto;padding:20px 16px 100px}.notif-header{margin-bottom:24px}.notif-header h1{color:var(--gold);margin:0 0 8px;font-size:1.5rem}.notif-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.notif-loading{text-align:center;color:var(--text-secondary);padding:60px 0}.notif-category{margin-bottom:16px;padding:20px}.notif-category h2{color:var(--text-primary);margin:0 0 16px;font-size:1.1rem}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-item{background:#0003;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:opacity .2s;display:flex}.notif-item.disabled{opacity:.5}.notif-item-info{flex:1;min-width:0}.notif-item-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.notif-item-desc{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.notif-item-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.notif-toggle{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.notif-toggle input{opacity:0;width:0;height:0}.notif-toggle-slider{background:#ffffff26;border-radius:24px;transition:all .3s;position:absolute;inset:0}.notif-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.notif-toggle input:checked+.notif-toggle-slider{background:var(--gold)}.notif-toggle input:checked+.notif-toggle-slider:before{transform:translate(20px)}.notif-recipients{gap:6px;display:flex}.notif-chip{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:#ffffff14;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;transition:all .2s;display:flex}.notif-chip input{display:none}.notif-chip:has(input:checked){color:var(--gold);background:#ffd70026;border:1px solid #ffd7004d}.notif-save-bar{background:var(--card-bg);border:1px solid var(--gold);z-index:100;color:var(--text-primary);border-radius:12px;align-items:center;gap:16px;padding:12px 24px;font-size:.9rem;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.notif-invite-form{gap:8px;display:flex}.notif-input{color:var(--text-primary);background:#0000004d;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:10px 14px;font-size:.95rem}.notif-input:focus{border-color:var(--gold);outline:none}.notif-input::placeholder{color:#ffffff4d}.notif-alert{border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.85rem}.notif-alert.success{color:#4caf50;background:#4caf5026;border:1px solid #4caf504d}.notif-alert.error{color:#f44336;background:#f4433626;border:1px solid #f443364d}.notif-log{flex-direction:column;gap:8px;margin-top:16px;display:flex}.notif-log-item{background:#0003;border-left:3px solid;border-radius:8px;padding:10px 14px}.notif-log-item.sent{border-left-color:#4caf50}.notif-log-item.failed{border-left-color:#f44336}.notif-log-subject{color:var(--text-primary);font-size:.9rem;font-weight:500}.notif-log-meta{color:var(--text-secondary);gap:12px;margin-top:4px;font-size:.78rem;display:flex}.notif-log-status{text-transform:uppercase;font-weight:600}.notif-log-status.sent{color:#4caf50}.notif-log-status.failed{color:#f44336}.notif-log-error{color:#f44336;margin-top:4px;font-size:.78rem}@media (width<=600px){.notif-item{flex-direction:column;align-items:flex-start;gap:10px}.notif-item-controls{justify-content:space-between;width:100%}.notif-invite-form{flex-direction:column}}.dm-overlay{z-index:9000;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 4px 20px #00000080);align-items:flex-end;gap:12px;max-width:520px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:80px;right:20px}.dm-overlay-enter{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards dmOverlaySlideIn}.dm-overlay-exit{animation:.4s ease-in forwards dmOverlaySlideOut}@keyframes dmOverlaySlideIn{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dmOverlaySlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.85)}}.dm-overlay-char{opacity:0;background:radial-gradient(circle,#2a1a3e,#1a0e2e);border:3px solid #f0c040;border-radius:50%;flex-shrink:0;width:90px;height:90px;transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:scale(.5)}.dm-overlay-char-visible{opacity:1;transform:scale(1)}.dm-overlay-portrait{object-fit:cover;width:100%;height:100%}.dm-overlay-portrait-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;display:flex}.dm-overlay-bubble{opacity:0;border:3px solid #b4783c;border-radius:16px;flex:1;min-width:250px;padding:16px 18px 14px;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.8);box-shadow:0 2px 12px #0000004d}.dm-overlay-bubble-visible{opacity:1;transform:scale(1)}.dm-overlay-bubble:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:12px solid inherit;border-right-color:inherit;width:0;height:0;position:absolute;bottom:18px;left:-12px}.dm-overlay-mood-tag{letter-spacing:1px;color:#fff;text-shadow:0 1px 2px #0006;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:14px}.dm-overlay-text{word-wrap:break-word;font-weight:600}.dm-overlay-cursor{opacity:.7;margin-left:1px;font-weight:300;animation:.6s step-end infinite dmCursorBlink;display:inline-block}@keyframes dmCursorBlink{0%,to{opacity:.7}50%{opacity:0}}@media (width<=600px){.dm-overlay{max-width:none;bottom:70px;left:10px;right:10px}.dm-overlay-char{width:60px;height:60px}.dm-overlay-bubble{padding:12px 14px 10px;font-size:13px}.dm-overlay{gap:6px;max-width:none;bottom:84px;left:12px;right:12px}.dm-overlay-char,.dm-overlay-mood-tag{display:none}.dm-overlay-bubble{max-width:100%;max-height:64px;padding:8px 12px;overflow:hidden}.dm-overlay-text{font-size:13px;line-height:1.35}}.lightbox-overlay{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.2s lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fffc;cursor:pointer;z-index:10000;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;transition:background .2s;display:flex;position:absolute;top:16px;right:20px}.lightbox-close:hover{color:#fff;background:#fff3}.lightbox-content{cursor:default;flex-direction:column;align-items:center;max-width:92vw;max-height:92vh;display:flex}.lightbox-image{object-fit:contain;border-radius:8px;max-width:92vw;max-height:85vh;animation:.25s lightbox-zoom-in;box-shadow:0 8px 40px #0009}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lightbox-caption{color:#ffffffb3;text-align:center;margin-top:12px;font-size:.9rem;font-weight:500}.bug-fab{z-index:9990;color:#fff9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e32b3;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:fixed;bottom:80px;right:16px;box-shadow:0 2px 8px #0000004d}.bug-fab:hover{color:#fff;background:#dc2626cc;border-color:#dc262699;transform:scale(1.1)}.bug-overlay{z-index:10000;background:#0009;justify-content:center;align-items:flex-end;padding:16px;animation:.15s bugFadeIn;display:flex;position:fixed;inset:0}@keyframes bugFadeIn{0%{opacity:0}to{opacity:1}}.bug-modal{background:var(--bg-card,#1e1e2f);border:1px solid var(--border,#333);border-radius:16px 16px 12px 12px;width:100%;max-width:440px;max-height:80vh;padding:24px;animation:.2s bugSlideUp;position:relative;overflow-y:auto}@keyframes bugSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width>=481px){.bug-overlay{align-items:center}.bug-modal{border-radius:16px}}.bug-close{color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:16px}.bug-close:hover{color:var(--text-primary,#fff)}.bug-title{color:var(--text-primary,#fff);margin:0 0 4px;font-size:1.2rem}.bug-subtitle{color:var(--text-secondary,#999);margin:0 0 16px;font-size:.8rem;line-height:1.4}.bug-form{flex-direction:column;gap:14px;display:flex}.bug-field label{color:var(--text-primary,#fff);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.bug-field textarea,.bug-field input{background:var(--bg-secondary,#151525);border:1px solid var(--border,#333);width:100%;color:var(--text-primary,#fff);resize:vertical;box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.bug-field textarea:focus,.bug-field input:focus{border-color:var(--text-accent,#7c3aed);outline:none}.bug-field textarea::placeholder,.bug-field input::placeholder{color:var(--text-secondary,#666);opacity:.7}.bug-context{color:var(--text-secondary,#666);background:var(--bg-secondary,#151525);border-radius:6px;padding:6px 10px;font-size:.72rem}.bug-submit{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s}.bug-submit:hover:not(:disabled){background:#b91c1c}.bug-submit:disabled{opacity:.5;cursor:not-allowed}.bug-error{color:#dc2626;background:#dc262626;border:1px solid #dc2626;border-radius:8px;padding:10px 12px;font-size:.85rem}.bug-success{text-align:center;padding:32px 16px}.bug-success-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:1.5rem;display:inline-flex}.bug-success h3{color:#22c55e;margin:0 0 4px}.bug-success p{color:var(--text-secondary,#999);margin:0;font-size:.9rem}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#0f3460;--bg-card-hover:#1a4a7a;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--text-accent:gold;--accent:#e94560;--accent-hover:#ff6b81;--success:#2ed573;--warning:#ffa502;--danger:#ff4757;--xp-bar:#7bed9f;--streak-flame:#ff6348;--border:#2a2a4a;--shadow:#0000004d;--radius:12px;--radius-sm:8px;--nav-height:64px;--topbar-height:48px;--dungeon-hp:#e74c3c;--dungeon-str:#e67e22;--dungeon-spd:#2ecc71;--dungeon-mag:#9b59b6;--dungeon-ap:gold;--dungeon-loot-common:#95a5a6;--dungeon-loot-uncommon:#2ecc71;--dungeon-loot-rare:#3498db;--dungeon-loot-epic:#9b59b6;--dungeon-loot-legendary:#f39c12;--dungeon-room-locked:#2c3e50;--dungeon-room-current:#1a4a7a;--dungeon-room-cleared:#1a3a2a}img[loading=lazy]{transition:opacity .3s}img.loading{opacity:0}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}button,a,input,select{min-height:44px;font-size:1rem}button{cursor:pointer;border-radius:var(--radius-sm);border:none;padding:10px 20px;font-weight:600;transition:all .2s}button:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#1a1a2e}.btn-success:hover{opacity:.9}.btn-outline{border:2px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:0 4px 12px var(--shadow);padding:16px;transition:transform .2s}.card:hover{transform:translateY(-2px)}.page-bg{opacity:.15;z-index:-1;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}.page{padding:16px;padding-top:calc(var(--topbar-height) + 16px);padding-bottom:calc(var(--nav-height) + 16px);flex:1;width:100%;max-width:1200px;margin:0 auto}.page-title{color:var(--text-accent);margin-bottom:16px;font-size:1.5rem;font-weight:700}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.status-pending{color:var(--warning)}.status-completed{color:var(--success)}.status-overdue{color:var(--danger)}.status-skipped{color:var(--text-secondary)}.avatar{background:var(--bg-secondary);width:64px;height:64px;color:var(--text-accent);border:3px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.avatar-sm{width:40px;height:40px;font-size:1rem}.avatar-sm-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:40px;height:40px}.avatar-lg{width:80px;height:80px;font-size:2rem}.avatar-xl{width:100px;height:100px;font-size:2.5rem}.xp-bar-container{background:var(--bg-secondary);border-radius:6px;width:100%;height:12px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--xp-bar), var(--success));border-radius:6px;height:100%;transition:width .5s}.streak{color:var(--streak-flame);align-items:center;gap:4px;font-weight:700;display:flex}input,select{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;padding:10px 14px}input:focus,select:focus{border-color:var(--accent);outline:none}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.modal h2{color:var(--text-accent);margin-bottom:16px}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=481px){.page{padding:24px;padding-top:calc(var(--topbar-height) + 24px);padding-bottom:calc(var(--nav-height) + 24px)}.grid-2{grid-template-columns:repeat(3,1fr)}}@media (width>=769px){.grid-2{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:92%;max-width:400px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;pointer-events:auto;will-change:transform, opacity;background:#0f3460f2;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) toastSlideIn;display:flex;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.toast-exit{animation:.3s ease-in forwards toastSlideOut}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-msg{flex:1;line-height:1.3}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--text-accent)}.toast-loot{border-left:3px solid #a855f7}.toast-xp{border-left:3px solid var(--xp-bar)}.toast-ap{border-left:3px solid var(--dungeon-ap)}.toast-art{border-left:3px solid #ff6b81}.toast-levelup{border-left:3px solid var(--text-accent);background:linear-gradient(135deg,#0f3460f2,#2d1950f2)}.toast-streak{border-left:3px solid var(--streak-flame)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.global-error-toast{z-index:10000;background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);border-left:3px solid var(--danger);box-shadow:0 4px 12px var(--shadow);max-width:360px;padding:12px 20px;font-size:14px;animation:.3s toastSlideIn,.4s 3.6s forwards toastSlideOut;position:fixed;top:70px;right:20px}.demo-guide{background:var(--bg-card);border-radius:var(--radius);z-index:5;border:1px solid #f59e0b;max-width:720px;margin:12px auto 0;padding:12px 14px;position:relative}.demo-guide-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.demo-guide-head button{color:#1a1a2e;border-radius:var(--radius-sm);cursor:pointer;background:#f59e0b;border:none;min-height:36px;padding:6px 14px;font-weight:700}.demo-guide ol{counter-reset:demo-step;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-guide li a{border-radius:var(--radius-sm);height:100%;color:inherit;background:#ffffff0f;align-items:flex-start;gap:8px;padding:8px 10px;font-size:.8rem;line-height:1.35;text-decoration:none;display:flex}.demo-guide li a:hover,.demo-guide li a:focus-visible{background:#ffffff24}.demo-guide li a b{font-size:.9rem;display:block}.demo-guide li a b:before{counter-increment:demo-step;content:counter(demo-step) ". "}@media (width<=560px){.demo-guide{margin:8px 8px 0}.demo-guide ol{grid-template-columns:1fr}}.approval-celebration{z-index:20;color:#fff0bf;background:#302747;border:1px solid #dcb661;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:70px 16px 8px;padding:12px 16px;display:flex;position:relative}.approval-celebration a{color:#ffe29d;font-weight:700}.with-app-bars .pet-page,.with-app-bars .notif-page,.with-app-bars .legal-page{padding-top:calc(var(--topbar-height) + 16px);padding-bottom:calc(var(--nav-height) + 16px)}