.name-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0c09eb;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.name-modal-card{background:var(--surface);border:1px solid var(--border);padding:44px 48px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.name-modal-heading{font-family:Cinzel,serif;font-size:20px;color:var(--text-primary);letter-spacing:.06em;text-align:center;margin-bottom:0}.name-modal-input{margin-top:20px;margin-bottom:0;width:100%;text-align:center;font-size:18px;letter-spacing:.05em}.name-modal-btn{margin-top:20px;width:100%}@keyframes introOverlayFade{0%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes introTextAppear{0%{opacity:0;transform:translateY(6px)}25%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0c09;z-index:500;display:flex;align-items:center;justify-content:center;animation:introOverlayFade 2.6s ease forwards;pointer-events:all}.intro-text{font-family:Cinzel,serif;font-size:clamp(18px,3vw,26px);color:#e8dfc0;letter-spacing:.08em;text-align:center;padding:0 24px;animation:introTextAppear 2.4s ease forwards}.intro-skip{position:absolute;top:24px;right:28px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:1px solid rgba(184,134,11,.35);color:#b8860b99;padding:8px 18px;cursor:pointer;border-radius:1px;transition:border-color .2s,color .2s}.intro-skip:hover{border-color:#b8860bcc;color:#b8860be6}.home-screen{justify-content:center}.home-inner{text-align:center;max-width:480px;width:100%}.home-title{font-family:Cinzel,serif;font-size:clamp(52px,12vw,96px);font-weight:700;color:var(--accent);letter-spacing:.2em;line-height:1;margin-bottom:12px}.home-subtitle{font-family:Crimson Text,serif;font-size:20px;color:var(--text-secondary);font-style:italic;letter-spacing:.02em}.home-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px}.home-identity{margin-top:16px;font-size:15px;font-style:italic}.home-who{font-size:15px;font-style:italic;margin-bottom:16px}.home-form{display:flex;flex-direction:column;gap:0;margin-top:8px;text-align:left}.home-form-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.home-form input{margin-top:12px}.home-quote{margin-top:48px;font-family:Crimson Text,serif;font-style:italic;font-size:15px;color:var(--text-secondary);opacity:.7}.home-share{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:24px}.share-confirm{font-family:Crimson Text,serif;font-style:italic;font-size:14px;color:var(--accent);animation:shareConfirmFade 2s ease forwards}@keyframes shareConfirmFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.flavor-screen{justify-content:flex-start;padding-top:60px;padding-bottom:60px}.flavor-inner{max-width:700px;width:100%}.flavor-heading{font-size:clamp(22px,4vw,32px);color:var(--text-primary);text-align:center}.flavor-sub{text-align:center;font-size:18px;margin-top:8px}.flavor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}@media (max-width: 600px){.flavor-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.flavor-grid{grid-template-columns:1fr}}.flavor-card{border:1px solid var(--border);padding:20px;cursor:pointer;transition:border-color .2s,background .2s;border-radius:1px}.flavor-card:hover,.flavor-card:focus{border-color:var(--accent);outline:none}.flavor-card.selected{border-color:var(--accent);background:#b8860b0f}.flavor-card-title{font-size:13px;color:var(--accent);letter-spacing:.08em;margin-bottom:8px}.flavor-card-desc{font-size:15px;color:var(--text-secondary);line-height:1.5}.flavor-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.lobby-screen{justify-content:center}.lobby-inner{max-width:520px;width:100%;text-align:center}.lobby-label{font-family:Cinzel,serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.lobby-code{font-size:clamp(24px,7vw,52px);color:var(--accent);letter-spacing:.15em}.lobby-share{margin-top:8px;font-style:italic;font-size:17px}.lobby-users{display:flex;flex-direction:column;gap:10px;text-align:left;margin:0 auto;max-width:320px;min-height:60px}.lobby-user-row{display:flex;align-items:center;gap:12px}.lobby-user-initial{width:34px;height:34px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:13px;color:var(--accent);flex-shrink:0;border-radius:50%}.lobby-user-name{font-size:17px;color:var(--text-primary)}.lobby-you{color:var(--text-secondary);font-size:14px}.lobby-host{color:var(--accent);font-size:13px;font-family:Cinzel,serif;letter-spacing:.05em}.lobby-change-name{margin-top:12px;font-size:14px;font-style:italic}.lobby-flavors{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.lobby-flavor-tag{border:1px solid var(--border);padding:4px 12px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.1em;color:var(--text-secondary);border-radius:1px}.lobby-host-actions{display:flex;flex-direction:column;align-items:center}.lobby-waiting{font-style:italic;font-size:17px}.link-btn{background:none;border:none;padding:0;font-family:Crimson Text,serif;font-size:inherit;font-style:italic;color:var(--accent);cursor:pointer;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--accent-hover);border:none}.question-screen{justify-content:center;padding:60px 20px 40px;position:relative;overflow:hidden}.question-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='20'%3E%3Cpath d='M0 10 L5 10 L5 5 L10 5 L10 15 L15 15 L15 5 L20 5 L20 10 L25 10 L25 5 L30 5 L30 15 L35 15 L35 5 L40 5 L40 10 L45 10 L45 5 L50 5 L50 15 L55 15 L55 5 L60 5 L60 10 L65 10 L65 5 L70 5 L70 15 L75 15 L75 5 L80 5 L80 10' fill='none' stroke='%23b8860b' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 20px;opacity:.04;pointer-events:none;z-index:0}.timer-top-bar{position:fixed;top:0;left:0;right:0;height:4px;background:var(--border);z-index:100}.timer-top-fill{height:100%;transform-origin:left}.question-inner{max-width:860px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.question-label{font-family:Cinzel,serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:12px}.question-framing{font-family:Crimson Text,serif;font-style:italic;font-size:19px;color:var(--text-secondary);text-align:center;max-width:560px;line-height:1.6;margin-bottom:32px}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}@media (max-width: 768px){.options-row{grid-template-columns:1fr}.option{min-height:160px;padding:28px 20px}}.option{border:1px solid var(--border);border-top:1px solid var(--accent);padding:36px 28px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s,filter .15s,opacity .2s;border-radius:1px;min-height:220px;justify-content:center;gap:16px}.option:focus{outline:none}.option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.option-a{background:var(--option-a);color:var(--option-a-text)}.option-b{background:var(--option-b);color:var(--option-b-text)}.option.hovered{filter:brightness(1.1);border-color:var(--accent);cursor:pointer}.option.voted{border-color:var(--accent);border-left:3px solid var(--accent);cursor:default}.option.dimmed{opacity:.5;cursor:default}.option.dimmed:hover{filter:none;border-color:var(--border)}.option-numeral{font-family:Cinzel,serif;font-size:13px;letter-spacing:.15em;opacity:.7}.option-text{font-family:Crimson Text,serif;font-size:clamp(17px,2.5vw,22px);line-height:1.55;-webkit-hyphens:auto;hyphens:auto;text-align:justify}.option-intent{font-family:Crimson Text,serif;font-style:italic;font-size:14px;color:var(--text-secondary);min-height:20px;display:block;opacity:.85}.question-tally{margin-top:20px;font-size:15px;font-style:italic;letter-spacing:.03em}.skip-btn{margin-top:22px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-family:Cinzel,serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:7px 18px;cursor:pointer;border-radius:1px;opacity:.65;transition:opacity .2s}.skip-btn:hover:not(:disabled){opacity:1}.skip-btn:disabled{cursor:default;opacity:.35}.reveal-screen{justify-content:center;padding:40px 20px}.reveal-inner{max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center}.reveal-label{font-family:Cinzel,serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:24px}.reveal-split-bar{width:100%;height:12px;display:flex;border:1px solid var(--border);overflow:hidden;border-radius:1px}.split-a{height:100%;background:var(--option-a-text)}.split-b{height:100%;background:var(--option-b-text);flex:1}.reveal-percentages{display:flex;align-items:baseline;gap:16px;margin-top:20px;opacity:0;transition:opacity .4s ease}.reveal-percentages.visible{opacity:1}.pct-a{font-family:Cinzel,serif;font-size:clamp(36px,8vw,60px);color:var(--option-a-text);font-weight:600}.pct-b{font-family:Cinzel,serif;font-size:clamp(36px,8vw,60px);color:var(--option-b-text);font-weight:600}.reveal-dot{font-size:24px}.reveal-vote-counts{display:flex;gap:16px;font-size:15px;font-style:italic;margin-top:4px;opacity:0;transition:opacity .4s ease}.reveal-vote-counts.visible{opacity:1}.reveal-framing{font-family:Crimson Text,serif;font-style:italic;font-size:clamp(19px,3vw,24px);color:var(--text-secondary);text-align:center;margin-top:28px;line-height:1.6;max-width:520px;opacity:0;transition:opacity .4s ease}.reveal-framing.visible{opacity:1}.reveal-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:24px;opacity:0;transition:opacity .4s ease}.reveal-options.visible{opacity:1}@media (max-width: 540px){.reveal-options{grid-template-columns:1fr}}.reveal-option{border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.5;border-radius:1px}.reveal-option-a{background:var(--option-a);color:var(--option-a-text)}.reveal-option-b{background:var(--option-b);color:var(--option-b-text)}.reveal-option-numeral{font-family:Cinzel,serif;font-size:11px;letter-spacing:.15em;opacity:.7}.reveal-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.reveal-end-btn{color:var(--text-secondary);border-color:var(--border)}.reveal-end-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.reveal-waiting{font-family:Crimson Text,serif;font-style:italic;font-size:16px;color:var(--text-secondary)}.summary-screen{justify-content:flex-start;padding-top:60px;padding-bottom:80px}.summary-inner{max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center}.summary-heading{font-size:clamp(22px,5vw,36px);color:var(--text-primary);text-align:center;letter-spacing:.06em}.summary-sub{margin-top:10px;font-family:Crimson Text,serif;font-size:18px;font-style:italic;text-align:center}.summary-chronicle{width:100%}.summary-section-title{font-family:Cinzel,serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin-bottom:20px}.chronicle-list{display:flex;flex-direction:column;gap:16px;width:100%}.chronicle-entry{border:1px solid var(--border);padding:18px 20px;display:flex;flex-direction:column;gap:10px;border-radius:1px}.chronicle-framing{font-family:Crimson Text,serif;font-style:italic;font-size:16px;color:var(--text-secondary);line-height:1.5}.chronicle-options{display:flex;flex-direction:column;gap:4px}.chr-opt{font-size:14px;line-height:1.4}.chr-opt-a{color:var(--option-a-text)}.chr-opt-b{color:var(--option-b-text)}.chronicle-split{display:flex;align-items:center;gap:8px;margin-top:2px}.chr-pct{font-family:Cinzel,serif;font-size:12px;width:32px;flex-shrink:0}.chr-pct-a{color:var(--option-a-text);text-align:right}.chr-pct-b{color:var(--option-b-text)}.sq-bar{flex:1;height:6px;display:flex;border:1px solid var(--border);overflow:hidden;border-radius:1px}.sq-bar-a{height:100%;background:var(--option-a-text)}.sq-bar-b{height:100%;background:var(--option-b-text);flex:1}.chr-verdict{font-family:Cinzel,serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border:1px solid;border-radius:1px;flex-shrink:0}.chr-verdict.aligned{color:var(--option-a-text);border-color:var(--option-a-text);opacity:.7}.chr-verdict.divided{color:var(--option-b-text);border-color:var(--option-b-text);opacity:.7}.summary-profile{width:100%;text-align:center}.profile-line{font-family:Crimson Text,serif;font-size:17px;color:var(--text-secondary);font-style:italic;line-height:1.7}.profile-tags{color:var(--accent);font-style:normal}.summary-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width: 480px){.summary-actions{flex-direction:column;align-items:stretch}.summary-actions button{text-align:center}.chronicle-split{flex-wrap:wrap}}.site-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;font-family:Crimson Text,serif;font-size:13px;color:var(--text-secondary);pointer-events:none;z-index:50;opacity:.65}.footer-left{font-style:italic}.footer-support{pointer-events:all;font-family:Cinzel,serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;border:1px solid var(--border);padding:4px 12px;border-radius:1px;transition:color .2s,border-color .2s}.footer-support:hover{color:var(--text-primary);border-color:var(--accent)}.footer-links{display:flex;gap:12px;align-items:center}.footer-right{pointer-events:all;color:var(--text-secondary);font-style:italic;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.footer-right:hover{color:var(--accent)}@media (max-width: 480px){.site-footer{flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:8px 16px 10px}.footer-left{width:100%;text-align:center}}:root{--bg: #0e0c09;--surface: #1a1710;--border: #3a3320;--text-primary: #e8dfc0;--text-secondary: #9a8f72;--accent: #b8860b;--accent-hover: #d4a017;--option-a: #2c4a3e;--option-b: #3d2c1e;--option-a-text: #7ec8a0;--option-b-text: #d4936a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background-color:var(--bg);color:var(--text-primary);font-family:Crimson Text,serif;font-size:18px;line-height:1.6;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:Cinzel,serif;font-weight:600;letter-spacing:.05em}a{color:var(--accent);text-decoration:none}button{font-family:Cinzel,serif;font-size:13px;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:12px 28px;cursor:pointer;transition:border-color .2s,color .2s;border-radius:1px}button:hover{border-color:var(--accent);color:var(--accent-hover)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{border-color:var(--accent);color:var(--accent)}button.primary:hover{background:#b8860b14;color:var(--accent-hover)}input[type=text]{font-family:Cinzel,serif;font-size:14px;letter-spacing:.1em;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);padding:12px 16px;width:100%;outline:none;border-radius:1px;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent)}input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text]::placeholder{color:var(--text-secondary);font-family:Crimson Text,serif;letter-spacing:.05em}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.divider{width:60px;height:1px;background:var(--border);margin:24px auto}.divider.gold{background:var(--accent);opacity:.5}.muted{color:var(--text-secondary)}.error-msg{color:#c0392b;font-family:Crimson Text,serif;font-size:15px;margin-top:8px;font-style:italic}@media (max-width: 768px){.screen{padding:32px 16px}}