:root{--color-bg: #0f0f1e;--color-bg-rgb: 15, 15, 30;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #252538;--color-text: #e8e8f0;--color-text-secondary: #a8a8b8;--color-text-tertiary: #787888;--color-accent: #fbbf24;--color-accent-hover: #f59e0b;--color-highlight: #fbbf24;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-tooltip: 400;--transition-base: all .2s ease;--transition-slow: all .3s ease;--color-background: var(--color-bg);--color-surface: var(--color-bg-secondary);--color-surface-elevated: var(--color-bg-tertiary);--color-border: rgba(255, 255, 255, .1);--color-border-rgb: 255, 255, 255;--color-text-muted: var(--color-text-secondary);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--font-size-md: var(--font-size-base);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: all .15s ease;--radius-xs: .25rem;--touch-target-min-compact: 44px;--touch-target-min-wide: 32px;--touch-target-recommended: 48px;--touch-padding-sm: 8px;--touch-padding-md: 12px;--touch-padding-lg: 16px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}#root{isolation:isolate;min-height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.loading--fullscreen{min-height:100vh}.loading__spinner{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-base)}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:var(--color-accent);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-bg-tertiary)}.button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.button--ghost{background-color:transparent;color:var(--color-accent)}.button--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.button--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.button--md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.button--lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg)}.button--full-width{width:100%}.button__spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input__required{color:var(--color-error);margin-left:2px}.input{padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);transition:var(--transition-base)}.input::placeholder{color:var(--color-text-secondary)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #6366f133}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444433}.input__error{font-size:var(--font-size-sm);color:var(--color-error)}.google-auth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-base)}.google-auth-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#c6c6c6}.google-auth-button:disabled{opacity:.6;cursor:not-allowed}.google-auth-button__icon{flex-shrink:0}.google-auth-button__spinner{width:18px;height:18px;border:2px solid #dadce0;border-top-color:#1f1f1f;border-radius:50%;animation:google-spin .6s linear infinite}@keyframes google-spin{to{transform:rotate(360deg)}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);gap:var(--spacing-lg, 2rem)}.login-branding{display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-logo{font-size:3rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:baseline}.login-logo-epic{color:var(--color-text, #e8e8f0)}.login-logo-roll{color:var(--color-accent, #fbbf24)}.login-tagline{font-size:1rem;color:var(--color-text-secondary, #a8a8b8);font-style:italic}.login-card{width:100%;max-width:400px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-lg)}.login-header__title{font-size:var(--font-size-2xl);color:var(--color-accent);margin-bottom:var(--spacing-xs)}.login-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-error{padding:var(--spacing-sm);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.login-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);text-align:center}.login-links a{color:var(--color-accent);font-size:var(--font-size-sm);transition:var(--transition-base)}.login-links a:hover{color:var(--color-accent-hover);text-decoration:underline}.login-divider{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--color-bg-tertiary)}@media(max-width:600px){.login-page{padding:var(--spacing-md)}.login-logo{font-size:2.5rem}.login-card{padding:var(--spacing-lg)}.login-header__title{font-size:var(--font-size-xl)}}.readiness-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg, #0f0f1e);z-index:9999;opacity:1;transition:opacity .5s ease-out}.readiness-screen--fading{opacity:0;pointer-events:none}.readiness-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1.5rem);min-width:320px}.readiness-logo{font-size:3rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:baseline;animation:readiness-fade-in .6s ease-out}.readiness-logo-epic{color:var(--color-text, #e8e8f0)}.readiness-logo-roll{color:var(--color-accent, #fbbf24)}.readiness-tagline{font-size:1rem;color:var(--color-text-secondary, #a8a8b8);font-style:italic;animation:readiness-fade-in .6s ease-out .2s both}.readiness-services{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:360px;margin-top:var(--spacing-lg, 2rem);animation:readiness-fade-in .6s ease-out .4s both}.readiness-service{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.75rem;padding:.5rem 0}.readiness-service-label{color:var(--color-text, #e8e8f0);font-size:.9375rem;font-weight:500}.readiness-service-version{color:var(--color-text-secondary, #a8a8b8);font-size:.8125rem;font-family:monospace;min-width:4rem;text-align:right}.readiness-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.875rem}.readiness-icon--check{color:var(--color-success, #10b981);font-weight:700}.readiness-icon--warning{color:var(--color-warning, #f59e0b)}.readiness-icon--spinner{width:1rem;height:1rem;border:2px solid var(--color-text-secondary, #a8a8b8);border-top-color:var(--color-accent, #fbbf24);border-radius:50%;animation:readiness-spin .8s linear infinite}.readiness-retry-button{background:none;border:1px solid var(--color-text-secondary, #a8a8b8);color:var(--color-text-secondary, #a8a8b8);font-size:.6875rem;padding:.125rem .5rem;border-radius:.25rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.readiness-retry-button:hover{border-color:var(--color-accent, #fbbf24);color:var(--color-accent, #fbbf24)}.readiness-detail{color:var(--color-text-secondary, #a8a8b8);font-size:.75rem;text-align:center;opacity:.8}.readiness-title{font-size:1.25rem;color:var(--color-warning, #f59e0b);font-weight:600}.readiness-update-message{text-align:center;color:var(--color-text-secondary, #a8a8b8);font-size:.9375rem;line-height:1.6}.readiness-update-message p{margin:0}.readiness-refresh-button{background-color:var(--color-accent, #6366f1);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:var(--radius-md, .5rem);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;margin-top:var(--spacing-sm, 1rem)}.readiness-refresh-button:hover{background-color:var(--color-accent-hover, #4f46e5)}@keyframes readiness-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes readiness-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.readiness-logo{font-size:2.5rem}.readiness-tagline{font-size:.875rem}.readiness-services{max-width:280px}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background-color:var(--color-background)}.error-boundary__content{text-align:center;max-width:400px}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-error);margin:0 0 var(--spacing-md) 0}.error-boundary__message{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0;line-height:1.6}.error-boundary__button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.error-boundary__button:hover{background-color:var(--color-primary-hover)}.signup-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.signup-card{width:100%;max-width:400px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.signup-header{text-align:center;margin-bottom:var(--spacing-lg)}.signup-header__title{font-size:var(--font-size-2xl);color:var(--color-accent);margin-bottom:var(--spacing-xs)}.signup-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.signup-error{padding:var(--spacing-sm);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.signup-divider{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:1px;background-color:var(--color-bg-tertiary)}.signup-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);text-align:center}.signup-links a{color:var(--color-accent);font-size:var(--font-size-sm);transition:var(--transition-base)}.signup-links a:hover{color:var(--color-accent-hover);text-decoration:underline}.forgot-password-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.forgot-password-card{width:100%;max-width:400px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.forgot-password-header{text-align:center;margin-bottom:var(--spacing-lg)}.forgot-password-header__title{font-size:var(--font-size-2xl);color:var(--color-accent);margin-bottom:var(--spacing-xs)}.forgot-password-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.forgot-password-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.forgot-password-error{padding:var(--spacing-sm);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.forgot-password-success{text-align:center;padding:var(--spacing-md) 0}.forgot-password-success__icon{width:48px;height:48px;margin:0 auto var(--spacing-md);background-color:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:#fff}.forgot-password-success__title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm)}.forgot-password-success__message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-sm)}.forgot-password-success__message strong{color:var(--color-text)}.forgot-password-success__note{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-lg)}.forgot-password-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);text-align:center}.forgot-password-links a{color:var(--color-accent);font-size:var(--font-size-sm);transition:var(--transition-base)}.forgot-password-links a:hover{color:var(--color-accent-hover);text-decoration:underline}@media(max-width:600px){.forgot-password-page{padding:var(--spacing-md)}.forgot-password-card{padding:var(--spacing-lg)}.forgot-password-header__title{font-size:var(--font-size-xl)}}.email-verification-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-warning-bg, #fef3cd);border-bottom:1px solid var(--color-warning-border, #ffc107);color:var(--color-warning-text, #856404)}.email-verification-banner__content{display:flex;align-items:center;gap:var(--spacing-sm)}.email-verification-banner__icon{font-size:1.125rem}.email-verification-banner__message{font-size:var(--font-size-sm)}.email-verification-banner__actions{flex-shrink:0}.email-verification-banner__button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-warning-text, #856404);background-color:transparent;border:1px solid var(--color-warning-text, #856404);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.email-verification-banner__button:hover:not(:disabled){background-color:var(--color-warning-text, #856404);color:#fff}.email-verification-banner__button:disabled{opacity:.6;cursor:not-allowed}.email-verification-banner__success{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success, #28a745)}.email-verification-banner__error{font-size:var(--font-size-sm);color:var(--color-error, #dc3545)}@media(max-width:600px){.email-verification-banner{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.world-card{position:relative;width:400px;height:450px;background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-lg, .75rem);overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;color:var(--color-text, #e8e8f0)}.world-card:hover{border-color:var(--color-accent, #fbbf24);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .4))}.world-card:focus-visible{outline:2px solid var(--color-highlight, #fbbf24);outline-offset:2px}.world-card__header{position:relative;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm, 1rem)}.world-card__name{font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-bold, 700);color:var(--color-accent, #fbbf24);text-align:center;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.world-card__gear{position:absolute;right:var(--spacing-sm, 1rem);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary, #a8a8b8);line-height:1;padding:var(--spacing-xs, .5rem);cursor:pointer;border-radius:var(--radius-sm, .375rem);transition:color .2s ease,background-color .2s ease;min-width:var(--touch-target-min-wide, 32px);min-height:var(--touch-target-min-wide, 32px);display:flex;align-items:center;justify-content:center}.world-card__gear:hover{color:var(--color-text, #e8e8f0);background:#ffffff0d}.world-card__body{position:relative;flex:1;overflow:hidden;background:var(--color-bg-secondary, #1a1a2e)}.world-card__location-img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.world-card__foreground{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;padding:var(--spacing-sm, 1rem);gap:var(--spacing-sm, 1rem)}.world-card__foreground--rich{background:linear-gradient(transparent,#000000b3);padding-top:var(--spacing-xl, 3rem)}.world-card__portrait{width:100px;height:100px;flex-shrink:0;object-fit:cover}.world-card__info{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem);min-width:0}.world-card__character-name{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text, #e8e8f0)}.world-card__last-played{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #a8a8b8)}.new-world-card{width:400px;height:450px;background:transparent;border:2px dashed var(--color-border, #2a2a3e);border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #a8a8b8);user-select:none;-webkit-user-select:none}.new-world-card:hover{border-color:var(--color-accent, #fbbf24);background:#ffffff05}.new-world-card:focus-visible{outline:2px solid var(--color-highlight, #fbbf24);outline-offset:2px}.new-world-card--disabled{cursor:not-allowed;opacity:.5}.new-world-card--disabled:hover{border-color:var(--color-border, #2a2a3e);background:transparent}.new-world-card__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 1rem)}.new-world-card__icon{font-size:3rem;color:var(--color-accent, #fbbf24);line-height:1}.new-world-card__text{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.home-page{flex:1;min-height:0;background:var(--color-bg, #0f0f1e);color:var(--color-text, #e8e8f0);display:flex;flex-direction:column;overflow:hidden}.home-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 1.5rem);border-bottom:1px solid var(--color-border, #2a2a3e);flex-shrink:0;background:var(--color-bg, #0f0f1e)}.home-header__logo{font-size:1.5rem;font-weight:700;letter-spacing:.05em}.home-header__logo-epic{color:var(--color-text, #e8e8f0)}.home-header__logo-roll{color:var(--color-accent, #fbbf24)}.home-header__actions{display:flex;gap:var(--spacing-sm, 1rem);align-items:center}.home-header__btn{background:transparent;border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, .375rem);padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem);color:var(--color-text, #e8e8f0);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.home-header__btn:hover{background:var(--color-bg-secondary, #1a1a2e);border-color:var(--color-accent, #fbbf24)}.home-content{flex:1;min-height:0;padding:var(--spacing-md, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-lg, 2rem);overflow-y:auto}.home-section{display:flex;flex-direction:column;gap:var(--spacing-sm, 1rem)}.home-section__title{font-size:1.25rem;font-weight:600;color:var(--color-text, #e8e8f0);margin:0}.worlds-grid,.worlds-skeleton{display:grid;grid-template-columns:repeat(auto-fill,400px);gap:var(--spacing-lg, 2rem);justify-content:center}.skeleton-card{width:400px;height:450px;background:var(--color-bg-secondary, #1a1a2e);border-radius:var(--radius-lg, .75rem);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 3rem) var(--spacing-md, 1.5rem);text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:var(--spacing-sm, 1rem)}.empty-state__title{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs, .5rem) 0}.empty-state__description{color:var(--color-text-secondary, #a8a8b8);margin:0 0 var(--spacing-md, 1.5rem) 0;max-width:300px}.empty-state__cta{background:var(--color-accent, #fbbf24);color:#fff;border:none;border-radius:var(--radius-md, .5rem);padding:var(--spacing-sm, 1rem) var(--spacing-lg, 2rem);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.empty-state__cta:hover{background:var(--color-accent-hover, #f59e0b)}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 1rem);padding:var(--spacing-md, 1.5rem)}.error-state__message{color:var(--color-error, #ef4444);margin:0}.error-state__retry{background:transparent;border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, .375rem);padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem);color:var(--color-text, #e8e8f0);cursor:pointer;transition:background-color .2s ease}.error-state__retry:hover{background:var(--color-bg-secondary, #1a1a2e)}@media(max-width:480px){.home-content{padding:var(--spacing-sm, 1rem)}.worlds-grid,.worlds-skeleton{grid-template-columns:1fr}.skeleton-card{width:100%;height:auto;aspect-ratio:400 / 450}}.new-game-wizard{min-height:100vh;background:var(--color-bg, #0f0f1e);color:var(--color-text, #e8e8f0);display:flex;flex-direction:column}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 1.5rem);border-bottom:1px solid var(--color-border, #2a2a3e)}.wizard-header__back{background:transparent;border:none;color:var(--color-text-secondary, #a8a8b8);font-size:1rem;cursor:pointer;padding:var(--spacing-xs, .5rem);transition:color .2s ease}.wizard-header__back:hover{color:var(--color-text, #e8e8f0)}.wizard-header__step{color:var(--color-text-secondary, #a8a8b8);font-size:.875rem}.wizard-progress{padding:var(--spacing-md, 1.5rem)}.wizard-progress__bar{height:4px;background:var(--color-bg-secondary, #1a1a2e);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-sm, 1rem)}.wizard-progress__fill{height:100%;background:var(--color-accent, #fbbf24);transition:width .3s ease}.wizard-progress__steps{display:flex;justify-content:space-between}.wizard-progress__dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border, #2a2a3e);background:var(--color-bg, #0f0f1e);color:var(--color-text-secondary, #a8a8b8);font-size:.75rem;font-weight:600;cursor:default;transition:all .2s ease}.wizard-progress__dot--complete{border-color:var(--color-success, #10b981);background:var(--color-success, #10b981);color:#fff;cursor:pointer}.wizard-progress__dot--active{border-color:var(--color-accent, #fbbf24);background:var(--color-accent, #fbbf24);color:#fff}.wizard-progress__dot:disabled{cursor:default}.wizard-content{flex:1;padding:var(--spacing-md, 1.5rem);overflow-y:auto}.wizard-step{max-width:600px;margin:0 auto}.wizard-step__header{margin-bottom:var(--spacing-lg, 2rem);text-align:center}.wizard-step__title{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs, .5rem) 0;color:var(--color-text, #e8e8f0)}.wizard-step__description{color:var(--color-text-secondary, #a8a8b8);margin:0}.wizard-step__content{display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text, #e8e8f0)}.form-required{color:var(--color-error, #ef4444)}.form-input,.form-textarea,.form-select{background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, .375rem);padding:var(--spacing-sm, 1rem);font-size:1rem;color:var(--color-text, #e8e8f0);transition:border-color .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent, #fbbf24)}.form-input--error,.form-select--error{border-color:var(--color-error, #ef4444)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer}.form-hint{font-size:.75rem;color:var(--color-text-secondary, #a8a8b8)}.form-error{font-size:.75rem;color:var(--color-error, #ef4444)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm, 1rem)}.theme-option{background:var(--color-bg-secondary, #1a1a2e);border:2px solid var(--color-border, #2a2a3e);border-radius:var(--radius-md, .5rem);padding:var(--spacing-sm, 1rem);cursor:pointer;transition:all .2s ease;text-align:center;color:inherit}.theme-option:hover{border-color:var(--color-accent, #fbbf24)}.theme-option--selected{border-color:var(--color-accent, #fbbf24);background:#6366f11a}.theme-option__preview{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs, .5rem)}.theme-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, .375rem)}.theme-preview--ornate{background:linear-gradient(135deg,#8b7355,#d4af37)}.theme-preview--digital{background:linear-gradient(135deg,#0f172a,#fbbf24)}.theme-preview--industrial{background:linear-gradient(135deg,#374151,#78716c)}.theme-preview--organic{background:linear-gradient(135deg,#166534,#65a30d)}.theme-preview--cozy{background:linear-gradient(135deg,#fecaca,#fde68a)}.theme-preview__icon{font-size:2rem}.theme-option__info{display:flex;flex-direction:column;gap:.25rem}.theme-option__name{font-weight:600;font-size:.875rem}.theme-option__desc{font-size:.75rem;color:var(--color-text-secondary, #a8a8b8)}.option-cards{display:flex;gap:var(--spacing-sm, 1rem)}.option-card{flex:1;background:var(--color-bg-secondary, #1a1a2e);border:2px solid var(--color-border, #2a2a3e);border-radius:var(--radius-md, .5rem);padding:var(--spacing-sm, 1rem);cursor:pointer;transition:all .2s ease;text-align:left;color:inherit}.option-card:hover{border-color:var(--color-accent, #fbbf24)}.option-card--selected{border-color:var(--color-accent, #fbbf24);background:#6366f11a}.option-card__title{display:block;font-weight:600;font-size:.875rem;margin-bottom:.25rem}.option-card__desc{display:block;font-size:.75rem;color:var(--color-text-secondary, #a8a8b8)}.wizard-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm, 1rem);padding:var(--spacing-md, 1.5rem);border-top:1px solid var(--color-border, #2a2a3e)}.wizard-btn{padding:var(--spacing-sm, 1rem) var(--spacing-lg, 2rem);border-radius:var(--radius-md, .5rem);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.wizard-btn--skip{background:transparent;border:1px solid var(--color-border, #2a2a3e);color:var(--color-text-secondary, #a8a8b8)}.wizard-btn--skip:hover{border-color:var(--color-text-secondary, #a8a8b8);color:var(--color-text, #e8e8f0)}.wizard-btn--primary{background:var(--color-accent, #fbbf24);border:none;color:#fff}.wizard-btn--primary:hover{background:var(--color-accent-hover, #f59e0b)}.wizard-btn--primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.wizard-header,.wizard-progress,.wizard-content,.wizard-footer{padding:var(--spacing-sm, 1rem)}.wizard-progress__dot{width:28px;height:28px;font-size:.625rem}.theme-grid{grid-template-columns:repeat(2,1fr)}.option-cards{flex-direction:column}.wizard-btn{padding:var(--spacing-sm, 1rem)}}.settings-page{min-height:100vh;background:var(--color-bg, #0f0f1e);color:var(--color-text, #e8e8f0);display:flex;flex-direction:column}.settings-header{padding:var(--spacing-md, 1.5rem);border-bottom:1px solid var(--color-border, #2a2a3e)}.settings-header__back{background:transparent;border:none;color:var(--color-text, #e8e8f0);font-size:1.125rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.settings-header__back:hover{color:var(--color-accent, #fbbf24)}.settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border, #2a2a3e);overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab-btn{flex-shrink:0;padding:var(--spacing-sm, 1rem) var(--spacing-md, 1.5rem);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary, #a8a8b8);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-tab-btn:hover{color:var(--color-text, #e8e8f0)}.settings-tab-btn--active{color:var(--color-accent, #fbbf24);border-bottom-color:var(--color-accent, #fbbf24)}.settings-content{flex:1;padding:var(--spacing-md, 1.5rem);overflow-y:auto}.settings-tab{max-width:600px;margin:0 auto}.settings-group{margin-bottom:var(--spacing-lg, 2rem)}.settings-group__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #a8a8b8);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm, 1rem) 0}.settings-group--danger .settings-group__title{color:var(--color-error, #ef4444)}.settings-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md, 1.5rem);padding:var(--spacing-sm, 1rem) 0;border-bottom:1px solid var(--color-border, #2a2a3e)}.settings-item:last-child{border-bottom:none}.settings-item__info{flex:1}.settings-item__label{font-size:1rem;font-weight:500;color:var(--color-text, #e8e8f0);display:block;margin-bottom:.25rem}.settings-item__description{font-size:.875rem;color:var(--color-text-secondary, #a8a8b8);margin:0;line-height:1.4}.settings-item__value{font-size:.875rem;color:var(--color-text-secondary, #a8a8b8);margin:0}.settings-item__select{min-width:120px;padding:var(--spacing-xs, .5rem);background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, .375rem);color:var(--color-text, #e8e8f0);font-size:.875rem;cursor:pointer}.settings-item__select:focus{outline:none;border-color:var(--color-accent, #fbbf24)}.settings-item__slider-container{display:flex;align-items:center;gap:var(--spacing-sm, 1rem);min-width:180px}.settings-item__slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--color-bg-secondary, #1a1a2e);border-radius:2px;cursor:pointer}.settings-item__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--color-accent, #fbbf24);border-radius:50%;cursor:pointer}.settings-item__slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent, #fbbf24);border-radius:50%;cursor:pointer;border:none}.settings-item__slider-value{font-size:.875rem;color:var(--color-text-secondary, #a8a8b8);min-width:3ch;text-align:right}.settings-item__toggle{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.settings-item__toggle input{opacity:0;width:0;height:0}.settings-item__toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:12px;transition:background-color .2s ease,border-color .2s ease}.settings-item__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;top:2px;background:var(--color-text-secondary, #a8a8b8);border-radius:50%;transition:transform .2s ease,background-color .2s ease}.settings-item__toggle input:checked+.settings-item__toggle-slider{background:var(--color-accent, #fbbf24);border-color:var(--color-accent, #fbbf24)}.settings-item__toggle input:checked+.settings-item__toggle-slider:before{transform:translate(24px);background:#fff}.settings-action-btn{padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem);background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, .375rem);color:var(--color-text, #e8e8f0);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-action-btn:hover:not(:disabled){border-color:var(--color-accent, #fbbf24);color:var(--color-accent, #fbbf24)}.settings-action-btn:disabled{opacity:.5;cursor:not-allowed}.settings-action-btn--danger{border-color:var(--color-error, #ef4444);color:var(--color-error, #ef4444)}.settings-action-btn--danger:hover:not(:disabled){background:var(--color-error, #ef4444);color:#fff}.settings-reset-btn{width:100%;padding:var(--spacing-sm, 1rem);background:transparent;border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-sm, .375rem);color:var(--color-text-secondary, #a8a8b8);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-reset-btn:hover{border-color:var(--color-text-secondary, #a8a8b8);color:var(--color-text, #e8e8f0)}.settings-info-text{font-size:.875rem;color:var(--color-text-secondary, #a8a8b8);line-height:1.5;margin:0}@media(max-width:480px){.settings-header,.settings-content{padding:var(--spacing-sm, 1rem)}.settings-tab-btn{padding:var(--spacing-sm, .75rem) var(--spacing-sm, 1rem)}.settings-item{flex-direction:column;gap:var(--spacing-sm, 1rem)}.settings-item__select,.settings-item__slider-container{width:100%;min-width:0}.settings-item__toggle{align-self:flex-start}.settings-action-btn{width:100%}}.loading-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.loading-screen--visible{opacity:1}.loading-screen__backdrop{position:absolute;inset:0}.loading-screen__backdrop-image{width:100%;height:100%;object-fit:cover;filter:blur(4px)}.loading-screen__backdrop-placeholder{width:100%;height:100%;background:linear-gradient(180deg,var(--color-bg, #0f0f1e) 0%,var(--color-bg-secondary, #1a1a2e) 100%)}.loading-screen__backdrop-overlay{position:absolute;inset:0;background:#0f0f1ed9}.loading-screen__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg, 2rem);max-width:500px;width:100%}.loading-screen__portrait{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--color-accent, #fbbf24);margin-bottom:var(--spacing-md, 1.5rem);box-shadow:0 0 30px #6366f14d;animation:portrait-pulse 2s ease-in-out infinite}@keyframes portrait-pulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f180}}.loading-screen__portrait-image{width:100%;height:100%;object-fit:cover}.loading-screen__portrait-placeholder{width:100%;height:100%;background:var(--color-bg-secondary, #1a1a2e);display:flex;align-items:center;justify-content:center}.loading-screen__portrait-icon{color:var(--color-text-secondary, #a8a8b8);opacity:.4}.loading-screen__info{margin-bottom:var(--spacing-md, 1.5rem)}.loading-screen__world-name{font-size:2rem;font-weight:700;margin:0 0 var(--spacing-xs, .5rem) 0;color:var(--color-text, #e8e8f0)}.loading-screen__character-name{font-size:1rem;color:var(--color-text-secondary, #a8a8b8);margin:0;font-style:italic}.loading-screen__recap{background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-md, .5rem);padding:var(--spacing-sm, 1rem);margin-bottom:var(--spacing-lg, 2rem);max-width:400px}.loading-screen__recap-label{font-size:.75rem;color:var(--color-accent, #fbbf24);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xs, .5rem) 0}.loading-screen__recap-text{font-size:.875rem;color:var(--color-text-secondary, #a8a8b8);margin:0;line-height:1.5;text-align:left}.loading-screen__progress-section{width:100%;max-width:300px}.loading-screen__progress{height:4px;background:var(--color-bg-secondary, #1a1a2e);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-sm, 1rem)}.loading-screen__progress-bar{height:100%;background:var(--color-accent, #fbbf24);border-radius:2px;transition:width .6s ease-out}.loading-screen__progress-bar--indeterminate{width:30%;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loading-screen__status{font-size:.875rem;color:var(--color-text-secondary, #a8a8b8);margin:0 0 var(--spacing-xs, .5rem) 0}.loading-screen__status--error{color:var(--color-error, #ef4444)}.loading-screen__tip{font-size:.75rem;color:var(--color-text-secondary, #a8a8b8);margin:0;opacity:.8;animation:tip-fade 5s ease-in-out infinite}.loading-screen__tip-label{color:var(--color-accent, #fbbf24);font-weight:500}@keyframes tip-fade{0%,to{opacity:.8}10%,90%{opacity:1}}.loading-screen__actions{display:flex;gap:var(--spacing-sm, 1rem);margin-top:var(--spacing-lg, 2rem)}.loading-screen__btn{padding:var(--spacing-sm, 1rem) var(--spacing-lg, 2rem);border-radius:var(--radius-md, .5rem);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.loading-screen__btn--primary{background:var(--color-accent, #fbbf24);border:none;color:var(--color-text-on-accent, #ffffff);box-shadow:0 4px 12px #6366f166}.loading-screen__btn--primary:hover{background:var(--color-accent-hover, #f59e0b);box-shadow:0 6px 16px #6366f180;transform:translateY(-1px)}.loading-screen__btn--secondary{background:transparent;border:1px solid var(--color-border, #2a2a3e);color:var(--color-text-secondary, #a8a8b8)}.loading-screen__btn--secondary:hover{border-color:var(--color-text-secondary, #a8a8b8);color:var(--color-text, #e8e8f0)}.loading-screen__ready-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1.5rem);animation:ready-fade-in .5s ease}@keyframes ready-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-screen__ready-message{font-size:1rem;color:var(--color-text-secondary, #a8a8b8);margin:0;font-style:italic}.loading-screen__btn--start{background:var(--color-accent, #fbbf24);border:none;color:var(--color-text-on-accent, #ffffff);font-size:1.125rem;padding:var(--spacing-md, 1.5rem) var(--spacing-xl, 3rem);box-shadow:0 4px 12px #6366f166;animation:start-pulse 2s ease-in-out infinite}.loading-screen__btn--start:hover{background:var(--color-accent-hover, #f59e0b);box-shadow:0 6px 16px #6366f180;transform:translateY(-1px)}@keyframes start-pulse{0%,to{box-shadow:0 4px 12px #6366f166}50%{box-shadow:0 4px 20px #6366f199}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);animation:shimmer-sweep 1.8s ease-in-out infinite}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-screen__character-shimmer{width:160px;height:1rem;border-radius:var(--radius-sm, .375rem);background:var(--color-bg-secondary, #1a1a2e);margin:var(--spacing-xs, .5rem) auto 0}@media(max-width:480px){.loading-screen__content{padding:var(--spacing-md, 1.5rem)}.loading-screen__portrait{width:100px;height:100px}.loading-screen__world-name{font-size:1.5rem}.loading-screen__recap{padding:var(--spacing-sm, .75rem)}}.game-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);height:56px;min-height:56px;background:rgba(var(--color-bg-rgb, 15, 15, 30),.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-top:max(var(--spacing-sm),env(safe-area-inset-top));position:sticky;top:0;z-index:var(--z-sticky, 100);border-bottom:1px solid rgba(var(--color-border-rgb, 255, 255, 255),.1)}.game-header__left{display:flex;align-items:center;min-width:44px}.game-header__menu-btn,.game-header__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);min-width:44px;min-height:44px}.game-header__menu-btn:hover,.game-header__menu-btn:focus-visible,.game-header__back-btn:hover,.game-header__back-btn:focus-visible{background:var(--color-bg-tertiary);color:var(--color-accent)}.game-header__menu-btn:active,.game-header__back-btn:active{transform:scale(.95)}.game-header__menu-btn--open{color:var(--color-accent)}.game-header__menu-icon,.game-header__back-icon{font-size:1.5rem;line-height:1}.game-header__center{flex:1;display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-sm);overflow:hidden}.game-header__location{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0}.game-header__location--placeholder{color:var(--color-text-secondary);font-style:italic}.game-header__right{display:flex;align-items:center;min-width:80px;justify-content:flex-end}.game-header__time{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}@media(min-width:1024px){.game-header{padding:var(--spacing-sm) var(--spacing-lg)}.game-header__location{font-size:var(--font-size-lg)}.game-header__menu-btn,.game-header__back-btn{width:40px;height:40px;min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){.game-header__menu-btn,.game-header__back-btn{transition:none}.game-header__menu-btn:active,.game-header__back-btn:active{transform:none}}.game-image{position:relative;display:inline-block;overflow:hidden}.game-image--portrait,.game-image--icon{border-radius:50%}.game-image--location{border-radius:var(--radius-md);width:100%}.game-image--item{border-radius:var(--radius-md)}.game-image--small{width:48px;height:48px}.game-image--medium{width:80px;height:80px}.game-image--large{width:200px;height:200px}.game-image--location.game-image--small,.game-image--location.game-image--medium,.game-image--location.game-image--large{width:100%;height:auto;aspect-ratio:1 / 1}.game-image__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.game-image__placeholder--portrait{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}.game-image__placeholder--portrait svg{width:50%;height:50%;color:var(--color-text-secondary);opacity:.5}.game-image__placeholder--icon{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}.game-image__placeholder--icon svg{width:50%;height:50%;color:var(--color-text-secondary);opacity:.5}.game-image__placeholder--item{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}.game-image__placeholder--item svg{width:50%;height:50%;color:var(--color-text-secondary);opacity:.5}.game-image__placeholder--location{background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%)}.game-image__placeholder-brand{font-size:1.5rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);opacity:.15;-webkit-user-select:none;user-select:none}.game-image__placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:game-image-shimmer 2s ease-in-out infinite}@keyframes game-image-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.game-image__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:1}.game-image__loading-spinner{width:24px;height:24px;border:2px solid var(--color-text-secondary);border-top-color:var(--color-accent);border-radius:50%;animation:game-image-spin .8s linear infinite}@keyframes game-image-spin{to{transform:rotate(360deg)}}.game-image__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-out;z-index:1}.game-image__img--loaded{opacity:1}.game-image__img--fallback{z-index:0}.game-image__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#501e1e4d,#3c141466);border:1px solid rgba(180,60,60,.25);border-radius:inherit}.game-image__retry-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:var(--font-size-xs);color:#c85050cc;background:#b43c3c26;border:1px solid rgba(180,60,60,.3);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base)}.game-image__retry-icon{width:16px;height:16px;flex-shrink:0}.game-image__retry-btn:hover{background:#b43c3c40;border-color:#c8505080;color:#dc6464e6}.game-image__retry-btn:focus-visible{outline:2px solid rgba(200,80,80,.5);outline-offset:2px}.game-image:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.game-image__placeholder:after{animation:none}.game-image__loading-spinner{animation:none}.game-image__img{transition:none}}.side-panel-header{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;transition:var(--transition-base, all .2s ease)}.side-panel-header:hover{opacity:.95}.side-panel-header:focus-visible{outline:2px solid var(--color-accent, #fbbf24);outline-offset:-2px}.side-panel-header__portrait{position:absolute;inset:0;width:100%;height:100%}.side-panel-header__portrait .game-image{width:100%!important;height:100%!important;border-radius:0}.side-panel-header__portrait .game-image__img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.side-panel-header__name-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;margin:0;background:#000c;z-index:5;text-align:center;border:none!important;box-shadow:none}.side-panel-header__name{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:#fff!important;margin:0!important;padding:0!important;border:none!important;border-width:0!important;box-shadow:none;line-height:1.2}.entity-tab-bar__wrapper{position:relative;flex-shrink:0}.entity-tab-bar__wrapper:before,.entity-tab-bar__wrapper:after{content:"";position:absolute;top:0;bottom:1px;width:48px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1}.entity-tab-bar__wrapper:before{left:0;background:linear-gradient(to right,#6366f133,#6366f100)}.entity-tab-bar__wrapper:after{right:0;background:linear-gradient(to left,#6366f133,#6366f100)}.entity-tab-bar__wrapper--scroll-left:before{opacity:1}.entity-tab-bar__wrapper--scroll-right:after{opacity:1}.entity-tab-bar{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x}.entity-tab-bar::-webkit-scrollbar{display:none}.entity-tab-bar__tab{flex:0 0 auto;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-base);white-space:nowrap;min-height:44px}.entity-tab-bar--fit-3 .entity-tab-bar__tab{flex:1 1 auto;min-width:0}.entity-tab-bar__tab:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.entity-tab-bar__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.entity-tab-bar__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.entity-tab-bar__icon{font-size:1.125rem}.entity-tab-bar__label{display:inline}@media(max-width:320px){.entity-tab-bar__label{display:none}.entity-tab-bar__tab{min-width:60px}}.tab-base{display:flex;flex-direction:column;gap:var(--tab-section-gap, var(--spacing-lg))}.tab-base__section-header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0}.tab-base__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tab-base__section-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.tab-base__text{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);margin:0}.tab-base__text--secondary{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tab-base__text--italic{font-style:italic}.tab-base__empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-style:italic;margin:0}.tab-base__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tab-base__tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-border)}.tab-base__details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.tab-base__detail{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.tab-base__detail-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.tab-base__detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.tab-base__list{list-style:none;margin:0;padding:0}.tab-base__list-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.tab-base__list-item:last-child{border-bottom:none}.tab-base__list-icon{flex-shrink:0;color:var(--color-accent);font-size:1rem;margin-top:2px}.tab-base__list-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.tab-base__bar-row{display:flex;align-items:center;gap:var(--spacing-sm)}.tab-base__bar-label{width:80px;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.tab-base__bar{flex:1;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.tab-base__bar-fill{height:100%;border-radius:4px;transition:width .3s ease-out}.tab-base__bar-value{width:80px;font-size:var(--font-size-sm);color:var(--color-text);text-align:right;flex-shrink:0}@media(max-width:400px){.tab-base__details{grid-template-columns:1fr}.tab-base__bar-label,.tab-base__bar-value{width:70px}}.stats-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-tab__section-header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.stats-tab__health{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.stats-tab__health-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.stats-tab__hearts{display:flex;gap:2px}.stats-tab__heart{color:var(--color-error, #ef4444);font-size:16px}.stats-tab__heart--empty{color:var(--color-text-secondary, #a8a8b8);opacity:.5}.stats-tab__health-label{font-size:var(--font-size-lg);font-weight:600}.stats-tab__health-label--healthy{color:var(--color-success)}.stats-tab__health-label--hurt{color:var(--color-warning)}.stats-tab__health-label--critical{color:var(--color-error)}.stats-tab__wounds{list-style:none;margin:0;padding:0}.stats-tab__wound{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stats-tab__wound-icon{color:var(--color-error)}.stats-tab__wound-description{flex:1}.stats-tab__wound-severity{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.7}.stats-tab__motivations{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stats-tab__motivation{display:flex;align-items:center;gap:var(--spacing-sm)}.stats-tab__motivation-icon{font-size:1.25rem;width:28px;text-align:center}.stats-tab__motivation-label{width:80px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stats-tab__motivation-bar{flex:1;height:12px;background:var(--color-bg-tertiary);border-radius:6px;overflow:hidden}.stats-tab__motivation-fill{height:100%;border-radius:6px;transition:width .3s ease-out}.stats-tab__motivation-fill--low{background:var(--color-error)}.stats-tab__motivation-fill--medium{background:var(--color-warning)}.stats-tab__motivation-fill--high{background:var(--color-success)}.stats-tab__motivation-value{width:40px;text-align:right;font-size:var(--font-size-sm);font-family:var(--font-mono, monospace);color:var(--color-text-secondary)}.stats-tab__effects{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-tab__effect{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.stats-tab__effect--buff{border-left:3px solid var(--color-success)}.stats-tab__effect--debuff{border-left:3px solid var(--color-error)}.stats-tab__effect--condition{border-left:3px solid var(--color-warning)}.stats-tab__effect-name{flex:1;font-weight:500}.stats-tab__effect-duration{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.stats-tab__no-effects{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.stats-tab__empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-style:italic}.skills-tab{display:flex;flex-direction:column;gap:var(--spacing-md)}.skills-tab__section-header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.skills-tab__masteries{display:flex;flex-direction:column;gap:var(--spacing-md)}.skills-tab__mastery-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skills-tab__mastery{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-bg, rgba(99, 102, 241, .1)) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-accent);border-radius:var(--radius-md)}.skills-tab__mastery-icon{flex-shrink:0}.skills-tab__mastery-name{flex:1;font-weight:600;color:var(--color-text)}.skills-tab__mastery-bonus{font-weight:700;color:var(--color-accent);font-family:var(--font-mono, monospace);font-size:var(--font-size-base)}.skills-tab__mastery-skills{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:var(--spacing-sm);border-left:2px solid var(--color-accent);margin-left:var(--spacing-sm)}.skills-tab__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skills-tab__skill{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);transition:var(--transition-base)}.skills-tab__skill--clickable{cursor:pointer}.skills-tab__skill--clickable:hover{background:var(--color-bg)}.skills-tab__skill--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skills-tab__skill--mastery{background:var(--color-bg-secondary)}.skills-tab__skill--mastery.skills-tab__skill--clickable:hover{background:var(--color-bg-tertiary)}.skills-tab__skill-icon{flex-shrink:0}.skills-tab__skill-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.skills-tab__skill-line1{display:flex;align-items:center;gap:var(--spacing-xs)}.skills-tab__skill-name{flex:1;font-weight:600;color:var(--color-text)}.skills-tab__arrow{color:var(--color-text-secondary);font-size:1rem;flex-shrink:0}.skills-tab__skill-line2{display:flex;align-items:center;gap:var(--spacing-sm)}.skills-tab__skill-level-label{font-size:var(--font-size-sm);font-weight:500}.skills-tab__skill-level-label--terrible{color:var(--color-error)}.skills-tab__skill-level-label--poor{color:var(--color-error);opacity:.8}.skills-tab__skill-level-label--mediocre{color:var(--color-text-secondary)}.skills-tab__skill-level-label--fair{color:var(--color-text)}.skills-tab__skill-level-label--good,.skills-tab__skill-level-label--great{color:var(--color-success)}.skills-tab__skill-level-label--superb{color:var(--color-accent)}.skills-tab__skill-level-label--legendary{color:var(--color-highlight)}.skills-tab__skill-level-modifier{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.skills-tab__skill-xp{flex:1;max-width:80px}.skills-tab__xp-bar{height:4px;background:var(--color-bg-secondary);border-radius:2px;overflow:hidden}.skills-tab__xp-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease-out}.skills-tab__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}@media(max-width:320px){.skills-tab__skill-xp{max-width:48px}.skills-tab__skill-level-label{font-size:var(--font-size-xs)}}@media(prefers-reduced-motion:reduce){.skills-tab__xp-fill{transition:none}}.equipment-tab{display:flex;flex-direction:column;gap:var(--spacing-sm)}.equipment-tab__body-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.equipment-tab__row{display:flex;justify-content:center;gap:var(--spacing-sm)}.equipment-tab__slot{width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs);background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-base)}.equipment-tab__slot--clickable{cursor:pointer}.equipment-tab__slot:hover{background:var(--color-bg);border-style:solid}.equipment-tab__slot--equipped{border-style:solid;border-color:var(--color-accent)}.equipment-tab__slot--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.equipment-tab__slot-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:capitalize;margin-bottom:2px;text-align:center}.equipment-tab__slot-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.equipment-tab__slot-icon .game-image{flex-shrink:0}.equipment-tab__slot--equipped .equipment-tab__slot-icon{color:var(--color-text)}.equipment-tab__slot-empty{font-size:var(--font-size-lg);color:var(--color-text-secondary);opacity:.5}.equipment-tab__slot-name{font-size:10px;color:var(--color-text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px}.equipment-tab__slot-layers{font-size:10px;color:var(--color-text-secondary);text-align:center;margin-top:2px}.equipment-tab__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}@media(max-width:320px){.equipment-tab__slot{width:80px;height:80px}.equipment-tab__slot-icon{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.equipment-tab__slot{transition:none}}.inventory-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.inventory-tab__summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inventory-tab__weight{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.inventory-tab__weight-label{color:var(--color-text-secondary);flex-shrink:0}.inventory-tab__weight-bar{flex:1;height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden}.inventory-tab__weight-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease-out}.inventory-tab__weight-fill--overweight{background:var(--color-error)}.inventory-tab__weight-value{font-weight:600;font-family:var(--font-mono, monospace);flex-shrink:0}.inventory-tab__weight-value--overweight{color:var(--color-error)}.inventory-tab__gold{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.inventory-tab__gold-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.inventory-tab__gold-amount{font-weight:600;font-family:var(--font-mono, monospace);color:var(--color-highlight)}.inventory-tab__section-header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.inventory-tab__items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.inventory-tab__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);transition:var(--transition-base);min-height:44px}.inventory-tab__item--clickable{cursor:pointer}.inventory-tab__item--clickable:hover{background:var(--color-bg)}.inventory-tab__item--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.inventory-tab__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.inventory-tab__item-icon .game-image{flex-shrink:0}.inventory-tab__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inventory-tab__item-name{font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-tab__item-quantity{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.inventory-tab__item-weight{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono, monospace);flex-shrink:0}.inventory-tab__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}@media(prefers-reduced-motion:reduce){.inventory-tab__weight-fill,.inventory-tab__item{transition:none}}.description-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.description-tab__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.description-tab__section-header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.description-tab__text{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);margin:0}.description-tab__text--secondary{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.description-tab__details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.description-tab__detail{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.description-tab__detail-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.description-tab__detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.description-tab__markings{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.description-tab__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.description-tab__tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-border)}.description-tab__empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-style:italic;margin:0}@media(max-width:400px){.description-tab__details{grid-template-columns:1fr}}.known-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.known-tab__section-header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.known-tab__relationship{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.known-tab__relationship-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.known-tab__relationship-icon{font-size:1.5rem}.known-tab__relationship-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.known-tab__relationship-summary{margin:var(--spacing-md) 0 0 0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.5}.known-tab__bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.known-tab__bar-row{display:flex;align-items:center;gap:var(--spacing-sm)}.known-tab__bar-label{width:80px;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.known-tab__bar{flex:1;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.known-tab__bar-fill{height:100%;border-radius:4px;transition:width .3s ease-out}.known-tab__bar-fill--sentiment-hostile{background:var(--color-error)}.known-tab__bar-fill--sentiment-neutral{background:var(--color-text-secondary)}.known-tab__bar-fill--sentiment-friendly{background:var(--color-success)}.known-tab__bar-fill--trust,.known-tab__bar-fill--familiarity{background:var(--color-accent)}.known-tab__bar-value{width:90px;font-size:var(--font-size-sm);color:var(--color-text);text-align:right;flex-shrink:0}.known-tab__facts{list-style:none;margin:0;padding:0}.known-tab__fact{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.known-tab__fact:last-child{border-bottom:none}.known-tab__fact-icon{color:var(--color-accent);font-size:1rem;margin-top:2px;flex-shrink:0}.known-tab__fact-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.known-tab__no-facts{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-md);margin:0}@media(max-width:360px){.known-tab__bar-label{width:70px}.known-tab__bar-value{width:75px}}.actions-tab{display:flex;flex-direction:column;gap:var(--spacing-sm)}.actions-tab__header{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.actions-tab__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.actions-tab__action{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);text-align:left;width:100%;min-height:56px}.actions-tab__action:hover{background:var(--color-bg);border-color:var(--color-accent)}.actions-tab__action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.actions-tab__action:active{transform:scale(.98)}.actions-tab__action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:1.25rem;flex-shrink:0}.actions-tab__action-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.actions-tab__action-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);line-height:1.3}.actions-tab__action-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.3}.actions-tab__action-arrow{font-size:1.5rem;color:var(--color-text-secondary);font-weight:300;flex-shrink:0;transition:var(--transition-base)}.actions-tab__action:hover .actions-tab__action-arrow{color:var(--color-accent);transform:translate(4px)}.actions-tab__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg);margin:0}@media(max-width:360px){.actions-tab__action{padding:var(--spacing-sm);gap:var(--spacing-sm)}.actions-tab__action-icon{width:36px;height:36px;font-size:1.125rem}.actions-tab__action-label{font-size:var(--font-size-sm)}.actions-tab__action-description{font-size:var(--font-size-xs)}}@media(prefers-reduced-motion:reduce){.actions-tab__action,.actions-tab__action-arrow{transition:none}.actions-tab__action:active,.actions-tab__action:hover .actions-tab__action-arrow{transform:none}}.side-panel{position:fixed;left:0;top:0;bottom:0;width:var(--side-panel-width, 360px);min-width:var(--side-panel-min-width, 320px);max-width:var(--side-panel-max-width, 400px);background:var(--color-bg-secondary, #1a1a2e);border-right:1px solid var(--color-border, #2a2a3e);display:flex;flex-direction:column;z-index:100;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);transform:translate(0);opacity:1;transition:transform var(--layout-transition-duration, .3s) var(--layout-transition-easing, ease-in-out),opacity var(--layout-transition-duration, .3s) var(--layout-transition-easing, ease-in-out)}.side-panel__content{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:60px;display:flex;flex-direction:column}.side-panel__tab-content{flex:1;overflow-y:auto;padding:var(--spacing-sm, 1rem)}.side-panel--entering,.side-panel--exiting{transform:translate(-100%);opacity:0}.side-panel__content{opacity:1;transition:opacity calc(var(--layout-transition-duration, .3s) * .5) var(--layout-transition-easing, ease-in-out);transition-delay:calc(var(--layout-transition-duration, .3s) * .3)}.side-panel--entering .side-panel__content{opacity:0}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.side-panel__tab-content::-webkit-scrollbar{width:6px}.side-panel__tab-content::-webkit-scrollbar-track{background:transparent}.side-panel__tab-content::-webkit-scrollbar-thumb{background:var(--color-border, #2a2a3e);border-radius:3px}.side-panel__tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #a8a8b8)}.side-panel--loading{padding:var(--spacing-md, 1.5rem)}.side-panel__loading-skeleton{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 1rem)}.side-panel__skeleton-portrait{width:80px;height:80px;border-radius:50%;background:var(--color-bg, #0f0f1e);animation:skeletonPulse 1.5s ease-in-out infinite}.side-panel__skeleton-name{width:160px;height:20px;border-radius:4px;background:var(--color-bg, #0f0f1e);animation:skeletonPulse 1.5s ease-in-out infinite}.side-panel__skeleton-health{width:120px;height:16px;border-radius:4px;background:var(--color-bg, #0f0f1e);animation:skeletonPulse 1.5s ease-in-out infinite}.side-panel__skeleton-tabs{width:100%;height:48px;background:var(--color-bg, #0f0f1e);animation:skeletonPulse 1.5s ease-in-out infinite}.side-panel__skeleton-content{width:100%;height:200px;border-radius:4px;background:var(--color-bg, #0f0f1e);animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.side-panel,.side-panel__content{transition:none}.side-panel--entering,.side-panel--exiting{transform:translate(0);opacity:1}.side-panel--entering .side-panel__content{opacity:1}.side-panel__skeleton-portrait,.side-panel__skeleton-name,.side-panel__skeleton-health,.side-panel__skeleton-tabs,.side-panel__skeleton-content{animation:none;opacity:.6}}.status-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,#0f0f1ee6,#0a0a14f2);border-top:1px solid var(--color-accent, #fbbf24);padding:4px 8px;padding-bottom:max(4px,env(safe-area-inset-bottom));gap:8px}.status-bar__section{flex:1;display:flex;align-items:center}.status-bar__motivations{justify-content:flex-start}.status-bar__portrait-container{justify-content:center;flex:0 0 auto}.status-bar__health{justify-content:center}.status-bar__motivations-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;width:100%}.status-bar__motivation{display:flex;align-items:center;gap:3px}.status-bar__motivation--empty{opacity:.3}.status-bar__motivation-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.status-bar__motivation-bar{flex:1;height:5px;background:#ffffff26;border-radius:2px;overflow:hidden;min-width:20px}.status-bar__motivation-fill{height:100%;background:linear-gradient(to right,var(--color-accent, #fbbf24),var(--color-accent-hover, #f59e0b));border-radius:2px;transition:width .3s ease}.status-bar__portrait{min-width:var(--touch-target-min-compact, 44px);min-height:var(--touch-target-min-compact, 44px);width:44px;height:44px;border-radius:var(--radius-sm, .375rem);border:2px solid #b8860b;box-shadow:0 0 6px #b8860b66;background:var(--color-bg-secondary, #1a1a2e);cursor:pointer;padding:0;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.status-bar__portrait:hover{transform:scale(1.05);box-shadow:0 0 10px #b8860b99}.status-bar__portrait:active{transform:scale(.98)}.status-bar__portrait:focus-visible{outline:2px solid var(--color-accent, #fbbf24);outline-offset:2px}.status-bar__portrait-image{width:100%;height:100%;object-fit:cover}.status-bar__portrait .game-image,.status-bar__portrait .game-image.status-bar__portrait-image{width:100%!important;height:100%!important;border-radius:calc(var(--radius-sm, .375rem) - 2px);display:block}.status-bar__portrait .game-image__img{border-radius:calc(var(--radius-sm, .375rem) - 2px);object-fit:cover;object-position:center}.status-bar__portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--color-text, #e8e8f0);background:linear-gradient(135deg,var(--color-bg-secondary, #1a1a2e),var(--color-bg, #0f0f1e))}.status-bar__health-display{display:flex;flex-direction:column;align-items:center;gap:1px}.status-bar__hearts{display:flex;gap:1px}.status-bar__heart{font-size:13px;color:#ef4444;text-shadow:0 0 3px rgba(239,68,68,.5)}.status-bar__heart--empty{opacity:.3;text-shadow:none}.status-bar__health-text{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #a8a8b8)}@media(max-width:480px){.status-bar{padding:3px 6px;padding-bottom:max(3px,env(safe-area-inset-bottom));gap:6px}.status-bar__portrait{width:44px;height:44px}.status-bar__motivations-grid{gap:2px}.status-bar__motivation-icon{width:12px;height:12px;font-size:9px}.status-bar__motivation-bar{height:4px;min-width:16px}.status-bar__heart{font-size:11px}.status-bar__health-text{font-size:8px}}@media(min-width:768px){.status-bar{padding:6px 12px;padding-bottom:max(6px,env(safe-area-inset-bottom));gap:12px}.status-bar__portrait{width:52px;height:52px}.status-bar__heart{font-size:15px}.status-bar__health-text{font-size:10px}}.scene-visual{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.scene-visual__image-container{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.scene-visual__image-container .game-image{position:absolute;inset:0;width:100%;height:100%;display:block}.scene-visual__image-container .game-image--location{border-radius:0}.scene-visual__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);z-index:0}.scene-visual__placeholder-brand{font-size:2rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);opacity:.15;-webkit-user-select:none;user-select:none}.scene-visual__placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:scene-visual-shimmer 2.5s ease-in-out infinite}@keyframes scene-visual-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scene-visual__caption{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;font-style:italic;padding:0 var(--spacing-xs)}.scene-visual__mode-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;gap:4px;padding:4px 8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text);z-index:10}.scene-visual__mode-badge svg{opacity:.8}.scene-visual__map-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.scene-visual__pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;cursor:pointer;padding:4px 8px;background:#1a1a2ef2;border:2px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);color:var(--color-text);transition:transform .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;min-width:44px;min-height:32px;display:flex;align-items:center;gap:4px}.scene-visual__pin:hover,.scene-visual__pin:focus-visible{background:#1a1a2efa;border-color:var(--color-accent);box-shadow:0 0 8px #ffc1074d;transform:translate(-50%,-100%) scale(1.08)}.scene-visual__pin:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.scene-visual__pin--disabled{opacity:.6;cursor:not-allowed;background:#1a1a2eb3}.scene-visual__pin--disabled:hover{background:#1a1a2eb3;border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translate(-50%,-100%)}.scene-visual__pin-icon{font-size:1rem;line-height:1}.scene-visual__pin-label{white-space:nowrap}.scene-visual__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(180deg,#501e1e4d,#3c141466,#501e1e4d);border:1px solid rgba(180,60,60,.25);border-radius:inherit;z-index:1}.scene-visual__retry-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:var(--font-size-sm);color:#c85050cc;background:#b43c3c26;border:1px solid rgba(180,60,60,.3);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base)}.scene-visual__retry-icon{width:20px;height:20px;flex-shrink:0}.scene-visual__retry-btn:hover{background:#b43c3c40;border-color:#c8505080;color:#dc6464e6}.scene-visual__retry-btn:focus-visible{outline:2px solid rgba(200,80,80,.5);outline-offset:2px}@media(prefers-reduced-motion:reduce){.scene-visual__placeholder:after{animation:none}.scene-visual__pin:hover,.scene-visual__pin:focus-visible{transform:translate(-50%,-100%)}}.radial-menu__backdrop{position:fixed;inset:0;background:#0000004d;z-index:var(--z-overlay);cursor:default}.radial-menu__container{position:fixed;z-index:calc(var(--z-overlay) + 1);pointer-events:none}.radial-menu__item{position:fixed;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:var(--transition-fast);animation:radial-menu-item-enter .15s ease-out;color:var(--color-text);padding:0;font-family:inherit}.radial-menu__item:hover{background:var(--color-surface-elevated);border-color:var(--color-accent);transform:scale(1.1)}.radial-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.radial-menu__item:active{transform:scale(.95)}.radial-menu__icon{font-size:1.25rem;line-height:1}.radial-menu__label{position:absolute;bottom:-20px;font-size:var(--font-size-xs);color:var(--color-text);white-space:nowrap;background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s ease;pointer-events:none}.radial-menu__item:hover .radial-menu__label,.radial-menu__item:focus-visible .radial-menu__label{opacity:1}@keyframes radial-menu-item-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.radial-menu__item{animation:none}}.entity-action-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;color:var(--color-accent);transition:var(--transition-fast);flex-shrink:0;margin-left:4px;padding:0}.entity-action-button:hover{color:var(--color-accent-hover);transform:scale(1.1)}.entity-action-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.entity-action-button:active{transform:scale(.95)}.entity-action-button__icon{transition:transform .2s ease,opacity .15s ease}.entity-action-button__icon--close{animation:entity-action-close-rotate .2s ease-out}@keyframes entity-action-close-rotate{0%{transform:rotate(-90deg);opacity:0}to{transform:rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.entity-action-button,.entity-action-button__icon{animation:none;transition:none}}.scene-entity-chip__info{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0;min-width:0}.scene-entity-chip__info:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}.dice-roll{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.dice-roll__tray{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary, var(--color-bg-secondary));border-radius:var(--radius-md);min-height:64px;align-items:center;justify-content:center}.dice-roll--compact .dice-roll__tray{gap:var(--spacing-xs);padding:var(--spacing-xs);min-height:52px}.dice-roll__total{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-xs);opacity:1;transition:opacity .3s ease-out}.dice-roll__total-label{color:var(--color-text-secondary);font-weight:400}.dice-roll__total-value{font-family:var(--font-mono, monospace);min-width:2em;text-align:center}.dice-roll__total-value--positive{color:var(--color-success)}.dice-roll__total-value--negative{color:var(--color-error)}.dice-roll__total-value--zero{color:var(--color-text-secondary)}.dice-roll--waiting .dice-roll__total,.dice-roll--rolling .dice-roll__total{opacity:0;visibility:hidden}.dice-roll--result .dice-roll__total{animation:dice-total-fade-in .3s ease-out forwards}@keyframes dice-total-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.dice-roll__tray{gap:var(--spacing-md);padding:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.dice-roll--result .dice-roll__total{animation:none;opacity:1}}.fudge-die{--die-size: 48px;--die-face-bg: var(--color-bg-secondary);--die-border: var(--color-border);--half-size: calc(var(--die-size) / 2);width:var(--die-size);height:var(--die-size);position:relative;perspective:600px}.fudge-die--compact{--die-size: 36px}.fudge-die--large{--die-size: 64px}.fudge-die__cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s ease-out;transform:rotateX(var(--final-rot-x, 0deg)) rotateY(var(--final-rot-y, 0deg))}.fudge-die--idle .fudge-die__cube{transform:rotateX(-15deg) rotateY(15deg)}.fudge-die--rolling .fudge-die__cube{animation:die-roll var(--roll-duration, 1.2s) cubic-bezier(.25,.1,.25,1) forwards}@keyframes die-roll{0%{transform:rotateX(-15deg) rotateY(15deg) rotate(0)}10%{transform:rotateX(180deg) rotateY(90deg) rotate(45deg)}25%{transform:rotateX(450deg) rotateY(270deg) rotate(90deg)}40%{transform:rotateX(720deg) rotateY(450deg) rotate(135deg)}55%{transform:rotateX(990deg) rotateY(630deg) rotate(180deg)}70%{transform:rotateX(1170deg) rotateY(810deg) rotate(220deg)}85%{transform:rotateX(1350deg) rotateY(900deg) rotate(260deg)}95%{transform:rotateX(calc(1440deg + var(--final-rot-x, 0deg))) rotateY(calc(900deg + var(--final-rot-y, 0deg))) rotate(355deg)}to{transform:rotateX(calc(1440deg + var(--final-rot-x, 0deg))) rotateY(calc(1080deg + var(--final-rot-y, 0deg))) rotate(360deg)}}.fudge-die--settling .fudge-die__cube{animation:die-settle .4s ease-out forwards}@keyframes die-settle{0%{transform:rotateX(calc(1440deg + var(--final-rot-x, 0deg))) rotateY(calc(1080deg + var(--final-rot-y, 0deg))) scale(1.1)}50%{transform:rotateX(var(--final-rot-x, 0deg)) rotateY(var(--final-rot-y, 0deg)) scale(.95)}to{transform:rotateX(var(--final-rot-x, 0deg)) rotateY(var(--final-rot-y, 0deg)) scale(1)}}.fudge-die--settled .fudge-die__cube{transform:rotateX(var(--final-rot-x, 0deg)) rotateY(var(--final-rot-y, 0deg))}.fudge-die__face{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--die-face-bg);border:2px solid var(--die-border);border-radius:var(--radius-sm);font-size:calc(var(--die-size) * .6);font-weight:700;backface-visibility:hidden;box-sizing:border-box}.fudge-die__face--front{transform:translateZ(var(--half-size))}.fudge-die__face--back{transform:rotateY(180deg) translateZ(var(--half-size))}.fudge-die__face--right{transform:rotateY(90deg) translateZ(var(--half-size))}.fudge-die__face--left{transform:rotateY(-90deg) translateZ(var(--half-size))}.fudge-die__face--top{transform:rotateX(90deg) translateZ(var(--half-size))}.fudge-die__face--bottom{transform:rotateX(-90deg) translateZ(var(--half-size))}.fudge-die__face--plus{color:var(--color-success);border-color:var(--color-success)}.fudge-die__face--minus{color:var(--color-error);border-color:var(--color-error)}.fudge-die__face--blank{color:var(--color-text-secondary);border-color:var(--color-border)}.fudge-die--settled .fudge-die__face--result.fudge-die__face--plus{box-shadow:0 0 12px #10b98166}.fudge-die--settled .fudge-die__face--result.fudge-die__face--minus{box-shadow:0 0 12px #ef444466}.fudge-die--settled .fudge-die__face--result.fudge-die__face--blank{box-shadow:0 0 8px #a8a8b84d}.fudge-die--instant .fudge-die__cube{transition:none;animation:none}@media(prefers-reduced-motion:reduce){.fudge-die__cube{animation:none!important;transition:transform .1s ease-out!important}.fudge-die--rolling .fudge-die__cube,.fudge-die--settling .fudge-die__cube{animation:none!important;transform:rotateX(var(--final-rot-x, 0deg)) rotateY(var(--final-rot-y, 0deg))!important}}.skill-check-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-check-card__header{display:flex;align-items:center;gap:var(--spacing-sm)}.skill-check-card__icon{flex-shrink:0}.skill-check-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.skill-check-card__modifiers{display:flex;flex-direction:column;gap:2px;padding-left:calc(48px + var(--spacing-sm))}.skill-check-card__modifier{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.skill-check-card__modifier-value{font-weight:500;color:var(--color-text)}.skill-check-card__dice-area{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) 0}.skill-check-card__dice-container{position:relative;display:flex;justify-content:center;align-items:center;width:320px;height:120px}.skill-check-card__button-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#0f0f1eb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-sm)}.skill-check-card__roll-button{min-width:140px;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:var(--color-text-on-accent, #ffffff);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 12px #6366f166;min-height:44px}.skill-check-card__roll-button:hover{background:var(--color-accent-hover);box-shadow:0 6px 16px #6366f180;transform:translateY(-1px)}.skill-check-card__roll-button:active{transform:scale(.98) translateY(0)}.skill-check-card__roll-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.skill-check-card__roll-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skill-check-card__outcome-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);animation:skill-check-bg-fade .4s ease-out;pointer-events:none}.skill-check-card__outcome-overlay--success{background:radial-gradient(ellipse at center,#10b981d9,#10b98199 60%,#10b9814d)}.skill-check-card__outcome-overlay--failure{background:radial-gradient(ellipse at center,#ef4444d9,#ef444499 60%,#ef44444d)}.skill-check-card__outcome-label{font-size:var(--font-size-xl);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.1em;animation:skill-check-text-scale .4s ease-out}@keyframes skill-check-bg-fade{0%{opacity:0}to{opacity:1}}@keyframes skill-check-text-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.skill-check-card__result-line{display:flex;justify-content:center;align-items:baseline;gap:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text);padding:var(--spacing-xs) 0}.skill-check-card__result-player{font-weight:600;color:var(--color-accent)}.skill-check-card__result-op{color:var(--color-text-secondary)}.skill-check-card__result-dice{font-weight:600}.skill-check-card__result-dice--positive{color:var(--color-success)}.skill-check-card__result-dice--negative{color:var(--color-error)}.skill-check-card__result-vs{color:var(--color-text-secondary);font-style:italic;margin:0 var(--spacing-xs)}.skill-check-card__result-difficulty{font-weight:500;color:var(--color-text)}@media(prefers-reduced-motion:reduce){.skill-check-card__outcome-overlay{animation:none}.skill-check-card__roll-button:active{transform:none}}.opposed-check-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.opposed-check-card__header{display:flex;align-items:center}.opposed-check-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.opposed-check-card__battle{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.opposed-check-card__vs{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-xs) 0}.opposed-check-card__vs:before,.opposed-check-card__vs:after{content:"";flex:1;height:1px;background:var(--color-border)}.opposed-check-card__participant{display:flex;flex-direction:column;gap:var(--spacing-xs);transition:opacity .3s ease}.opposed-check-card__participant--loser{opacity:.6}.opposed-check-card__participant-info{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.opposed-check-card__skill-icon{flex-shrink:0}.opposed-check-card__participant-details{display:flex;flex-direction:column;gap:2px}.opposed-check-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);transition:all .3s ease}.opposed-check-card__name--winner{display:inline-block;background:#10b98133;border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-sm);padding:2px var(--spacing-sm);color:var(--color-success);animation:opposed-check-winner-pulse .5s ease-out}@keyframes opposed-check-winner-pulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 12px 4px #10b9814d}to{transform:scale(1);box-shadow:0 0 #10b98100}}.opposed-check-card__skill{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.opposed-check-card__dice-area{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.opposed-check-card__dice-container{position:relative;display:flex;justify-content:center;align-items:center;width:320px;height:120px}.opposed-check-card__dice-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);animation:opposed-check-bg-fade .4s ease-out;pointer-events:none}.opposed-check-card__dice-overlay--success{background:radial-gradient(ellipse at center,#10b981d9,#10b98199 60%,#10b9814d)}.opposed-check-card__dice-overlay--failure{background:radial-gradient(ellipse at center,#ef4444d9,#ef444499 60%,#ef44444d)}.opposed-check-card__dice-overlay--tie{background:radial-gradient(ellipse at center,#a8a8b8d9,#a8a8b899 60%,#a8a8b84d)}.opposed-check-card__dice-overlay-label{font-size:var(--font-size-lg);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.1em;animation:opposed-check-text-scale .4s ease-out}.opposed-check-card__calc-line{display:flex;justify-content:center;align-items:baseline;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-xs) 0}.opposed-check-card__calc-total{font-weight:600;font-size:var(--font-size-base)}.opposed-check-card__calc-total--winner{color:var(--color-success)}.opposed-check-card__calc-total--loser,.opposed-check-card__calc-eq{color:var(--color-text-secondary)}.opposed-check-card__calc-skill{font-weight:500;color:var(--color-accent)}.opposed-check-card__calc-op{color:var(--color-text-secondary)}.opposed-check-card__calc-dice{font-weight:600}.opposed-check-card__calc-dice--positive{color:var(--color-success)}.opposed-check-card__calc-dice--negative{color:var(--color-error)}.opposed-check-card__button-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#0f0f1eb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-sm);z-index:10}.opposed-check-card__roll-button{min-width:140px;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:var(--color-text-on-accent, #ffffff);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 12px #6366f166;min-height:44px}.opposed-check-card__roll-button:hover{background:var(--color-accent-hover);box-shadow:0 6px 16px #6366f180;transform:translateY(-1px)}.opposed-check-card__roll-button:active{transform:scale(.98) translateY(0)}.opposed-check-card__roll-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.opposed-check-card__roll-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes opposed-check-bg-fade{0%{opacity:0}to{opacity:1}}@keyframes opposed-check-text-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.opposed-check-card__result-line{display:flex;justify-content:center;align-items:baseline;gap:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text);padding:var(--spacing-xs) 0}.opposed-check-card__result-total{font-weight:500}.opposed-check-card__result-total--winner{font-weight:700;color:var(--color-success)}.opposed-check-card__result-vs{color:var(--color-text-secondary);font-style:italic;margin:0 var(--spacing-xs)}.opposed-check-card__result-preview{color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.opposed-check-card__dice-overlay,.opposed-check-card__dice-overlay-label,.opposed-check-card__name--winner{animation:none}.opposed-check-card__roll-button:hover,.opposed-check-card__roll-button:active{transform:none}}.dice-roll-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--spacing-sm) 0}.dice-roll-item__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-align:center}.dice-roll-item__dice{display:flex;justify-content:center;width:100%}.dice-roll-item__renderer-tag{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.dice-roll-item--css .dice-roll-item__renderer-tag{color:var(--color-info)}.dice-roll-item--threejs .dice-roll-item__renderer-tag{color:var(--color-success)}.narrative-scroll{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm);gap:var(--spacing-xs);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-bg-tertiary) transparent}.narrative-scroll::-webkit-scrollbar{width:6px}.narrative-scroll::-webkit-scrollbar-track{background:transparent}.narrative-scroll::-webkit-scrollbar-thumb{background-color:var(--color-bg-tertiary);border-radius:3px}.narrative-scroll--loading{justify-content:center;align-items:center;gap:var(--spacing-sm)}.narrative-scroll__loading-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.narrative-scroll__empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-lg)}.narrative-item{width:100%;opacity:0;animation:narrative-item-appear .3s ease-out forwards}@keyframes narrative-item-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.narrative-item{animation:none;opacity:1}}.narrative-text{color:var(--color-text);font-size:var(--font-size-base);line-height:1.6}.narrative-text--gm{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-xs) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:var(--spacing-xs) 0}.narrative-text--description{font-size:var(--font-size-lg)}.scene-entities{display:flex;flex-direction:column;gap:var(--spacing-xs)}.scene-entities__header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scene-entities__list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.scene-entity-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px 4px 4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:var(--transition-base);font-size:var(--font-size-sm);color:var(--color-text);min-height:44px}.scene-entity-chip:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.scene-entity-chip:has(.scene-entity-chip__info:active){transform:scale(.98)}.scene-entity-chip__icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden}.scene-entity-chip__icon .game-image,.scene-entity-chip__icon .game-image--small{width:32px!important;height:32px!important;border-radius:50%}.scene-entity-chip__icon .game-image__img{border-radius:50%;object-fit:cover}.scene-entity-chip__icon .game-image__placeholder{border-radius:50%}.scene-entity-chip__portrait{width:100%;height:100%}.scene-entity-chip__name{font-weight:var(--font-weight-medium);color:var(--color-text)}.scene-exits{display:flex;flex-direction:column;gap:var(--spacing-xs)}.scene-exits__header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scene-exits__list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.scene-exit-chip{display:flex;flex-direction:column;align-items:flex-start;padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);min-width:120px;font-family:inherit;text-align:left;min-height:44px}.scene-exit-chip:hover,.scene-exit-chip:focus-visible{background:var(--color-bg-tertiary);border-color:var(--color-accent);outline:none}.scene-exit-chip:active{transform:scale(.98)}.scene-exit-chip--disabled{opacity:.5;cursor:not-allowed}.scene-exit-chip--disabled:hover,.scene-exit-chip--disabled:focus-visible{background:var(--color-bg-secondary);border-color:var(--color-border);transform:none}.scene-exit-chip__header{display:flex;align-items:center;gap:var(--spacing-xs)}.scene-exit-chip__icon{font-size:1rem}.scene-exit-chip__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.scene-exit-chip__destination{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.scene-exit-chip__reason{font-size:var(--font-size-xs);color:var(--color-warning);font-style:italic}.dialogue-message{display:flex;flex-direction:column;width:100%;gap:4px}.dialogue-message--human{align-items:flex-end}.dialogue-message--character{align-items:flex-start}.dialogue-message--gm{align-items:center;text-align:center}.dialogue-message__header{display:flex;align-items:center;gap:var(--spacing-xs)}.dialogue-message--character .dialogue-message__header{flex-direction:row}.dialogue-message--human .dialogue-message__header{flex-direction:row-reverse}.dialogue-message__speaker{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dialogue-message__bubble{padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:1.5;text-shadow:1px 1px 0 #000;max-width:85%}.dialogue-message--human .dialogue-message__bubble{background:#6366f1;color:#fff;border-bottom-right-radius:4px;text-align:right}.dialogue-message--character .dialogue-message__bubble{background:#1e293b;color:#fff;border-bottom-left-radius:4px}.dialogue-message--gm .dialogue-message__bubble{background:transparent;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-xs);text-shadow:none}.dialogue-message__portrait{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid currentColor;flex-shrink:0}.dialogue-message--character .dialogue-message__portrait{background:#1e293b;border-color:#1e293b}.dialogue-message--human .dialogue-message__portrait{background:#6366f1;border-color:#6366f1}.dialogue-message__portrait .game-image{border-radius:50%}.dialogue-message__portrait .game-image__img{object-fit:cover;border-radius:50%}.dialogue-message__portrait .game-image__placeholder{border-radius:50%}button.dialogue-message__portrait{padding:0;margin:0;background:none;font:inherit;color:inherit;cursor:pointer;transition:var(--transition-base)}button.dialogue-message__portrait:hover{transform:scale(1.08);filter:brightness(1.15)}button.dialogue-message__portrait:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.scene-visual-placeholder,.skill-check-placeholder,.opposed-check-placeholder{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.scene-visual-placeholder{aspect-ratio:1 / 1;min-height:auto}.placeholder__icon{font-size:2rem;margin-bottom:var(--spacing-xs);opacity:.5}.placeholder__text{text-align:center}.placeholder__label{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:4px}.placeholder__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(min-width:1024px){.narrative-scroll{padding:var(--spacing-md);gap:var(--spacing-sm)}.dialogue-message{max-width:100%}.scene-entity-chip,.scene-exit-chip{min-height:32px}}.game-input{display:flex;gap:var(--spacing-sm);max-width:800px;margin:0 auto}.game-input__field{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:var(--transition-fast)}.game-input__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.game-input__field:disabled{opacity:.6;cursor:not-allowed}.game-input__field::placeholder{color:var(--color-text-muted)}.game-input__button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast)}.game-input__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.game-input__button:active:not(:disabled){transform:translateY(0)}.game-input__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-input__icon{width:20px;height:20px}@media(max-width:600px){.game-input{gap:var(--spacing-xs)}.game-input__field{padding:var(--spacing-sm);font-size:16px}.game-input__button{width:44px;height:44px;flex-shrink:0}}.menu-panel-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay, 200);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.menu-panel-backdrop--open{opacity:1;visibility:visible}.menu-panel--slide-up{position:fixed;left:0;right:0;bottom:0;max-height:70vh;background:var(--color-bg-secondary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:calc(var(--z-overlay, 200) + 1);padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .4s ease-out}.menu-panel--slide-up.menu-panel--open{transform:translateY(0)}.menu-panel--dropdown{position:fixed;top:64px;left:var(--spacing-md);width:280px;max-height:calc(100vh - 80px);background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-overlay, 200);opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s ease-out}.menu-panel--dropdown.menu-panel--open{opacity:1;transform:translateY(0);visibility:visible}.menu-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.menu-panel__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.menu-panel__close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.menu-panel__close-btn:hover,.menu-panel__close-btn:focus-visible{background:var(--color-bg-tertiary);color:var(--color-text)}.menu-panel__close-icon{font-size:1.25rem;line-height:1}.menu-panel--dropdown .menu-panel__close-btn{width:32px;height:32px}.menu-panel__content{display:flex;flex-direction:column;padding:var(--spacing-sm) 0}.menu-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:var(--transition-fast);color:var(--color-text);min-height:56px}.menu-option:hover,.menu-option:focus-visible{background:var(--color-bg-tertiary)}.menu-option:active{transform:scale(.99)}.menu-option--disabled{opacity:.5;cursor:not-allowed}.menu-option--disabled:hover,.menu-option--disabled:active{background:transparent;transform:none}.menu-option__icon{font-size:1.5rem;line-height:1;width:32px;text-align:center;flex-shrink:0}.menu-option__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.menu-option__label{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.menu-option__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.menu-option__arrow{font-size:1rem;color:var(--color-text-secondary);flex-shrink:0}.menu-panel__footer{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:auto}.menu-panel__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.menu-panel__meta-label{color:var(--color-text-tertiary)}@media(min-width:1024px){.menu-option{min-height:48px;padding:var(--spacing-sm) var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.menu-panel--slide-up,.menu-panel--dropdown,.menu-panel-backdrop,.menu-option{transition:none}.menu-option:active{transform:none}}.entity-portrait-header{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;flex-shrink:0}.entity-portrait-header__close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:var(--color-text);font-size:1.5rem;cursor:pointer;transition:var(--transition-base);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.entity-portrait-header__close:hover{background:#000000b3}.entity-portrait-header__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.entity-portrait-header__portrait{position:absolute;inset:0;width:100%;height:100%}.entity-portrait-header__portrait .game-image{width:100%!important;height:100%!important;border-radius:0}.entity-portrait-header__portrait .game-image__img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.entity-portrait-header__name-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;margin:0;background:#000c;z-index:5;text-align:center;border:none!important;box-shadow:none}.entity-portrait-header__name{font-size:var(--font-size-lg);font-weight:600;color:#fff!important;margin:0!important;padding:0!important;border:none!important;border-width:0!important;box-shadow:none;line-height:1.2}.entity-view{display:flex;flex-direction:column;height:100%;max-height:85vh;background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.entity-view__content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.entity-view__tab-content{padding:var(--spacing-md);min-height:200px}.entity-view__tab-content--entering{animation:tab-fade-in .2s ease-out}@keyframes tab-fade-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.entity-view__description-tab{padding:var(--spacing-sm)}.entity-view__description-text{font-size:var(--font-size-md);line-height:1.6;color:var(--color-text);margin:0;font-style:italic}.entity-view__description-empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-style:italic}.entity-view__tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;min-height:200px}.entity-view__tab-placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.entity-view__tab-placeholder-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.entity-view__tab-placeholder-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.entity-view__tab-placeholder-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.7;font-style:italic}.entity-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);min-height:200px}.entity-view__loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.entity-view__tab-content--entering{animation:none}.entity-view__content{scroll-behavior:auto}}.entity-view-modal__backdrop{--modal-backdrop-color: rgba(0, 0, 0, .6);--modal-backdrop-blur: 4px;--modal-width: min(90vw, 480px);--modal-height: min(80vh, 720px);--modal-border-radius: var(--radius-lg, 12px);--modal-animation-enter: .3s;--modal-animation-exit: .2s}.entity-view-modal__backdrop{position:fixed;inset:0;background:var(--modal-backdrop-color);backdrop-filter:blur(var(--modal-backdrop-blur));-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md, 1.5rem);padding-top:max(var(--spacing-md, 1.5rem),env(safe-area-inset-top));padding-bottom:max(var(--spacing-md, 1.5rem),env(safe-area-inset-bottom));padding-left:max(var(--spacing-md, 1.5rem),env(safe-area-inset-left));padding-right:max(var(--spacing-md, 1.5rem),env(safe-area-inset-right))}.entity-view-modal__backdrop--entering{animation:entityViewModalFadeIn .2s ease-out forwards}.entity-view-modal__backdrop--exiting{animation:entityViewModalFadeOut .15s ease-in forwards}@keyframes entityViewModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes entityViewModalFadeOut{0%{opacity:1}to{opacity:0}}.entity-view-modal__container{width:var(--modal-width);max-height:var(--modal-height);background:var(--color-bg-secondary, #1a1a2e);border-radius:var(--modal-border-radius);border:1px solid var(--color-border, #2a2a3e);box-shadow:0 16px 48px #0006;overflow:hidden;display:flex;flex-direction:column}.entity-view-modal__container--entering{animation:entityViewModalEnter var(--modal-animation-enter) ease-out forwards}.entity-view-modal__container--exiting{animation:entityViewModalExit var(--modal-animation-exit) ease-in forwards}@keyframes entityViewModalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes entityViewModalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.entity-view-modal__container .entity-view{height:100%;max-height:var(--modal-height);border-radius:0}.entity-view-modal__sr-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.entity-view-modal__backdrop{padding:0}.entity-view-modal__container{width:100%;height:100%;max-height:100%;border-radius:0;border:none}}@media(min-width:481px)and (max-width:768px){.entity-view-modal__backdrop{padding:var(--spacing-sm, 1rem)}.entity-view-modal__container{--modal-width: min(95vw, 440px);--modal-height: min(85vh, 680px)}}@media(prefers-reduced-motion:reduce){.entity-view-modal__backdrop--entering,.entity-view-modal__backdrop--exiting,.entity-view-modal__container--entering,.entity-view-modal__container--exiting{animation:none}.entity-view-modal__backdrop--entering,.entity-view-modal__container--entering{opacity:1;transform:none}.entity-view-modal__backdrop--exiting,.entity-view-modal__container--exiting{opacity:0}}@media(prefers-contrast:high){.entity-view-modal__container{border-width:2px;border-color:var(--color-text, #e8e8f0)}}.entity-view-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm, 1rem);padding:var(--spacing-xl, 3rem);color:var(--color-text-secondary, #a8a8b8)}.entity-view-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm, 1rem);padding:var(--spacing-xl, 3rem);text-align:center}.entity-view-modal__error-icon{font-size:2.5rem}.entity-view-modal__error-message{color:var(--color-text-secondary, #a8a8b8)}.entity-view-modal__error button{margin-top:var(--spacing-sm, 1rem);padding:var(--spacing-xs, .5rem) var(--spacing-md, 1.5rem);background:var(--color-accent, #fbbf24);color:#fff;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background .15s ease}.entity-view-modal__error button:hover{background:var(--color-accent-hover, #f59e0b)}.game-area{display:flex;flex-direction:column;height:100%;background:var(--color-bg, #0f0f1e);position:relative;overflow:hidden}.game-area__content{flex:1 1 auto;display:flex;flex-direction:row;min-height:0;overflow:hidden}.game-area__left-column{flex:0 0 360px;width:360px;display:flex;flex-direction:column;border-right:1px solid var(--color-border, #2a2a3e);overflow:hidden}.game-area__left-column .side-panel{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:100%;z-index:auto;border-right:none}.game-area__left-column .side-panel__content{padding-top:0}.game-area__side-panel{flex:1 1 auto;overflow-y:auto}.game-area__main-column{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;overflow:hidden}.game-area__narrative-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-area__narrative{flex:1 1 auto;overflow-y:auto}.game-area__divider{flex:0 0 1px;background:var(--color-border, #2a2a3e)}.game-area__status-bar{flex:0 0 auto}.game-area__end-conversation{flex:0 0 auto;display:flex;justify-content:flex-end;padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem)}.game-area__end-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#0f0f1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border, #2a2a4e);border-radius:1rem;color:var(--color-text-secondary, #a8a8b8);font-size:.8125rem;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .15s ease}.game-area__end-chip:hover:not(:disabled){color:var(--color-text, #e8e8f0);border-color:var(--color-text-secondary, #a8a8b8);background:#0f0f1ef2}.game-area__end-chip:active:not(:disabled){transform:scale(.97)}.game-area__end-chip:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.game-area__end-chip{transition:none}}.game-area__thinking{flex:0 0 auto;padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem);color:var(--color-text-dim, #8888aa);font-size:.85rem;font-style:italic;animation:thinking-pulse 1.5s ease-in-out infinite}@keyframes thinking-pulse{0%,to{opacity:.5}50%{opacity:1}}.game-area__input-container{flex:0 0 auto;padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem);background:var(--color-bg-secondary, #1a1a2e)}.game-area__input-container .game-input{position:relative;bottom:auto;left:auto;right:auto;z-index:auto;padding:0;background:transparent;width:auto}.game-area--compact .game-area__left-column{display:none}.game-area__left-column,.game-area__main-column,.game-area__narrative-container{transition:all .3s ease-in-out}.game-toast-stack{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px;padding:12px 16px 0;pointer-events:none}.game-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:#252538f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:4px solid;box-shadow:0 4px 8px #00000026;pointer-events:auto;animation:game-toast-enter .3s ease-out forwards}.game-toast--error{border-left-color:var(--color-error, #ef4444)}.game-toast--warning{border-left-color:var(--color-warning, #f59e0b)}.game-toast--info{border-left-color:#3b82f6}.game-toast__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.game-toast--error .game-toast__icon{color:var(--color-error, #ef4444)}.game-toast--warning .game-toast__icon{color:var(--color-warning, #f59e0b)}.game-toast--info .game-toast__icon{color:#3b82f6}.game-toast__message{flex:1 1 auto;font-size:1rem;line-height:1.4;color:var(--color-text, #e8e8f0)}.game-toast__dismiss{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:10px;box-sizing:content-box;margin:-10px -6px -10px -10px;background:transparent;border:none;color:var(--color-text-secondary, #a8a8b8);cursor:pointer;border-radius:var(--radius-sm, .375rem);transition:color .15s ease}.game-toast__dismiss:hover{color:var(--color-text, #e8e8f0)}@keyframes game-toast-enter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.game-toast--exiting{animation:game-toast-exit .2s ease-in forwards}@keyframes game-toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.game-toast{animation:none;opacity:1}.game-toast--exiting{animation:none;opacity:0}}.modal__backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:5vh 5vw;padding-top:max(5vh,env(safe-area-inset-top));padding-bottom:max(5vh,env(safe-area-inset-bottom))}.modal__container{width:100%;height:100%;max-width:90vw;max-height:90vh;background:var(--color-bg, #0f0f1e);border-radius:var(--radius-lg, .75rem);border:1px solid var(--color-border, #2a2a3e);box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 1.5rem);border-bottom:1px solid var(--color-border, #2a2a3e);flex-shrink:0}.modal__title{font-size:1.25rem;font-weight:600;color:var(--color-text, #e8e8f0);margin:0}.modal__close{background:transparent;border:none;color:var(--color-text-secondary, #a8a8b8);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--spacing-xs, .5rem);border-radius:var(--radius-sm, .375rem);transition:color .15s ease,background .15s ease}.modal__close:hover{color:var(--color-text, #e8e8f0);background:var(--color-bg-secondary, #1a1a2e)}.modal__body{flex:1;overflow-y:auto;overflow-x:hidden}@media(max-width:480px){.modal__backdrop{padding:0}.modal__container{max-width:100%;max-height:100%;border-radius:0;border:none}}@media(prefers-reduced-motion:reduce){.modal__container{animation:none}}.coming-soon-overlay{position:relative;width:100%;height:100%;min-height:300px}.coming-soon-overlay__content{pointer-events:none;opacity:.3}.coming-soon-overlay__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm, 1rem);text-align:center;padding:var(--spacing-lg, 2rem)}.coming-soon-overlay__title{font-size:2rem;font-weight:700;color:var(--color-text, #e8e8f0);margin:0;letter-spacing:.05em}.coming-soon-overlay__description{font-size:1rem;color:var(--color-text-secondary, #a8a8b8);margin:0;max-width:400px;line-height:1.6}.scenario-card{width:400px;height:450px;display:flex;flex-direction:column;background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #2a2a3e);border-radius:var(--radius-lg, .75rem);overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease;text-align:left;color:inherit;padding:0;font-family:inherit}.scenario-card:hover{border-color:var(--color-accent, #fbbf24);transform:translateY(-4px)}.scenario-card:active{transform:translateY(0)}.scenario-card__header{height:50px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm, 1rem);background:var(--color-bg-secondary, #1a1a2e);border-bottom:1px solid var(--color-border, #2a2a3e)}.scenario-card__name{font-size:1rem;font-weight:700;color:var(--color-accent, #fbbf24);text-align:center;line-height:1.3;position:relative;z-index:1}.scenario-card__header--has-image{position:relative;height:200px;overflow:hidden}.scenario-card__header--has-image .scenario-card__name{text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.6);font-size:1.25rem}.scenario-card__cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scenario-card__body{flex:1;height:400px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--color-bg-secondary, #1a1a2e);position:relative}.scenario-card__info{padding:var(--spacing-md, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-sm, 1rem)}.scenario-card__description{font-size:1rem;color:var(--color-text-secondary, #a8a8b8);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.scenario-card__meta{display:flex;gap:var(--spacing-sm, 1rem);align-items:center;font-size:.875rem}.scenario-card__difficulty{font-weight:500;padding:.25rem .75rem;border-radius:var(--radius-sm, .375rem)}.scenario-card__difficulty--beginner{color:#10b981;background:#10b9811a}.scenario-card__difficulty--intermediate{color:#f59e0b;background:#f59e0b1a}.scenario-card__difficulty--advanced{color:#ef4444;background:#ef44441a}.scenario-card__difficulty--any{color:#6b7280;background:#6b72801a}.scenario-card__length{color:var(--color-text-secondary, #a8a8b8)}.scenario-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .5rem)}.scenario-card__tag{font-size:.8rem;padding:.2rem .6rem;background:var(--color-bg, #0f0f1e);border-radius:var(--radius-sm, .375rem);color:var(--color-text-secondary, #a8a8b8)}.scenario-card__tag--more{background:transparent;color:var(--color-text-secondary, #a8a8b8);opacity:.7}@media(max-width:480px){.scenario-card{width:100%;height:auto;aspect-ratio:400 / 450}}.creation-modal__tabs{display:flex;gap:var(--spacing-xs, .5rem);padding:0 var(--spacing-md, 1.5rem);border-bottom:1px solid var(--color-border, #2a2a3e);flex-shrink:0}.creation-modal__tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--spacing-sm, 1rem) var(--spacing-md, 1.5rem);color:var(--color-text-secondary, #a8a8b8);font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}.creation-modal__tab:hover{color:var(--color-text, #e8e8f0)}.creation-modal__tab--active{color:var(--color-accent, #fbbf24);border-bottom-color:var(--color-accent, #fbbf24)}.creation-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-md, 1.5rem)}.creation-modal__scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,400px);gap:var(--spacing-lg, 2rem)}.creation-modal__skeleton-card{width:400px;height:450px;background:var(--color-bg-secondary, #1a1a2e);border-radius:var(--radius-lg, .75rem);border:1px solid var(--color-border, #2a2a3e);animation:creation-skeleton-pulse 1.5s ease-in-out infinite}@keyframes creation-skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.creation-modal__error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 3rem);color:var(--color-error, #ef4444);font-size:1rem}.creation-modal__placeholder{display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem);padding:var(--spacing-lg, 2rem)}.creation-modal__placeholder-field{height:48px;background:var(--color-bg-secondary, #1a1a2e);border-radius:var(--radius-md, .5rem);border:1px solid var(--color-border, #2a2a3e)}.creation-modal__placeholder-field--short{width:60%}.creation-modal__discover-placeholder{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:var(--spacing-md, 1.5rem);justify-content:center}.creation-modal__discover-card{width:200px;height:267px;background:var(--color-bg-secondary, #1a1a2e);border-radius:var(--radius-lg, .75rem);border:1px solid var(--color-border, #2a2a3e)}@media(max-width:680px){.creation-modal__tabs{padding:0 var(--spacing-sm, 1rem)}.creation-modal__tab{padding:var(--spacing-sm, .75rem) var(--spacing-sm, 1rem);font-size:.875rem}.creation-modal__content{padding:var(--spacing-sm, 1rem)}}.detail-modal__tabs{display:flex;gap:var(--spacing-xs, .5rem);padding:0 var(--spacing-md, 1.5rem);border-bottom:1px solid var(--color-border, #2a2a3e);flex-shrink:0}.detail-modal__tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--spacing-sm, 1rem) var(--spacing-md, 1.5rem);color:var(--color-text-secondary, #a8a8b8);font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}.detail-modal__tab:hover{color:var(--color-text, #e8e8f0)}.detail-modal__tab--active{color:var(--color-accent, #fbbf24);border-bottom-color:var(--color-accent, #fbbf24)}.detail-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-md, 1.5rem)}.detail-modal__loading{display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem);padding:var(--spacing-md, 1.5rem) 0}.detail-modal__shimmer{background:var(--color-bg-secondary, #1a1a2e);border-radius:var(--radius-sm, .375rem);animation:detail-shimmer 1.5s ease-in-out infinite}.detail-modal__shimmer--label{width:80px;height:12px}.detail-modal__shimmer--value{width:200px;height:16px}.detail-modal__shimmer--wide{width:100%;height:16px}.detail-modal__shimmer--btn{width:100px;height:40px;border-radius:var(--radius-md, .5rem)}@keyframes detail-shimmer{0%,to{opacity:.6}50%{opacity:.25}}.detail-modal__error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 3rem);color:var(--color-error, #ef4444);font-size:1rem}.detail-modal__world{display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem)}.detail-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.detail-modal__label{color:var(--color-text-secondary, #a8a8b8);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.detail-modal__value{color:var(--color-text, #e8e8f0);font-size:1rem;line-height:1.5}.detail-modal__actions{display:flex;gap:var(--spacing-sm, 1rem);margin-top:var(--spacing-md, 1.5rem);padding-top:var(--spacing-md, 1.5rem);border-top:1px solid var(--color-border, #2a2a3e)}.detail-modal__btn{padding:var(--spacing-sm, .75rem) var(--spacing-lg, 2rem);border:none;border-radius:var(--radius-md, .5rem);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.detail-modal__btn--play{background:var(--color-accent, #fbbf24);color:var(--color-bg, #0f0f1a)}.detail-modal__btn--play:hover{opacity:.9}.detail-modal__btn--delete{background:transparent;color:var(--color-error, #ef4444);border:1px solid var(--color-error, #ef4444)}.detail-modal__btn--delete:hover{background:#ef44441a}.detail-modal__confirm{display:flex;flex-direction:column;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, 1rem);margin-top:var(--spacing-sm, .75rem);background:#ef44440d;border:1px solid var(--color-error, #ef4444);border-radius:var(--radius-md, .5rem)}.detail-modal__confirm-text{color:var(--color-error, #ef4444);font-size:.875rem}.detail-modal__confirm-actions{display:flex;gap:var(--spacing-sm, .75rem)}.detail-modal__btn--confirm{background:var(--color-error, #ef4444);color:#fff}.detail-modal__btn--cancel{background:transparent;color:var(--color-text-secondary, #a8a8b8);border:1px solid var(--color-border, #2a2a3e)}.detail-modal__character{display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem)}.detail-modal__character-header{display:flex;gap:var(--spacing-md, 1.5rem);align-items:flex-start}.detail-modal__portrait{width:120px;height:120px;border-radius:var(--radius-md, .5rem);object-fit:cover;flex-shrink:0}.detail-modal__character-info{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem)}.detail-modal__character-name{font-size:1.25rem;font-weight:600;color:var(--color-text, #e8e8f0);margin:0}.detail-modal__location{display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem)}.detail-modal__location-image{width:100%;max-height:300px;border-radius:var(--radius-md, .5rem);object-fit:cover}.detail-modal__entities{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem)}.detail-modal__entities-title{color:var(--color-text-secondary, #a8a8b8);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.detail-modal__entity{padding:var(--spacing-xs, .5rem) 0;color:var(--color-text, #e8e8f0);font-size:.875rem;border-bottom:1px solid var(--color-border, #2a2a3e)}.detail-modal__entity:last-child{border-bottom:none}.detail-modal__fallback{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 3rem);color:var(--color-text-secondary, #a8a8b8);font-size:1rem;text-align:center}@media(max-width:680px){.detail-modal__tabs{padding:0 var(--spacing-sm, 1rem)}.detail-modal__tab{padding:var(--spacing-sm, .75rem) var(--spacing-sm, 1rem);font-size:.875rem}.detail-modal__content{padding:var(--spacing-sm, 1rem)}.detail-modal__character-header{flex-direction:column;align-items:center}.detail-modal__actions{flex-direction:column}.detail-modal__btn{width:100%;text-align:center}}.gate-denial-modal__body{padding:var(--spacing-md, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-md, 1.5rem)}.gate-denial-modal__message{color:var(--color-text, #e8e8f0);font-size:1rem;line-height:1.6;margin:0}.gate-denial-modal__dismiss{align-self:flex-start;background:var(--color-accent, #6366f1);color:#fff;border:none;border-radius:var(--radius-sm, .375rem);padding:var(--spacing-xs, .5rem) var(--spacing-sm, 1rem);font-size:.875rem;cursor:pointer;transition:background .15s ease}.gate-denial-modal__dismiss:hover{background:var(--color-accent-hover, #4f46e5)}.play-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--color-background, #0f0f1e);position:relative;overflow:hidden}.play-page__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary, #a8a8b8);font-style:italic}.play-page__description{padding:var(--spacing-md, 1rem);color:var(--color-text, #f0f0f5);line-height:1.6}.play-page__description p{margin:0}.play-page__combat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--color-text-secondary, #a8a8b8);padding:var(--spacing-lg, 2rem)}.play-page__combat-placeholder h2{margin:0 0 var(--spacing-sm, .5rem);color:var(--color-text, #f0f0f5)}.play-page__combat-placeholder p{margin:0}.play-page__skill-check-overlay,.play-page__opposed-check-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.play-page__connection-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface, #1a1a2e);border:1px solid var(--color-warning, #ffa500);border-radius:var(--radius-md, 8px);padding:var(--spacing-md, 1rem) var(--spacing-lg, 2rem);color:var(--color-warning, #ffa500);text-align:center;z-index:2000;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:600px){.play-page__skill-check-overlay,.play-page__opposed-check-overlay{padding:var(--spacing-sm, .5rem)}}@media(min-width:1024px){.play-page__skill-check-overlay,.play-page__opposed-check-overlay{max-width:800px;margin:0 auto}}.account-nav{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.account-nav__tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);margin-bottom:-1px}.account-nav__tab:hover{color:var(--color-text)}.account-nav__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media(max-width:600px){.account-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.account-nav__tab{padding:var(--spacing-sm);white-space:nowrap}}.profile-settings__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.profile-settings__form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px}.profile-settings__error{padding:var(--spacing-sm);background-color:var(--color-error-bg, #f8d7da);border:1px solid var(--color-error-border, #f5c6cb);border-radius:var(--radius-sm);color:var(--color-error, #721c24);font-size:var(--font-size-sm)}.profile-settings__success{padding:var(--spacing-sm);background-color:var(--color-success-bg, #d4edda);border:1px solid var(--color-success-border, #c3e6cb);border-radius:var(--radius-sm);color:var(--color-success, #155724);font-size:var(--font-size-sm)}.password-settings__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.password-settings__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.password-settings__form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px}.password-settings__error{padding:var(--spacing-sm);background-color:var(--color-error-bg, #f8d7da);border:1px solid var(--color-error-border, #f5c6cb);border-radius:var(--radius-sm);color:var(--color-error, #721c24);font-size:var(--font-size-sm)}.password-settings__success{padding:var(--spacing-sm);background-color:var(--color-success-bg, #d4edda);border:1px solid var(--color-success-border, #c3e6cb);border-radius:var(--radius-sm);color:var(--color-success, #155724);font-size:var(--font-size-sm)}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:400px;width:90%}.delete-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error, #dc3545);margin:0 0 var(--spacing-sm) 0}.delete-modal__warning{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.delete-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.delete-modal__error{padding:var(--spacing-sm);background-color:var(--color-error-bg, #f8d7da);border:1px solid var(--color-error-border, #f5c6cb);border-radius:var(--radius-sm);color:var(--color-error, #721c24);font-size:var(--font-size-sm)}.delete-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-sm)}.subscription-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.subscription-panel__current{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.subscription-panel__plan-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-bg, rgba(99, 102, 241, .1));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.subscription-panel__plan-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.subscription-panel__plan-price{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.subscription-panel__features{margin-bottom:var(--spacing-lg)}.subscription-panel__features-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.subscription-panel__features-list{list-style:none;padding:0;margin:0}.subscription-panel__feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-xs) 0}.subscription-panel__feature-check{color:var(--color-success, #28a745);font-weight:var(--font-weight-bold)}.subscription-panel__upgrade{background-color:var(--color-background);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.subscription-panel__upgrade-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.subscription-panel__upgrade-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--spacing-xs) 0 var(--spacing-md) 0}.subscription-panel__upgrade .subscription-panel__features-list{margin-bottom:var(--spacing-md)}.account-page{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.account-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.account-page__header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.account-page__back{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-fast)}.account-page__back:hover{opacity:.8}.account-page__content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.account-page__section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.account-page__section p{color:var(--color-text-muted);margin:0}.account-page__danger-zone{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.account-page__danger-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-error, #dc3545);margin:0 0 var(--spacing-xs) 0}.account-page__danger-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0}@media(max-width:600px){.account-page{padding:var(--spacing-md)}.account-page__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.offer-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.offer-card{width:100%;max-width:420px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.offer-header{text-align:center;margin-bottom:var(--spacing-lg)}.offer-brand{font-size:2rem;font-weight:700;letter-spacing:-.02em}.offer-brand__epic{color:var(--color-text)}.offer-brand__roll{color:var(--color-accent)}.offer-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-xs)}.offer-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.offer-icon--success{color:var(--color-success, #10b981)}.offer-icon--error{color:var(--color-error)}.offer-icon--gift{color:var(--color-accent)}.offer-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.offer-loading p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.offer-spinner{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:offer-spin .8s linear infinite}@keyframes offer-spin{to{transform:rotate(360deg)}}.offer-message{text-align:center;margin-bottom:var(--spacing-lg)}.offer-message h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.offer-message p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.offer-message--success h2{color:var(--color-success, #10b981)}.offer-message--error h2{color:var(--color-error)}.offer-result-message{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.offer-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.offer-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-accent);text-transform:capitalize}.offer-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.offer-link{color:var(--color-accent);font-size:var(--font-size-sm);transition:var(--transition-base)}.offer-link:hover{color:var(--color-accent-hover);text-decoration:underline}@media(max-width:600px){.offer-page{padding:var(--spacing-md)}.offer-card{padding:var(--spacing-lg)}.offer-brand{font-size:1.5rem}}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);text-align:center}.app h1{font-size:var(--font-size-3xl);color:var(--color-accent);margin-bottom:var(--spacing-sm)}.app p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}