@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";*{box-sizing:border-box}body{color:#5c5245;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(at 20% 0,#b8860b26 0%,#0000 50%),radial-gradient(at 80% 100%,#8b73551a 0%,#0000 50%),linear-gradient(#f5f1e8 0%,#ede6d3 100%);min-height:100vh;margin:0;font-family:EB Garamond,Crimson Text,Georgia,serif;line-height:1.6}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{color:#0f63db;background:#1570ef33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--color-primary:#8b7355;--color-primary-dark:#5c4c3d;--color-primary-light:#a0826d;--color-primary-soft:#f5efe7;--color-bg:#f5f1e8;--color-bg-soft:#ede6d3;--color-surface:#fffaf5;--color-surface-soft:#f9f5ee;--color-surface-elevated:#faf6ef;--color-text-primary:#3c3c2b;--color-text-secondary:#5c5245;--color-text-muted:#8b8573;--color-text-inverse:#fffaf5;--color-border:#d4af8f;--color-border-light:#e8dcc8;--color-border-focus:#b8860b;--color-success:#8b6f47;--color-success-soft:#f0ebe0;--color-success-border:#d4af8f;--color-error:#a0533d;--color-error-soft:#f5e8e0;--color-error-border:#d4af8f;--color-warning:#b8860b;--color-warning-soft:#fbf8f2;--color-gold:#b8860b;--color-gold-soft:#f5e8d4;--color-fragment:#8b6b47;--color-fragment-soft:#f0e8dc;--shadow-sm:0 2px 8px #5c4c3d14;--shadow-md:0 8px 20px #5c4c3d1f;--shadow-lg:0 16px 40px #5c4c3d26;--shadow-primary:0 8px 20px #8b735540;--font-ui:"EB Garamond", "Crimson Text", Georgia, serif;--font-title:"Playfair Display", "Crimson Text", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}.game-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.game-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.game-card:hover:before{opacity:1}.game-card--mission{background:linear-gradient(145deg, var(--color-surface), var(--color-primary-soft))}.game-card--elevated{box-shadow:var(--shadow-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;min-height:48px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #0000;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){box-shadow:0 12px 28px #1570ef59}.btn--secondary{color:var(--color-text-primary);background:var(--color-surface);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-soft);border-color:var(--color-border-focus)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-soft)}.btn--success{color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-success), #059669);box-shadow:0 8px 20px #10b98140}.btn--lg{border-radius:var(--radius-lg);min-height:56px;padding:1rem 1.75rem;font-size:1.05rem}.btn--sm{min-height:36px;padding:.5rem .875rem;font-size:.85rem}.btn--full{width:100%}.input{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);font-family:var(--font-ui);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.875rem 1rem;font-size:1rem}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1570ef1a}.input::placeholder{color:var(--color-text-muted)}.input--lg{border-radius:var(--radius-lg);padding:1rem 1.125rem;font-size:1.1rem}.input-label{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:.9rem;font-weight:500;display:block}.input-group{margin-bottom:var(--space-lg)}.badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid #1570ef33}.badge--success{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-border)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid #f59e0b4d}.badge--fragment{background:var(--color-fragment-soft);color:var(--color-fragment);border:1px solid #8b5cf633}.badge--level{background:linear-gradient(135deg, var(--color-primary-soft), #dbeafe);color:var(--color-primary-dark);border:1px solid #1570ef26}.progress-bar{background:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:10px;position:relative;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--color-primary-light), var(--color-primary));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);position:relative}.progress-bar__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hud{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.hud__item{align-items:center;gap:var(--space-sm);display:flex}.hud__icon{border-radius:var(--radius-sm);background:var(--color-primary-soft);width:24px;height:24px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.hud__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.hud__value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.hud__divider{background:var(--color-border);width:1px;height:32px}.fragments-panel{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg, var(--color-fragment-soft), #f5f3ff);border-radius:var(--radius-lg);border:1px solid #8b5cf633;display:flex}.fragments-panel__title{color:var(--color-fragment);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.fragments-panel__items{gap:var(--space-sm);display:flex}.fragment-chip{min-width:32px;height:32px;padding:0 var(--space-sm);background:var(--color-surface);border:2px solid var(--color-fragment);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-fragment);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b5cf626}.fragment-chip--empty{border-style:dashed;border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none;background:0 0}.option-card{gap:var(--space-md);width:100%;padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;grid-template-columns:auto 1fr;align-items:start;display:grid}.option-card:hover:not(:disabled){border-color:var(--color-border-focus);background:var(--color-surface-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-card--selected{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 3px #1570ef1a}.option-card--correct{border-color:var(--color-success);background:var(--color-success-soft)}.option-card--incorrect{border-color:var(--color-error);background:var(--color-error-soft)}.option-card:disabled{cursor:not-allowed;opacity:.7}.option-card__letter{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.option-card--selected .option-card__letter{background:var(--color-primary);color:var(--color-text-inverse)}.option-card__text{color:var(--color-text-primary);margin:0;font-size:1rem;line-height:1.5}.feedback-panel{padding:var(--space-xl) var(--space-lg);margin-top:var(--space-lg);border-radius:var(--radius-lg);border:2px solid;flex-direction:column;justify-content:center;min-height:140px;display:flex;position:relative;overflow:hidden}.feedback-panel:before{content:"";width:6px;height:100%;position:absolute;top:0;left:0}.feedback-panel--correct{background:var(--color-success-soft);border-color:var(--color-success-border)}.feedback-panel--correct:before{background:var(--color-success)}.feedback-panel--incorrect{background:var(--color-error-soft);border-color:var(--color-error-border)}.feedback-panel--incorrect:before{background:var(--color-error)}.feedback-panel__title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px;font-size:1.2rem;font-weight:700;display:flex}.feedback-panel--correct .feedback-panel__title{color:var(--color-success)}.feedback-panel--incorrect .feedback-panel__title{color:var(--color-error)}.feedback-panel__message{color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.8}.feedback-panel__fragment{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-fragment);font-size:1rem;font-weight:600;display:inline-flex}.player-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.player-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-sm)}.player-card--host{background:linear-gradient(135deg, var(--color-gold-soft), #fff7ed);border-color:#f59e0b4d}.player-card__avatar{background:linear-gradient(135deg, var(--color-primary-soft), var(--color-primary-light));width:40px;height:40px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.player-card--host .player-card__avatar{background:linear-gradient(135deg, var(--color-gold), #d97706);color:var(--color-text-inverse)}.player-card__info{flex:1}.player-card__name{color:var(--color-text-primary);margin:0;font-weight:600}.player-card__role{color:var(--color-text-muted);font-size:.8rem}.room-code{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg, var(--color-primary-soft), #dbeafe);border:2px dashed var(--color-primary);border-radius:var(--radius-lg);display:flex}.room-code__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.room-code__value{font-family:var(--font-mono);color:var(--color-primary-dark);letter-spacing:.15em;font-size:1.5rem;font-weight:700}.fade-in{animation:.3s ease-out fadeIn}.slide-up{animation:.4s ease-out slideUp}.scale-in{animation:.3s ease-out scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.text-center{text-align:center}.text-left{text-align:left}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.book-container{background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B8573' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#fffaf5 0%,#f9f5ee 50%,#f5f1e8 100%);background-position:0 0;background-repeat:repeat;background-size:60px 60px,100% 100%;background-attachment:fixed,scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d4af8f;border-radius:8px;max-width:900px;margin:2rem auto;padding:3rem;position:relative;overflow:hidden;box-shadow:0 0 0 15px #ede6d3,0 10px 40px #3c3c2b26,inset 0 1px #ffffff4d}.book-container:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#5c4c3d1a 0%,#5c4c3d33 50%,#5c4c3d1a 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book-container:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(at 0 0,#b8860b0d 0%,#0000 50%),radial-gradient(at 100% 100%,#5c4c3d0d 0%,#0000 50%);border-radius:8px;position:absolute;inset:0}.book-container>*{z-index:3;position:relative}.book-page{flex-direction:column;justify-content:space-between;display:flex}.book-content{letter-spacing:.5px;color:var(--color-text-primary);line-height:1.9}.book-content h1,.book-content h2,.book-content h3{font-family:var(--font-title);color:var(--color-primary-dark);letter-spacing:.02em;margin-top:1.5em;margin-bottom:.8em}.book-content p{text-align:justify;margin-bottom:1.5em}.book-content p:first-letter{margin-right:.1em;font-size:1.2em;font-weight:700}.book-divider{text-align:center;color:var(--color-gold);opacity:.6;-webkit-user-select:none;user-select:none;padding:1.5rem 0;font-size:1.2em}.book-divider:before,.book-divider:after{content:"❦";margin:0 .5em}.book-page-number{text-align:center;color:var(--color-text-muted);font-size:.9em;font-family:var(--font-ui);letter-spacing:.1em;margin-top:2rem}.wax-seal{color:#fffaf5;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 4px #0000004d;background:radial-gradient(circle at 30% 30%,#d4874a 0%,#b8634f 30%,#7d3024 100%);border:1px solid #5c3d33;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 4px 12px #7d30244d}.wax-seal:before{content:"";pointer-events:none;border:1px dashed #5c3d334d;border-radius:50px;position:absolute;inset:-2px}.wax-seal svg,.wax-seal i{filter:drop-shadow(0 1px 2px #0000004d)}.ornamental-border{padding:1.5rem 0;position:relative}.ornamental-border:before,.ornamental-border:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-gold) 25%, var(--color-gold) 75%, transparent 100%);opacity:.6;height:2px;position:absolute;left:0;right:0}.ornamental-border:before{background-image:repeating-linear-gradient(90deg, var(--color-gold), var(--color-gold) 8px, transparent 8px, transparent 16px);opacity:.4;top:0}.ornamental-border:after{background-image:repeating-linear-gradient(90deg, var(--color-gold), var(--color-gold) 8px, transparent 8px, transparent 16px);opacity:.4;bottom:0}.ornamental-line{border-top:1px solid var(--color-gold);text-align:center;color:var(--color-gold);opacity:.5;border-bottom:1px solid #d4af8f4d;margin:1.5rem 0;padding:1rem 0;font-size:1.5em}.corner-decoration{position:relative}.corner-decoration:before,.corner-decoration:after{content:"";border:1px solid var(--color-gold);opacity:.4;pointer-events:none;width:40px;height:40px;position:absolute}.corner-decoration:before{border-bottom:none;border-right:none;top:15px;left:15px}.corner-decoration:after{border-bottom:none;border-left:none;top:15px;right:15px}.corner-decoration{box-shadow:inset 40px -40px 0 -39px var(--color-gold), inset -40px -40px 0 -39px var(--color-gold)}.paper-aged{background-image:radial-gradient(2px 2px at 20px 30px,#8b85730d,#8b85730d),radial-gradient(2px 2px at 60px 70px,#8b85730d,#8b85730d),radial-gradient(1px 1px at 50px 50px,#5c4c3d14,#5c4c3d14),radial-gradient(1px 1px at 130px 80px,#5c4c3d14,#5c4c3d14),radial-gradient(2px 2px at 90px 10px,#8b85730d,#8b85730d);background-position:0 0;background-repeat:repeat;background-size:200px 200px}.vintage-badge{background:var(--color-gold-soft);border:2px solid var(--color-gold);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.1em;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-flex;position:relative;box-shadow:0 2px #5c4c3d1a,inset 0 1px #ffffff80}.vintage-badge:before{content:"";background:var(--color-gold);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.vintage-badge:after{content:"";background:var(--color-gold);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.vintage-button{background:linear-gradient(135deg, var(--color-gold), #8b7355);color:var(--color-surface);border:1px solid var(--color-primary-dark);letter-spacing:.05em;cursor:pointer;border-radius:4px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #8b73554d,inset 0 1px #fff3}.vintage-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b735566,inset 0 1px #ffffff4d}.vintage-button:active{transform:translateY(0);box-shadow:0 2px 8px #8b73554d,inset 0 2px 4px #0000001a}.book-container,.reading-content,.story-content{transition:all .3s ease-out}.book-page{animation:.6s ease-out forwards pageFlip}@keyframes pageFlip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.book-divider{animation:.8s ease-out flourish}@keyframes flourish{0%{opacity:0;transform:scale(.5)}to{opacity:.6;transform:scale(1)}}@media (width>=768px){.book-container{grid-template-columns:1fr 1fr;gap:3rem;min-height:600px;padding:3rem 4rem;display:grid}.book-container:before{opacity:.7;width:3px;left:50%}.book-page:first-child{border-right:1px dashed #d4af8f;padding-right:2rem}.book-page:last-child{border-left:1px dashed #d4af8f;padding-left:2rem}}@media (width<=767px){.book-container{padding:2rem 1.5rem}.book-page{padding-bottom:1.5rem}.book-page:not(:last-child){border-bottom:1px dashed #d4af8f;margin-bottom:2rem;padding-bottom:2rem}}@media (width<=640px){.game-card{padding:var(--space-lg);border-radius:var(--radius-lg)}.hud{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap}.hud__divider{display:none}.fragments-panel,.room-code{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.btn--lg{width:100%}}.home-screen{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100vh;display:flex}.hero{gap:var(--space-2xl);padding:var(--space-2xl) var(--space-xl);text-align:center;grid-template-columns:1fr;align-items:center;width:100%;max-width:800px;display:grid}.hero--vintage{padding:var(--space-2xl) var(--space-xl);background:linear-gradient(#b8860b1a 0%,#0000 50%,#b8860b0d 100%);border-radius:8px;animation:3s ease-in-out infinite heroGlow;position:relative}@keyframes heroGlow{0%,to{box-shadow:0 0 20px #b8860b4d}50%{box-shadow:0 0 40px #b8860b80}}.hero__content{gap:var(--space-lg);flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0 auto;display:flex}.hero__badge{align-items:center;gap:var(--space-sm);animation:.6s ease-out .2s both slideDown;display:inline-flex}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hero__title{font-family:var(--font-title);color:var(--color-primary-dark);text-shadow:2px 2px 4px #5c4c3d1a;margin:0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1.1;animation:.8s ease-out .4s both heroTitleIn}@keyframes heroTitleIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.vintage-title{display:inline-block;position:relative}.vintage-title:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-gold) 50%, transparent 100%);opacity:.6;width:80%;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hero__subtitle{color:var(--color-text-primary);text-align:center;max-width:100%;font-size:1.1rem;line-height:1.7;animation:.8s ease-out .6s both fadeIn}.hero__actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;width:100%;animation:.8s ease-out .8s both scaleInUp;display:flex}@keyframes scaleInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hero__actions .btn{animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:both}.hero__actions .btn:first-child{animation:.8s ease-out .9s slideInLeft}.hero__actions .btn:nth-child(2){animation:.8s ease-out .9s slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero__meta{margin-top:var(--space-sm);animation:1s ease-out 1.1s both fadeIn}.badge__dot{background:var(--color-gold);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-title{justify-content:center;align-items:center;gap:var(--space-md);font-family:var(--font-title);color:var(--color-primary-dark);margin:0 0 var(--space-xl) 0;text-transform:uppercase;letter-spacing:.05em;font-size:1.8rem;font-weight:700;animation:.8s ease-out fadeIn;display:flex}.section-title svg{color:var(--color-gold);animation:2s ease-in-out infinite rotate}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.mission-briefing{padding:var(--space-xl);background:linear-gradient(135deg,#fffaf5,#f9f5ee);border:1px solid #d4af8f;border-radius:8px;width:100%;animation:.8s ease-out cardSlideUp;box-shadow:0 10px 30px #5c4c3d33,inset 0 1px #ffffff80}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mission-cards{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.mission-card{gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg, var(--color-surface), var(--color-primary-soft));border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.6s ease-out both cardFadeIn;display:flex;position:relative;overflow:hidden}.mission-card:first-child{animation-delay:.2s}.mission-card:nth-child(2){animation-delay:.4s}.mission-card:nth-child(3){animation-delay:.6s}.mission-card:nth-child(4){animation-delay:.8s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mission-card:before{content:"";background:linear-gradient(90deg, var(--color-gold), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.mission-card.vintage-card{background:linear-gradient(135deg,#fffaf5,#f9f5ee);border-color:#d4af8f}.mission-card.vintage-card:hover:before{opacity:1}.mission-card:hover{border-color:var(--color-gold);transform:translateY(-8px)scale(1.02);box-shadow:0 12px 24px #5c4c3d40}.mission-card__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;animation:.6s ease-out iconRotate;display:flex}@keyframes iconRotate{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.mission-card__icon--gold{color:var(--color-gold);border:2px solid var(--color-gold);background:linear-gradient(135deg,#f5e8d4,#e8dcc8);box-shadow:0 4px 12px #b8860b4d}.mission-card h3{color:var(--color-primary-dark);font-size:1.15rem;font-weight:700;font-family:var(--font-title);letter-spacing:.02em;margin:0}.mission-card p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.6}.levels-preview{padding:var(--space-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#f5e8d4,#ede6d3);border:1px solid #d4af8f;width:100%;animation:.8s ease-out .3s both cardSlideUp;box-shadow:0 10px 30px #5c4c3d26}.levels-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.level-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:#fffaf5cc;border:1px solid #d4af8f4d;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.6s ease-out both cardFadeIn;display:flex;box-shadow:0 4px 12px #5c4c3d1a}.level-item:first-child{animation-delay:.1s}.level-item:nth-child(2){animation-delay:.2s}.level-item:nth-child(3){animation-delay:.3s}.level-item:nth-child(4){animation-delay:.4s}.level-item:hover{border-color:var(--color-gold);transform:translate(6px)translateY(-2px);box-shadow:0 8px 20px #5c4c3d33}.level-item__number{font-family:var(--font-title);color:var(--color-gold);text-shadow:1px 1px 2px #5c4c3d1a;font-size:1.8rem;font-weight:700;line-height:1}.level-item__content h4{margin:0 0 var(--space-xs) 0;color:var(--color-primary-dark);font-size:1.05rem;font-weight:700;font-family:var(--font-title)}.level-item__content p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.vintage-button-secondary{color:var(--color-primary-dark)!important;background:linear-gradient(135deg,#f5efe7,#ede6d3)!important;border:2px solid #d4af8f!important;box-shadow:0 4px 12px #8b735533,inset 0 1px #fff6!important}.vintage-button-secondary:hover{background:linear-gradient(135deg,#ede6d3,#e8dcc8)!important;box-shadow:0 6px 16px #8b73554d,inset 0 1px #ffffff80!important}@media (width<=768px){.hero{gap:var(--space-xl);text-align:center;padding:var(--space-xl) var(--space-md);grid-template-columns:1fr}.hero__content{align-items:center}.hero__title{font-size:clamp(2rem,5vw,2.5rem)}.hero__subtitle{text-align:center;font-size:1rem}.hero__actions{flex-direction:column;justify-content:center;width:100%}.hero__actions .btn{width:100%}.mission-briefing,.levels-preview{padding:var(--space-lg)}.section-title{font-size:1.4rem}.mission-cards{gap:var(--space-md);grid-template-columns:1fr}.levels-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.hero{padding:var(--space-lg) var(--space-md)}.hero__title{margin:var(--space-md) 0;font-size:clamp(1.75rem,4vw,2.25rem)}.hero__subtitle{font-size:.95rem;line-height:1.6}.hero__actions{gap:var(--space-sm)}.section-title{gap:var(--space-sm);font-size:1.2rem}.mission-card{padding:var(--space-md)}.mission-card h3{font-size:1rem}.mission-card p{font-size:.85rem}.level-item{padding:var(--space-md)}.level-item__number{font-size:1.4rem}.levels-grid{gap:var(--space-sm);grid-template-columns:1fr}}.room-screen{gap:var(--space-lg);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.back-button{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;width:fit-content;font-size:.9rem;display:inline-flex}.back-button:hover{color:var(--color-primary)}.back-button svg{transform:rotate(180deg)}.room-card{padding:var(--space-xl)}.room-card__header{align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex}.room-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.room-card__icon--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-inverse);box-shadow:var(--shadow-primary)}.room-card__icon--secondary{background:linear-gradient(135deg, var(--color-fragment), #7c3aed);color:var(--color-text-inverse);box-shadow:0 8px 20px #8b5cf640}.room-card__title{margin:0 0 var(--space-xs) 0;font-family:var(--font-title);color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.room-card__subtitle{color:var(--color-text-secondary);margin:0;font-size:.95rem}.room-form{gap:var(--space-lg);flex-direction:column;display:flex}.room-form__actions{margin-top:var(--space-md)}.input-hint{margin:var(--space-sm) 0 0 0;color:var(--color-text-muted);font-size:.8rem}.input--code{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;text-align:center;font-size:1.25rem}.room-info{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);gap:var(--space-sm);flex-direction:column;display:flex}.room-info__item{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.85rem;display:flex}.room-info__item svg{color:var(--color-primary);flex-shrink:0}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lobby-screen{gap:var(--space-xl);flex-direction:column;display:flex}.lobby-header{text-align:center;padding:var(--space-lg) 0}.lobby-header__title{font-family:var(--font-title);color:var(--color-text-primary);margin:var(--space-md) 0 var(--space-sm) 0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.lobby-header__subtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.lobby-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.lobby-card{padding:var(--space-xl)}.lobby-card__title{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0;font-size:1rem;font-weight:700;display:flex}.lobby-card__title svg{color:var(--color-primary)}.players-list{gap:var(--space-md);flex-direction:column;display:flex}.player-card__badge{background:var(--color-gold-soft);width:28px;height:28px;color:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;display:flex}.lobby-actions{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);justify-content:center;display:flex}.lobby-actions__host{align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.lobby-actions__hint{color:var(--color-text-secondary);margin:0}.lobby-actions__waiting{align-items:center;gap:var(--space-md);color:var(--color-text-secondary);flex-direction:column;display:flex}.waiting-indicator{gap:var(--space-sm);display:flex}.waiting-indicator__dot{background:var(--color-primary);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both bounce}.waiting-indicator__dot:first-child{animation-delay:-.32s}.waiting-indicator__dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (width<=640px){.room-card{padding:var(--space-lg)}.room-card__header{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column}.room-card__title{font-size:1.25rem}.lobby-grid{grid-template-columns:1fr}.lobby-card,.lobby-actions{padding:var(--space-lg)}}.story-screen{gap:var(--space-xl);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.story-header{text-align:center}.story-header__badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-gold-soft);border-radius:var(--radius-full);color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;border:1px solid #f59e0b4d;font-size:.8rem;font-weight:700;display:inline-flex}.story-header__title{font-family:var(--font-title);color:var(--color-text-primary);margin:var(--space-md) 0 0 0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.story-card{padding:var(--space-xl)}.story-card__header{align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex}.story-card__icon{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.story-card__title{margin:0 0 var(--space-xs) 0;color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.story-card__meta{color:var(--color-text-muted);margin:0;font-size:.85rem}.story-content{margin-bottom:var(--space-xl)}.story-text{color:var(--color-text-primary);font-size:1.05rem;line-height:1.8}.story-objectives{padding:var(--space-lg);background:var(--color-surface-soft);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.story-objectives__title{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:1rem;font-weight:700;display:flex}.story-objectives__title svg{color:var(--color-primary)}.story-objectives__list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.story-objectives__list li{align-items:flex-start;gap:var(--space-md);display:flex}.objective-number{font-family:var(--font-mono);color:var(--color-primary);background:var(--color-primary-soft);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);flex-shrink:0;font-size:.85rem;font-weight:700}.story-warning{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-warning-soft);border-radius:var(--radius-md);border:1px solid #f59e0b4d;display:flex}.story-warning svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.story-warning p{color:var(--color-text-primary);margin:0;font-size:.9rem;line-height:1.6}.story-action{justify-content:center;display:flex}.reading-screen{gap:var(--space-xl);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.reading-header{text-align:center}.reading-header__badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-soft);border-radius:var(--radius-full);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;border:1px solid #1570ef33;font-size:.8rem;font-weight:700;display:inline-flex}.reading-header__title{font-family:var(--font-title);color:var(--color-text-primary);margin:var(--space-md) 0 var(--space-sm) 0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.reading-header__subtitle{color:var(--color-text-secondary);max-width:60ch;margin:0 auto}.reading-card{padding:var(--space-xl)}.reading-card__meta{gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.reading-meta-item{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.8rem;display:inline-flex}.reading-meta-item svg{color:var(--color-primary)}.reading-content{margin-bottom:var(--space-xl)}.reading-text{color:var(--color-text-primary);padding:var(--space-lg);background:linear-gradient(135deg, #fafcff, var(--color-surface-soft));border:1px solid var(--color-border-light);border-radius:var(--radius-lg);max-height:400px;font-size:1.05rem;line-height:1.9;overflow-y:auto}.reading-tips{padding:var(--space-lg);background:var(--color-surface-soft);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.reading-tips__title{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:.95rem;font-weight:700;display:flex}.reading-tips__title svg{color:var(--color-primary)}.reading-tips__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.reading-tip{padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.reading-tip__label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:700;display:block}.reading-tip p{color:var(--color-text-secondary);margin:0;font-size:.85rem}.reading-action{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.reading-action__hint{color:var(--color-text-muted);margin:0;font-size:.9rem}.question-screen{gap:var(--space-lg);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.question-progress{gap:var(--space-md);flex-direction:column;display:flex}.question-progress__header{justify-content:space-between;align-items:center;display:flex}.question-progress__count{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.question-card{padding:var(--space-xl)}.question-card__header{align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.question-card__level-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));width:44px;height:44px;color:var(--color-text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.question-card__level-type{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:700;display:block}.question-card__prompt{color:var(--color-text-primary);margin:0;font-size:1.15rem;font-weight:600;line-height:1.5}.options-list{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.question-actions{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.progress-bar-wrapper{gap:var(--space-sm);flex-direction:column;display:flex}.progress-bar-label{color:var(--color-text-muted);justify-content:space-between;font-size:.8rem;display:flex}@media (width<=640px){.story-card,.reading-card,.question-card{padding:var(--space-lg)}.story-card__header,.question-card__header{gap:var(--space-md);flex-direction:column}.story-objectives{padding:var(--space-md)}.reading-text{padding:var(--space-md);max-height:300px}.reading-tips__grid{grid-template-columns:1fr}.question-progress__header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}.result-screen{gap:var(--space-xl);max-width:800px;padding:var(--space-lg) 0;flex-direction:column;margin:0 auto;display:flex}.result-header{text-align:center;padding:var(--space-xl) 0}.result-header__icon{width:96px;height:96px;margin:0 auto var(--space-lg);background:linear-gradient(135deg, var(--color-gold), #d97706);color:var(--color-text-inverse);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite successPulse;display:flex;box-shadow:0 12px 40px #f59e0b59}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-header__title{font-family:var(--font-title);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.result-header__subtitle{color:var(--color-text-secondary);margin:0;font-size:1.1rem}.result-code-card{padding:var(--space-xl);text-align:center;background:linear-gradient(145deg, var(--color-surface), var(--color-fragment-soft));border-color:#8b5cf633}.result-code-header{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--color-fragment);display:flex}.result-code-header h2{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.1rem;font-weight:700}.result-code-display{padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-fragment);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.result-code-value{font-family:var(--font-mono);color:var(--color-fragment);letter-spacing:.15em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.result-code-empty{color:var(--color-text-muted);font-size:1.25rem}.result-code-message{color:var(--color-text-secondary);margin:0;font-size:.95rem}.result-stats{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.result-stat-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.result-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.result-stat-icon--gold{background:var(--color-gold-soft);color:var(--color-gold)}.result-stat-icon--green{background:var(--color-success-soft);color:var(--color-success)}.result-stat-icon--blue{background:var(--color-primary-soft);color:var(--color-primary)}.result-stat-icon--purple{background:var(--color-fragment-soft);color:var(--color-fragment)}.result-stat-content{flex-direction:column;display:flex}.result-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.result-stat-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.result-levels{padding:var(--space-xl)}.result-levels__title{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-lg) 0;color:var(--color-text-primary);font-size:1.1rem;font-weight:700;display:flex}.result-levels__title svg{color:var(--color-primary)}.result-levels__grid{gap:var(--space-md);flex-direction:column;display:flex}.result-level-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface-soft);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.result-level-item--completed{background:var(--color-success-soft);border-color:var(--color-success-border)}.result-level-status{background:var(--color-border-light);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.result-level-item--completed .result-level-status{background:var(--color-success);color:var(--color-text-inverse)}.result-level-info{flex-direction:column;flex:1;display:flex}.result-level-name{color:var(--color-text-primary);font-weight:600}.result-level-type{color:var(--color-text-muted);text-transform:capitalize;font-size:.8rem}.result-level-fragment{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-fragment);font-size:.85rem;font-weight:700;display:inline-flex}.result-action{padding-top:var(--space-lg);justify-content:center;display:flex}@media (width<=640px){.result-header__icon{width:72px;height:72px}.result-header__icon svg{width:36px;height:36px}.result-code-card,.result-levels{padding:var(--space-lg)}.result-stats{grid-template-columns:repeat(2,1fr)}.result-stat-card{text-align:center;padding:var(--space-md);flex-direction:column}.result-stat-content{align-items:center}.result-level-item{gap:var(--space-sm);flex-wrap:wrap}.result-level-fragment{justify-content:center;width:100%}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell--intro{min-height:100vh;overflow:hidden}.main-content{flex:1;width:100%;padding:0}.main-content--intro{height:100vh;padding:0!important}.intro-screen{background:#000;width:100vw;height:100vh;overflow:hidden}.intro-screen__video{object-fit:cover;width:100%;height:100%;display:block}.banner{top:var(--space-lg);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);z-index:1000;box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:500;animation:.3s ease-out slideDown;position:fixed;left:50%;transform:translate(-50%)}.banner--error{background:var(--color-error-soft);border:1px solid var(--color-error-border);color:#a12b21}.banner--success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:#166534}@media (width<=768px){.main-content{padding:var(--space-lg) var(--space-md) var(--space-xl)}.main-content--intro{height:100vh;padding:0!important}.banner{left:var(--space-md);right:var(--space-md);text-align:center;transform:none}}@media (width<=480px){.main-content{padding:var(--space-md) var(--space-sm) var(--space-lg)}.main-content--intro{height:100vh;padding:0!important}}