.header{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:2px solid var(--color-primary-light);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header__container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.header__logo-section{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;flex-shrink:0}.header__logo{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header__branding{display:flex;flex-direction:column;gap:var(--spacing-xs)}.header__title{color:#fff;font-size:var(--font-size-2xl);margin:0;text-transform:uppercase;letter-spacing:2px;font-weight:var(--font-weight-bold)}.header__subtitle{color:#fffc;font-size:var(--font-size-xs);margin:0;font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:1px}.header__nav{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:flex-end}.header__nav-link{color:#fff;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid transparent;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px}.header__nav-link:hover{color:var(--color-text);border-bottom-color:#fff}.header__nav-link.header__nav-link--active{border-bottom-color:#fff;color:#fff}@media(max-width:768px){.header__container{flex-direction:column;justify-content:center;align-items:center}.header__logo-section{width:100%;justify-content:center}.header__nav{width:100%;justify-content:center;gap:var(--spacing-md)}.header__nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.footer{background-color:var(--color-surface);border-top:2px solid var(--color-border);padding:var(--spacing-xl) var(--spacing-lg);margin-top:auto;position:relative;bottom:0;width:100%}.footer__container{max-width:1200px;margin:0 auto}.footer__content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xl);align-items:center}.footer__section{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center;&--right{text-align:right}}.footer__text{font-size:var(--font-size-sm);color:var(--color-text);margin:0;font-weight:var(--font-weight-semibold)}.footer__version{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;text-transform:uppercase;letter-spacing:1px}.footer__credit{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.footer__heart{color:var(--color-primary-light);display:inline-block;animation:pulse 1.5s ease-in-out infinite}.footer__legal{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.footer__link{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-base)}.footer__link:hover{color:#fff;text-decoration:underline}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.footer__content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer__section--right{text-align:center}}.button{font-family:inherit;font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}.button:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button.button--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.button.button--md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.button.button--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.button.button--primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.button.button--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button.button--primary:active:not(:disabled){background-color:var(--color-primary-dark)}.button.button--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button.button--secondary:hover:not(:disabled){background-color:var(--color-surface-secondary);border-color:var(--color-text-secondary)}.button.button--danger{background-color:var(--color-error);color:#fff}.button.button--danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button.button--danger:active:not(:disabled){transform:translateY(0)}.button.button--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button.button--outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button.button--outline:active:not(:disabled){transform:translateY(0)}.button.button--text{background-color:transparent;color:var(--color-primary);border:none}.button.button--text:hover:not(:disabled){color:var(--color-primary-light);text-decoration:underline}.home{display:flex;flex-direction:column;min-height:calc(100vh - 200px);gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.home__hero{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);position:relative;overflow:hidden}.home__hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,0,0,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.home__hero-content{position:relative;z-index:1;max-width:600px}.home__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:3px;text-shadow:0 4px 12px rgba(0,0,0,.5)}.home__subtitle{font-size:var(--font-size-xl);color:var(--color-primary-light);margin:0 0 var(--spacing-lg) 0;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:2px}.home__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.home__hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.home__hero-actions a{text-decoration:none}.home__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:var(--spacing-xl) 0 var(--spacing-2xl) 0;text-align:center;text-transform:uppercase;letter-spacing:2px;position:relative;padding-bottom:var(--spacing-lg)}.home__section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent)}.home__features{display:flex;flex-direction:column;gap:var(--spacing-xl)}.home__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.home__card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md)}.home__card:hover{transform:translateY(-4px);border-color:var(--color-primary-light);box-shadow:0 8px 24px #8b000033}.home__card-icon{font-size:3rem;display:block;margin:var(--spacing-sm) 0}.home__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin:0}.home__card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);flex-grow:1}.home__cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:12px;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;border:1px solid var(--color-primary-light)}.home__cta-text{font-size:var(--font-size-lg);color:#ffffffe6;margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.home__cta-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.home__cta-actions a{text-decoration:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.home{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-xl);min-height:auto}.home__hero{padding:var(--spacing-xl) var(--spacing-lg)}.home__title{font-size:var(--font-size-2xl);letter-spacing:2px}.home__subtitle{font-size:var(--font-size-lg)}.home__description{font-size:var(--font-size-base)}.home__cards{grid-template-columns:1fr}.home__section-title{font-size:var(--font-size-xl);margin:var(--spacing-lg) 0 var(--spacing-lg) 0}.home__cta{padding:var(--spacing-lg) var(--spacing-md)}.home__hero-actions,.home__cta-actions{flex-direction:column}:is(.home__hero-actions,.home__cta-actions) a{width:100%}:is(.home__hero-actions,.home__cta-actions) a button{width:100%}}.scenarios-list{max-width:900px;margin:0 auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.scenarios-list__header{text-align:center;padding:var(--spacing-xl) 0;border-bottom:2px solid var(--color-border)}.scenarios-list__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:2px}.scenarios-list__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.scenarios-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.scenarios-list__card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-base);position:relative;overflow:hidden;&--easy{border-top:3px solid var(--color-success);.scenarios-list__difficulty{background-color:var(--color-success)}}&--medium{border-top:3px solid var(--color-warning);.scenarios-list__difficulty{background-color:var(--color-warning)}}&--hard{border-top:3px solid var(--color-error);.scenarios-list__difficulty{background-color:var(--color-error)}}}.scenarios-list__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent)}.scenarios-list__card:hover{transform:translateY(-4px);border-color:var(--color-primary-light);box-shadow:0 12px 32px #8b000033}.scenarios-list__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.scenarios-list__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin:0;flex:1}.scenarios-list__difficulty{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.scenarios-list__card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);flex-grow:1}.scenarios-list__card-info{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.scenarios-list__info-item{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.scenarios-list__info-icon{font-size:1.25rem}.scenarios-list__info-text{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.scenarios-list__metadata{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.scenarios-list__metadata:last-of-type{border-bottom:none}.scenarios-list__metadata-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0}.scenarios-list__metadata-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.scenarios-list__card-link{text-decoration:none}.scenarios-list__card-link button{transition:all var(--transition-base)}.scenarios-list__card-link:hover button{transform:translateY(-2px)}.scenarios-list__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.scenarios-list__empty p{font-size:var(--font-size-lg);margin:0}@media(max-width:768px){.scenarios-list{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}.scenarios-list__title{font-size:var(--font-size-2xl)}.scenarios-list__subtitle{font-size:var(--font-size-base)}.scenarios-list__filters{flex-direction:column;align-items:flex-start}.scenarios-list__filter-group,.scenarios-list__filter-buttons{width:100%}.scenarios-list__filter-btn{flex:1}.scenarios-list__grid{grid-template-columns:1fr}.scenarios-list__card-header{flex-direction:column;align-items:flex-start}.scenarios-list__card-info{flex-direction:column;gap:var(--spacing-md)}}.scenarios-list__card--has-cover:after{content:"";position:absolute;inset:0;background:#00000080;border-radius:inherit;pointer-events:none;z-index:1}.scenarios-list__card--has-cover>*{position:relative;z-index:2}._paragraph_16pw1_1{font-family:var(--font-base);font-size:var(--font-size-body);line-height:1.6;color:var(--text-primary)}._tag_16pw1_8{position:relative;padding:.125rem .375rem;margin:0 .125rem;border-radius:.25rem;font-weight:600;cursor:help;transition:all .2s ease;white-space:nowrap;display:inline-block}._tag_16pw1_8:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}._tag-item_16pw1_26{background-color:#b48c0026;color:#d4a800;border:1px solid rgba(180,140,0,.3)}._tag-item_16pw1_26:hover{background-color:#b48c0040;border-color:#b48c0099}._tag-figure_16pw1_38{background-color:#9333ea26;color:#b591ff;border:1px solid rgba(147,51,234,.3)}._tag-figure_16pw1_38:hover{background-color:#9333ea40;border-color:#9333ea99}._tag-board_16pw1_50{background-color:#22d3ee26;color:#22d3ee;border:1px solid rgba(34,211,238,.3)}._tag-board_16pw1_50:hover{background-color:#22d3ee40;border-color:#22d3ee99}._tag-token_16pw1_62{background-color:#84cc1626;color:#84cc16;border:1px solid rgba(132,204,22,.3)}._tag-token_16pw1_62:hover{background-color:#84cc1640;border-color:#84cc1699}@media(prefers-reduced-motion:reduce){._tag_16pw1_8{transition:none}._tag_16pw1_8:hover{transform:none}}.rich-text-block{margin-bottom:1.5rem}.rich-text-block:last-child,.rich-text-block:last-of-type,.rich-text-block.spacing-none{margin-bottom:0}.rich-image-block{margin-bottom:1.5rem;display:flex;justify-content:center}.rich-image-block:last-child,.rich-image-block:last-of-type,.rich-image-block.spacing-none{margin-bottom:0}.rich-text-block.is-last-block,.rich-image-block.is-last-block{margin-bottom:0!important}.color-yellow,.color-red,.color-purple,.color-green,.color-blue{font-weight:700}.color-yellow{color:#ffeb3b}.color-red{color:#ff6b6b}.color-purple{color:#bb86fc}.color-green{color:#4caf50}.color-blue{color:#3b82f6}.size-xs,.size-sm,.size-lg,.size-xl{font-weight:500}.size-xs{font-size:.75em}.size-sm{font-size:.9em}.size-lg{font-size:1.25em}.size-xl{font-size:1.5em}.symbol{font-size:inherit;color:inherit;line-height:inherit;display:inline}.item{color:var(--color-accent);font-weight:500}.symbol-image,.letter-image,.person-image,.inline-image{height:1.4em;width:auto;display:inline;vertical-align:-.3em;margin:0 .1em}.story-item-image,.room-item-image{height:2em;width:auto;display:inline;vertical-align:-.3em;margin:0 .1em}.rich-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #00000026}.rich-image-icon{font-size:2.5em}.rich-image-text{color:var(--color-text-muted);font-size:.9em;font-style:italic}.rich-image-placeholder{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px;padding:var(--spacing-lg);margin:var(--spacing-md) 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.conditional-choice{background:#8b000014;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.conditional-choice__question{margin-bottom:var(--spacing-md)}.conditional-choice__question p{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-style:italic}.conditional-choice__buttons{display:flex;gap:var(--spacing-md);justify-content:center}.conditional-choice__btn{flex:1;max-width:200px;padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-lg)}.conditional-choice__btn--yes{background:#008b0033}.conditional-choice__btn--yes:hover{background:#008b0066}.conditional-choice__btn--no{background:#8b000033}.conditional-choice__btn--no:hover{background:#8b000066}.conditional-choice__result{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);animation:result-slide-in .4s ease-out}@keyframes result-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.conditional-choice__result--yes{background:#008b0026;border-left:4px solid #00a000}.conditional-choice__result--no{background:#8b000026;border-left:4px solid var(--color-accent)}.conditional-choice__result p{color:var(--color-text-primary);margin:0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}@media(max-width:768px){.conditional-choice{padding:var(--spacing-md)}.conditional-choice__buttons{flex-direction:column}.conditional-choice__btn{max-width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.paragraph-display{animation:slideIn .3s ease-in-out}.paragraph-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:1.5rem}.dice-result{margin-top:2rem;padding:1.5rem;background:#fffbf0;border-left:4px solid #ff9800;border-radius:4px}.dice-result p{margin:0 0 1rem;line-height:1.6}.dice-roller-wrapper{display:flex;justify-content:center;margin-top:2rem;padding:1.5rem 0}.choices{display:flex;flex-direction:column;gap:1rem;border:none}.choices .button{outline:none}.choices--vertical{flex-direction:column}.choices--vertical .button{width:100%;padding:var(--spacing-sm) var(--spacing-lg);white-space:normal;word-wrap:break-word}.game__scenario .choices--horizontal{flex-direction:row;flex-wrap:wrap}.choices--horizontal{flex-direction:row;flex-wrap:wrap;padding-bottom:0}.choices--horizontal .button{flex:1;min-width:200px;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;min-height:auto;gap:.75rem}.choices--horizontal .person-image{height:150px;width:auto}@media(max-width:600px){.paragraph-display,.dice-result{padding:1rem}}.dice-view__container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)}.dice-view__instruction{text-align:center;font-size:var(--font-size-lg);margin:0}.dice-view__buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.dice-view__result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:3rem;font-weight:700;color:var(--color-accent);margin-top:0;text-align:center;min-height:4rem}.dice-view__result-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.dice-view__result-value{font-size:3rem;font-weight:700;color:var(--color-accent)}.game{display:flex;flex-direction:column;min-height:auto;background-color:var(--color-background);overflow:visible;padding:var(--spacing-xl);max-width:900px;margin:0 auto;width:100%}fieldset{border:none;padding:var(--spacing-md) 0;margin:0}.game__dialog{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;animation:dialog-pop .3s ease-out}@keyframes dialog-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.game__dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:1px}.game__dialog-text{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.game__dialog-sources{background:#8b00001a;border-left:3px solid var(--color-primary);padding:var(--spacing-md);margin:var(--spacing-md) 0;font-weight:var(--font-weight-bold);color:var(--color-primary);border-radius:var(--radius-md)}.game__dialog-question{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:var(--spacing-md) 0;text-align:center}.game__dialog-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.game__indirect-text{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0;color:var(--color-text);line-height:var(--line-height-relaxed)}.game__indirect-sources{background-color:transparent;border-radius:0;padding:0;margin:var(--spacing-md) 0;text-align:left}.game__indirect-source{font-size:var(--font-size-lg);color:var(--color-text);margin:var(--spacing-sm) 0}.game__indirect-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin:var(--spacing-lg) 0;color:var(--color-text);line-height:var(--line-height-relaxed)}.game__top-bar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.game__top-bar-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.game__scenario-info{font-size:var(--font-size-md);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;flex:1;text-align:center}.game__input-panel{background-color:var(--color-surface);margin:var(--spacing-xl) 0;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;width:100%}.game>.game__input-panel{max-width:900px}.game__input-header{text-align:center;padding:var(--spacing-lg) 0}.game__scenario-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;padding:0;text-transform:uppercase;letter-spacing:3px;text-align:center}.game__input-instruction{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.game__input-wrapper{width:100%;padding:0 var(--spacing-md)}.game__input-group{display:flex;gap:var(--spacing-md);margin:0}.game__input{flex:1;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-lg);font-family:var(--font-family);text-align:center}.game__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #8b00001a}.game__input-btn{flex-shrink:0;font-weight:var(--font-weight-bold);letter-spacing:1px;padding:var(--spacing-md) var(--spacing-xl)}.game__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0;padding:var(--spacing-sm) var(--spacing-md);background-color:#ef44441a;border-radius:var(--radius-md);text-align:center}.game__options{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;width:100%;padding:var(--spacing-lg) 0}.game__option-btn{font-size:var(--font-size-sm)}.game__option-link{text-decoration:none}.game__content-nav{display:flex;align-items:center;align-self:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0}.game__scenario{background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:0;width:100%;display:flex;flex-direction:column}.game__scenario-header,.game__scenario-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.game__scenario-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.game__scenario-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.game__scenario-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-bold);white-space:nowrap}.game__scenario-controls{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.game__scenario-empty{color:var(--color-text-muted);font-size:var(--font-size-md);padding:var(--spacing-lg);text-align:center;background-color:var(--color-surface-secondary);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.game__text-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.game__paragraph-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0}.game__dice-section{background-color:#8b00000d;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.game__dice-instruction{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.game__dice-result-message{padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-align:center;animation:message-slide .4s ease-out}.game__dice-result-message--success{background-color:#228b2226;border:2px solid #228b22;color:#228b22}.game__dice-result-message--fail{background-color:#8b000026;border:2px solid var(--color-primary);color:var(--color-primary)}@keyframes message-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game__error-text{color:var(--color-danger);font-size:var(--font-size-md);margin:0;text-align:center}.game__choices{display:flex;flex-direction:column;gap:var(--spacing-md)}.game__choice-btn{text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg)}@media(max-width:1024px){.game__input-panel{max-width:100%;padding:var(--spacing-lg)}}@media(max-width:768px){.game{height:auto}.game__input-panel{padding:var(--spacing-md);gap:var(--spacing-md)}.game__scenario-title{font-size:var(--font-size-2xl)}.game__input-group{flex-direction:column}.game__input{font-size:var(--font-size-md)}.game__text-box{padding:var(--spacing-lg)}.game__paragraph-text{font-size:var(--font-size-base)}.game__options{gap:var(--spacing-sm)}}.instructions{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.instructions__hero{text-align:center;padding:var(--spacing-xl) 0;border-bottom:2px solid var(--color-border)}.instructions__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:2px}.instructions__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.instructions__content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.instructions__section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.instructions__heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-light);margin:0;text-transform:uppercase;letter-spacing:1px;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.instructions__step{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border-left:4px solid var(--color-primary-light);border-radius:var(--radius-lg);transition:all var(--transition-base)}.instructions__step:hover{transform:translate(4px);background:linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface) 100%)}.instructions__step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.instructions__step-content{flex:1}.instructions__step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--spacing-sm) 0}.instructions__step-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.instructions__mechanic{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.instructions__mechanic-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--spacing-sm) 0}.instructions__mechanic p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.instructions__tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.instructions__tips li{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-left:3px solid var(--color-success);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.instructions__tips li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0}.instructions__faq{display:flex;flex-direction:column;gap:var(--spacing-lg)}.instructions__faq-item{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.instructions__faq-item h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-sm) 0}.instructions__faq-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}@media(max-width:768px){.instructions{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}.instructions__title{font-size:var(--font-size-2xl)}.instructions__subtitle{font-size:var(--font-size-base)}.instructions__heading{font-size:var(--font-size-lg)}.instructions__step{flex-direction:column;gap:var(--spacing-md)}.instructions__step-number{width:32px;height:32px;font-size:var(--font-size-base)}}.about{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.about__hero{text-align:center;padding:var(--spacing-xl) 0;border-bottom:2px solid var(--color-border)}.about__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:2px}.about__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.about__content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.about__section{display:flex;flex-direction:column;gap:var(--spacing-lg);&--highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-primary-light)}}.about__heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-light);margin:0;text-transform:uppercase;letter-spacing:1px;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.about__section--highlight .about__heading{color:#fff;border-bottom-color:#fff3}.about__section p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.about__section--highlight :is(.about__section p){color:#ffffffe6}.about__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.about__list li{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-left:3px solid var(--color-primary-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about__list li strong{color:#fff;flex-shrink:0;min-width:100px}.about__list li:before{content:"▸";color:var(--color-primary-light);font-weight:var(--font-weight-bold);flex-shrink:0}.about__tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.about__tech-item{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.about__tech-item:hover{transform:translateY(-2px);border-color:var(--color-primary-light);background:linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface) 100%)}.about__tech-item strong{display:block;font-size:var(--font-size-base);color:#fff;margin-bottom:var(--spacing-sm)}.about__tech-item p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.about__author{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.about__author-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-md)}.about__author p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.about__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.about__info-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.about__info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.about__info-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-light)}@media(max-width:768px){.about{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}.about__title{font-size:var(--font-size-2xl)}.about__subtitle{font-size:var(--font-size-base)}.about__heading{font-size:var(--font-size-lg)}.about__tech-grid,.about__info-grid{grid-template-columns:1fr}.about__section--highlight{padding:var(--spacing-lg) var(--spacing-md)}}:root{--color-primary: #8b0000;--color-primary-dark: #5c0000;--color-primary-light: #b41c1c;--color-background: #0f0f0f;--color-surface: #1a1a1a;--color-surface-secondary: #262626;--color-text: #f5f5f5;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-border: #404040;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", Courier, 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: 2rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-horror: 0 8px 32px rgba(139, 0, 0, .3);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: 1rem;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--breakpoint-sm: 320px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text);line-height:var(--line-height-normal);font-size:var(--font-size-base)}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}input,textarea,select{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-light);background-color:var(--color-surface-secondary);box-shadow:0 0 0 3px #8b000033}input::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--color-border: #606060;--color-text-secondary: #d0d0d0}}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);color:var(--color-text)}#root{height:100%}body{margin:0;padding:0}html{height:100%}