.explanation-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--surface-base)}.explanation-container{max-width:600px;width:100%;text-align:center}.explanation-title{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-8);color:var(--text-primary)}.timeline{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8);text-align:left}.timeline-item{display:flex;gap:var(--space-4);align-items:flex-start}.timeline-number{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--surface-base);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);flex-shrink:0}.timeline-content{flex:1;padding-top:var(--space-1)}.timeline-content h3{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-1);color:var(--text-primary)}.timeline-content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.timeline-content .subtext{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.role-human{color:var(--positive);font-weight:600}.role-ai{color:var(--accent);font-weight:600}.role-explanation{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.role-box{flex:1;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-elevated)}.role-box.human{border-left:3px solid var(--positive)}.role-box.ai{border-left:3px solid var(--accent)}.role-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-box.human .role-label{color:var(--positive)}.role-box.ai .role-label{color:var(--accent)}.role-box p{font-size:var(--text-xs);margin-top:var(--space-1)}.role-divider{height:1px;background:var(--text-tertiary);opacity:.3;margin:var(--space-2) 0;position:relative}.role-divider.has-arrow{display:flex;align-items:center;justify-content:center;height:auto;background:none;opacity:1}.role-divider.has-arrow:before,.role-divider.has-arrow:after{content:"";flex:1;height:1px;background:var(--text-tertiary);opacity:.3}.role-arrow{font-size:var(--text-xs);color:var(--text-tertiary);padding:0 var(--space-2);line-height:1}.role-secondary-text{color:var(--text-tertiary)!important;font-style:italic;opacity:.7}@media (max-width: 600px){.role-explanation{flex-direction:column}}.waiting-message{color:var(--text-tertiary);font-style:italic}.role-reveal-bar{position:fixed;top:0;left:0;right:0;height:6px;background:var(--surface-elevated);z-index:100}.role-reveal-bar__fill{height:100%;background:var(--accent);width:calc(var(--bar-progress) * 100%);transition:width .1s linear;transform-origin:left}.circle-timer{display:flex;align-items:center;justify-content:center}.circle-timer__svg{display:block}.circle-timer__track{fill:none;stroke:var(--surface-elevated)}.circle-timer__fill{fill:none;stroke:var(--accent);transition:stroke .3s ease}.circle-timer__fill--urgent{stroke:var(--negative)}.writing{display:flex;flex-direction:column;gap:var(--space-3);max-width:800px;margin:0 auto;width:100%;position:relative}.writing__timer-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.writing__round-info{font-size:var(--text-sm);color:var(--text-secondary)}.writing__role-hint{text-align:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600}.writing__role-hint.human{background:#7eb87a1a;color:var(--positive);border:1px solid rgba(126,184,122,.3)}.writing__role-hint.ai{background:#c9a86c1a;color:var(--accent);border:1px solid rgba(201,168,108,.3)}.writing__ai-section{margin-bottom:var(--space-4)}.writing__accept-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-md)}.writing__edit-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-md)}.edit-budget{display:flex;align-items:center;gap:var(--space-2)}.edit-budget__count{font-weight:600;color:var(--accent)}.edit-budget__count.exhausted{color:var(--negative)}.edit-budget__total{font-size:var(--text-sm);color:var(--text-tertiary)}.writing__budget-warning{text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--negative);padding:var(--space-2) var(--space-4);background:#dc64641a;border-radius:var(--radius-md)}.writing__undo-hint{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:calc(-1 * var(--space-2))}.writing__actions{display:flex;justify-content:center;padding-top:var(--space-2)}.waiting-players{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--surface-elevated);border-radius:var(--radius-md);width:100%;max-width:400px}.waiting-players__label{color:var(--text-secondary);font-size:var(--text-sm)}.waiting-players__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.waiting-players__player{padding:var(--space-1) var(--space-2);background:var(--surface-overlay);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary)}.waiting-players__done{color:var(--positive);font-weight:600}.writing__waiting-text{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) 0}.writing__waiting-text--submitted{margin-top:calc(var(--space-3) * -2)}.voting{display:flex;flex-direction:column;gap:var(--space-6);max-width:900px;margin:0 auto;width:100%}.voting__header{text-align:center}.voting__prompt-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.voting__instruction{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary)}.voting__submission{margin-bottom:var(--space-4)}.voting__controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.vote-button{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:2px solid transparent;min-width:120px;font-family:var(--font-body)}@media (min-width: 601px){.vote-button{min-width:180px;padding:var(--space-4) var(--space-12, 48px)}}.vote-button--human{background:var(--surface-elevated);color:var(--positive);border-color:var(--positive)}.vote-button--human:hover:not(:disabled){background:#7eb87a1a}.vote-button--human.selected{background:var(--positive);color:var(--surface-base)}.vote-button--ai{background:var(--surface-elevated);color:var(--accent);border-color:var(--accent)}.vote-button--ai:hover:not(:disabled){background:#c9a86c1a}.vote-button--ai.selected{background:var(--accent);color:var(--surface-base)}.vote-button.locked{opacity:.7;cursor:not-allowed}.vote-button:disabled{cursor:not-allowed}.voting__lock-btn--disabled{opacity:.4}.voting__own-submission{text-align:center;color:var(--text-secondary);font-style:italic}.vote-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin-top:var(--space-6)}.vote-column{background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-4)}.vote-column--human{border-top:3px solid var(--positive)}.vote-column--undecided{border-top:3px solid var(--text-tertiary)}.vote-column--ai{border-top:3px solid var(--accent)}.vote-column__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:600}.vote-column--human .vote-column__header{color:var(--positive)}.vote-column--undecided .vote-column__header{color:var(--text-tertiary)}.vote-column--ai .vote-column__header{color:var(--accent)}.vote-column__count{background:var(--surface-overlay);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm)}.vote-column__list{display:flex;flex-direction:column;gap:var(--space-1);min-height:60px}.vote-column__voter{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-1)}.vote-column__voter:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.vote-column__voter.locked:before{background:var(--positive)}.vote-column__voter.pending:before{background:var(--accent);animation:pulse 1.5s infinite}.vote-column__voter.undecided:before{background:var(--text-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voting__popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;animation:popupFadeIn .2s ease-out}.voting__popup-content{background:var(--surface-elevated);border:2px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);font-size:var(--text-xl);color:var(--text-primary);box-shadow:0 8px 32px #0000004d}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.vote-columns{grid-template-columns:1fr}.vote-buttons{flex-direction:column;width:100%}.vote-button{width:100%}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes voteGridPop{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes roleSlamIn{0%{opacity:0;transform:scale(.4) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pointFlash{0%{opacity:0;transform:scale(.5) translateY(4px)}40%{transform:scale(1.15) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.reveal{display:flex;flex-direction:column;align-items:center;width:100%;max-width:680px;margin:0 auto;padding:48px 24px 120px;position:relative}.reveal__title{font-family:var(--font-display);font-size:38px;font-weight:800;color:var(--text-primary);margin-bottom:40px;opacity:0;transform:translateY(15px);transition:all .8s var(--ease-out)}.reveal__title--visible{opacity:1;transform:translateY(0)}.reveal__skip-btn{position:fixed;bottom:28px;right:28px;padding:8px 20px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;display:flex;align-items:center;gap:6px}.reveal__skip-btn:hover{background:#ffffff1a;color:var(--text-secondary)}.reveal__name-flash{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeInScale .7s var(--ease-out) both}.reveal__name-flash-name{font-size:32px;font-weight:700;color:var(--text-primary)}.reveal__name-flash-wrote{font-size:20px;font-weight:400;color:var(--text-tertiary);font-style:italic;margin-top:8px}.reveal__card-wrapper{width:100%;position:relative;transition:all .6s var(--ease-out)}.reveal__card-wrapper--exiting{transform:scale(.6) translate(140%);opacity:0;transition:all .7s var(--ease-out)}.reveal__card-wrapper--entering{transform:scale(.92) translate(-30px);opacity:0;transition:none}.reveal-card{border-radius:16px;border:1px solid transparent;background:transparent;padding:24px;transition:border .4s ease,background .4s ease}.reveal-card--framed{border-color:var(--border);background:var(--surface-elevated)}.reveal-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;opacity:0;transform:translateY(-8px);transition:all .5s var(--ease-out)}.reveal-card__header--visible{opacity:1;transform:translateY(0)}.reveal-card__author{font-size:16px;font-weight:600;color:var(--text-primary)}.reveal-card__role-badge{padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;letter-spacing:.8px;opacity:0;transform:scale(.3);transition:opacity .4s var(--ease-out),transform .5s var(--ease-out)}.reveal-card__role-badge--visible{opacity:1;transform:scale(1)}.reveal-card__role-badge--ai{border:1.5px solid rgba(200,164,78,.5);background:#c8a44e14;color:#e8cf8a}.reveal-card__role-badge--human{border:1.5px solid rgba(106,191,82,.5);background:#6abf5214;color:#6abf52}.reveal-card__text{border-radius:10px;border:1px solid var(--border);background:var(--surface-overlay);padding:20px;font-size:14.5px;color:var(--text-primary);line-height:1.65;white-space:pre-wrap;opacity:0;transform:translateY(16px);transition:all .7s var(--ease-out)}.reveal-card__text--visible{opacity:1;transform:translateY(0)}.reveal-card__votes-row{margin-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.reveal-card__votes-row--visible{opacity:1;transform:translateY(0)}.reveal-card__votes-label{font-size:13px;font-weight:600;color:var(--text-tertiary);letter-spacing:.5px}.reveal-card__vote-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border)}.reveal-card__vote-chip-name{font-size:12px;font-weight:500;color:var(--text-secondary)}.reveal-card__vote-chip-guess{font-size:10px;font-weight:700;letter-spacing:.5px}.reveal-card__vote-chip-guess--ai{color:#e8cf8a}.reveal-card__vote-chip-guess--human{color:#6abf52}.reveal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.reveal__overlay--votes{background:#0e0e0ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:overlayIn .4s ease both;gap:20px}.reveal__overlay--votes-out{background:#0e0e0ae0;z-index:50;animation:overlayOut .7s ease both;pointer-events:none}.reveal__overlay--role{background:#0e0e0aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:overlayIn .4s ease both}.reveal__overlay--role-out{background:#0e0e0aeb;z-index:50;animation:overlayOut .6s ease both;pointer-events:none}.reveal__vote-overlay-title{font-size:13px;font-weight:600;color:var(--text-tertiary);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;animation:fadeInUp .5s ease both}.reveal__vote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:560px;width:100%;padding:0 20px}.reveal__vote-grid-item{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;background:#141410f2;justify-content:center;animation:voteGridPop .4s var(--ease-out) both}.reveal__vote-grid-item--ai{border:1.5px solid rgba(200,164,78,.45);box-shadow:0 4px 24px #c8a44e1a}.reveal__vote-grid-item--human{border:1.5px solid rgba(106,191,82,.45);box-shadow:0 4px 24px #6abf521a}.reveal__vote-grid-voter{font-size:15px;font-weight:600;color:var(--text-primary)}.reveal__vote-grid-arrow{font-size:12px;color:var(--text-tertiary)}.reveal__vote-grid-guess{font-size:15px;font-weight:700;letter-spacing:.8px}.reveal__vote-grid-guess--ai{color:#e8cf8a}.reveal__vote-grid-guess--human{color:#6abf52}.reveal__typewriter{text-align:center}.reveal__typewriter-text{font-size:34px;font-weight:600;color:var(--text-secondary);font-style:italic}.reveal__typewriter-cursor{display:inline-block;width:2px;height:34px;background:var(--accent);margin-left:3px;vertical-align:text-bottom;animation:cursorBlink .6s ease infinite}.reveal__role-slam{display:flex;flex-direction:column;align-items:center;gap:16px;animation:roleSlamIn .6s var(--ease-out) both}.reveal__role-slam-prefix{font-size:18px;font-weight:400;color:var(--text-tertiary);font-style:italic}.reveal__role-slam-word{font-size:72px;font-weight:900;line-height:1;font-family:var(--font-display);letter-spacing:4px}.reveal__role-slam-word--ai{color:#e8cf8a;text-shadow:0 0 60px rgba(200,164,78,.5),0 0 120px rgba(200,164,78,.2)}.reveal__role-slam-word--human{color:#6abf52;text-shadow:0 0 60px rgba(106,191,82,.5),0 0 120px rgba(106,191,82,.2)}.reveal__carousel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:680px;margin:0 auto;padding:48px 24px;animation:fadeInUp .6s var(--ease-out) both}.reveal__carousel-title{font-family:var(--font-display);font-size:38px;font-weight:800;color:var(--text-primary);margin-bottom:40px}.reveal__carousel-viewport{width:100%;position:relative;display:flex;align-items:center}.reveal__carousel-slide{width:100%;overflow:hidden}.reveal__carousel-slide-inner{transition:all .4s var(--ease-out)}.reveal__carousel-slide-inner--sliding-left{transform:translate(-30px) scale(.97);opacity:0}.reveal__carousel-slide-inner--sliding-right{transform:translate(30px) scale(.97);opacity:0}.reveal__static-card{border-radius:16px;border:1px solid var(--border);background:var(--surface-elevated);padding:24px}.reveal__static-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.reveal__static-card-name{font-size:16px;font-weight:600;color:var(--text-primary)}.reveal__static-card-role{padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;letter-spacing:.8px}.reveal__static-card-role--ai{border:1.5px solid rgba(200,164,78,.5);background:#c8a44e14;color:#e8cf8a}.reveal__static-card-role--human{border:1.5px solid rgba(106,191,82,.5);background:#6abf5214;color:#6abf52}.reveal__static-card-text{border-radius:10px;border:1px solid var(--border);background:var(--surface-overlay);padding:20px;font-size:14.5px;color:var(--text-primary);line-height:1.65;white-space:pre-wrap}.reveal__static-card-votes{margin-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reveal__static-card-votes-label{font-size:13px;font-weight:600;color:var(--text-tertiary);letter-spacing:.5px}.reveal__arrow{position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:5;transition:all var(--duration-fast) ease}.reveal__arrow:disabled{color:var(--text-tertiary);cursor:default;opacity:.4}.reveal__arrow:hover:not(:disabled){background:#ffffff14;border-color:var(--accent-muted)}.reveal__arrow--left{left:-52px}.reveal__arrow--right{right:-52px}.reveal__dots{display:flex;gap:8px;margin-top:20px}.reveal__dot{height:8px;border-radius:4px;border:none;cursor:pointer;padding:0;transition:all .3s ease;background:#ffffff26;width:8px}.reveal__dot--active{background:var(--accent);width:24px}.reveal__carousel-actions{margin-top:32px;animation:fadeInUp .5s var(--ease-out) both}.reveal__waiting{color:var(--text-tertiary);font-style:italic;font-size:14px}.scoring{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:48px 24px;animation:fadeInUp .7s var(--ease-out) both}.scoring__title{font-family:var(--font-display);font-size:38px;font-weight:800;color:var(--text-primary);margin-bottom:36px}.scoring__rows{width:100%;display:flex;flex-direction:column;gap:10px}.scoring__row-wrapper{height:0;opacity:0;overflow:hidden;transition:height .4s var(--ease-out),opacity .4s ease;margin-bottom:-10px}.scoring__row-wrapper--visible{height:68px;opacity:1;margin-bottom:0}.scoring__row{height:68px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;display:flex;align-items:center;padding:0 24px;gap:16px;transition:border .5s ease,background .5s ease}.scoring__row--winner{border:1.5px solid rgba(200,164,78,.4);background:linear-gradient(135deg,#c8a44e14,#c8a44e05)}.scoring__rank{font-family:var(--font-display);font-size:22px;font-weight:800;min-width:40px;color:var(--text-tertiary);transition:color .5s ease}.scoring__rank--top{color:#c8a44e99}.scoring__rank--winner{color:#e8cf8a}.scoring__name{flex:1;font-size:16px;font-weight:600;color:var(--text-primary);transition:opacity .5s ease}.scoring__name--faded{opacity:0}.scoring__points-gain{font-size:14px;font-weight:700;color:var(--positive);font-family:var(--font-mono);animation:pointFlash .5s var(--ease-out) both}.scoring__score-col{display:flex;flex-direction:column;align-items:flex-end;min-width:70px;transition:opacity .5s ease}.scoring__score-col--faded{opacity:0}.scoring__score{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.scoring__round-gain{font-size:11px;font-weight:600;color:#6abf52b3;font-family:var(--font-mono);margin-top:3px;animation:fadeInUp .4s ease both}.scoring__actions{margin-top:36px;animation:fadeInUp .5s ease .3s both}@media (max-width: 768px){.reveal__name-flash-name{font-size:26px}.reveal__name-flash-wrote{font-size:17px}.reveal-card{padding:18px}.reveal-card__text{padding:16px;font-size:13.5px}.reveal__vote-grid{grid-template-columns:1fr;gap:10px;max-width:300px}.reveal__vote-grid-item{padding:12px 16px;justify-content:flex-start}.reveal__vote-grid-voter,.reveal__vote-grid-guess{font-size:14px}.reveal__typewriter-text{font-size:26px}.reveal__typewriter-cursor{height:26px}.reveal__role-slam-prefix{font-size:16px}.reveal__role-slam-word{font-size:56px}.reveal__arrow{display:none}.reveal__carousel-title,.reveal__title,.scoring__title{font-size:30px}.reveal__static-card{padding:18px}.scoring__row{padding:0 16px}}.dev-panel{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:9999;font-size:var(--text-sm);min-width:240px}.dev-panel__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-mono);margin-left:auto;width:fit-content}.dev-panel__toggle:hover{color:var(--text-primary);border-color:var(--accent)}.dev-panel__body{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.dev-panel__header{display:flex;justify-content:space-between;align-items:center}.dev-panel__title{font-family:var(--font-mono);font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.dev-panel__close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);font-size:var(--text-base);line-height:1}.dev-panel__close:hover{color:var(--text-primary)}.dev-panel__info{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.dev-panel__actions{display:flex;gap:var(--space-2)}.dev-panel__btn{flex:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-base);color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-mono)}.dev-panel__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dev-panel__btn:disabled{opacity:.4;cursor:not-allowed}.dev-panel__btn--danger:hover:not(:disabled){border-color:var(--negative);color:var(--negative)}.dev-panel__bot-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:200px;overflow-y:auto}.dev-panel__bot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--surface-base);border-radius:var(--radius-sm)}.dev-panel__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dev-panel__dot--disconnected{background:var(--text-tertiary)}.dev-panel__dot--connecting{background:var(--accent);opacity:.6}.dev-panel__dot--in-lobby{background:var(--accent)}.dev-panel__dot--playing{background:var(--positive)}.dev-panel__bot-name{font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-panel__bot-info{color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);white-space:nowrap}.dev-panel__bot-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0 var(--space-1);font-size:var(--text-base);line-height:1}.dev-panel__bot-remove:hover{color:var(--negative)}.dev-panel__empty{color:var(--text-tertiary);font-style:italic;text-align:center;padding:var(--space-2) 0}:root{--surface-base: #0f0e0c;--surface-elevated: #1a1816;--surface-overlay: #242220;--text-primary: #f5f2ed;--text-secondary: #8a847a;--text-tertiary: #5c5750;--accent: #c9a86c;--accent-muted: #8b7355;--positive: #7eb87a;--negative: #c9736c;--border: rgba(245, 242, 237, .08);--border-strong: rgba(245, 242, 237, .15);--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito", "Avenir", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--height-input: 44px;--height-button: 44px;--height-button-lg: 52px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration-normal: .2s}:root[data-theme=light]{--surface-base: #f8f6f2;--surface-elevated: #ffffff;--surface-overlay: #ffffff;--text-primary: #1a1816;--text-secondary: #6d665c;--text-tertiary: #a8a299;--accent: #b8944d;--accent-muted: #d4c4a8;--positive: #5a9956;--negative: #b85c55;--border: rgba(26, 24, 22, .06);--border-strong: rgba(26, 24, 22, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background-color:var(--surface-base);min-height:100vh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;height:var(--height-button);padding:0 var(--space-6);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:var(--surface-base)}.button-primary:hover:not(:disabled){filter:brightness(1.1)}.button-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.button-secondary:hover:not(:disabled){background:var(--surface-elevated)}.button-ghost{background:transparent;color:var(--text-secondary);border:none;cursor:pointer}.button-ghost:hover:not(:disabled){color:var(--text-primary)}.button-lg{height:var(--height-button-lg);padding:0 var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.input{font-family:var(--font-body);font-size:var(--text-base);height:var(--height-input);padding:0 var(--space-4);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;transition:border-color var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent)}.input-code{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-align:center;height:56px;max-width:160px}.textarea{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;padding:var(--space-4);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;min-height:120px;resize:vertical;transition:border-color var(--duration-fast) var(--ease-out)}.textarea::placeholder{color:var(--text-tertiary)}.textarea:focus{border-color:var(--accent)}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.ai-chat{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;max-height:400px}.ai-chat__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-2)}.ai-chat__indicator{width:8px;height:8px;border-radius:50%;background:var(--accent)}.ai-chat__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.ai-chat__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ai-chat__message{font-size:var(--text-base);line-height:1.6;color:var(--text-primary)}.ai-chat__message--user{color:var(--text-secondary);font-style:italic}.ai-chat__message--typing{color:var(--text-secondary)}.ai-chat__input-area{padding:var(--space-4);border-top:1px solid var(--border);display:flex;gap:var(--space-3)}.ai-chat__input{flex:1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.typing-cursor{animation:blink 1s infinite}.player-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.player-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.player-name{font-weight:500;color:var(--text-primary)}.player-status{font-size:var(--text-sm);color:var(--text-secondary);margin-left:auto}.player-status--submitted{color:var(--positive)}.timer{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-2)}.timer--urgent{color:var(--negative)}.score{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.score-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.room-code{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.room-code__buttons{display:flex;gap:var(--space-3)}.room-code__value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;letter-spacing:.1em;color:var(--accent)}.room-code__copy{padding:var(--space-2);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.room-code__copy:hover{color:var(--text-primary)}.vote-buttons{display:flex;gap:var(--space-4)}.vote-button{flex:1;padding:var(--space-6) var(--space-4);background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.vote-button:hover:not(:disabled){border-color:var(--accent)}.vote-button--selected{border-color:var(--accent);background:var(--accent);color:var(--surface-base)}.vote-button:disabled{opacity:.5;cursor:not-allowed}.submission-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.submission-card__author{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.submission-card__text{font-size:var(--text-base);line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.reveal-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.reveal-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.reveal-card__author{font-weight:600;color:var(--text-primary)}.reveal-card__role{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.reveal-card__role--human{background:var(--positive);color:var(--surface-base)}.reveal-card__role--ai{background:var(--accent);color:var(--surface-base)}.reveal-card__text{font-size:var(--text-base);line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-4);white-space:pre-wrap}.reveal-card__votes{display:flex;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.reveal-card__vote-group{flex:1}.reveal-card__vote-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.reveal-card__voters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reveal-card__voter{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:var(--surface-overlay);border-radius:var(--radius-sm)}.reveal-card__voter--correct{background:var(--positive);color:var(--surface-base)}.reveal-card__voter--wrong{background:var(--negative);color:var(--surface-base)}.role-reveal{text-align:center;padding:var(--space-12) var(--space-4)}.role-reveal__label{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-4)}.role-reveal__role{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.role-reveal__prompt{margin-top:var(--space-8);font-size:var(--text-lg);color:var(--text-primary);max-width:500px;margin-left:auto;margin-right:auto}.centered-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6)}.game-layout{min-height:100vh;display:flex;flex-direction:column}.game-layout__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.game-layout__header .button-secondary{font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.game-layout__content{flex:1;padding:var(--space-6);max-width:800px;margin:0 auto;width:100%}.homepage{min-height:100vh;display:flex;flex-direction:column}.homepage__hero{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.homepage__section{padding:var(--space-16) var(--space-6);border-top:1px solid var(--border)}.homepage__container{max-width:960px;margin:0 auto;width:100%}.homepage__heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.homepage__content-grid{max-width:640px;margin:0 auto}.homepage__content-grid p{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);text-align:center}.faq{max-width:720px;margin:0 auto}.faq__item{border-bottom:1px solid var(--border)}.faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body)}.faq__question h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.faq__icon{font-size:var(--text-xl);color:var(--accent);flex-shrink:0;transition:transform var(--duration-normal) var(--ease-out)}.faq__answer{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out),padding var(--duration-normal) var(--ease-out)}.faq__answer--open{max-height:300px;padding-bottom:var(--space-6)}.faq__answer p{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.home{text-align:center;max-width:400px;width:100%}.home__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-8)}.home__actions{display:flex;flex-direction:column;gap:var(--space-4)}.home__divider{display:flex;align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.home__divider:before,.home__divider:after{content:"";flex:1;height:1px;background:var(--border)}.home__join-form{display:flex;flex-direction:column;gap:var(--space-3)}.home__join-error{color:var(--negative);font-size:var(--text-sm);text-align:center}.home__name-input{margin-bottom:var(--space-2)}.lobby{text-align:center;max-width:500px;width:100%}.lobby__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.lobby__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-8)}.lobby__code-section{margin-bottom:var(--space-8)}.lobby__players-section{text-align:left;margin-bottom:var(--space-8)}.lobby__section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.lobby__settings{margin-bottom:var(--space-8)}.lobby__setting{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0}.lobby__setting--slider{gap:var(--space-4);justify-content:initial}.lobby__setting-label{color:var(--text-primary);white-space:nowrap}.lobby__setting-control{display:flex;align-items:center;gap:var(--space-3)}.lobby__setting--slider .lobby__setting-control{flex:1}.lobby__setting-value{font-weight:600;min-width:36px;text-align:center}.lobby__setting-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill, 0%),var(--border) var(--fill, 0%),var(--border) 100%);border-radius:3px;outline:none;cursor:pointer}.lobby__setting-slider:disabled{opacity:.5;cursor:not-allowed}.lobby__setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer}.lobby__setting-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.lobby__setting-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.lobby__setting-slider:disabled::-moz-range-thumb{cursor:not-allowed}.lobby__setting-slider::-moz-range-track{background:transparent}.lobby__actions{display:flex;flex-direction:column;gap:var(--space-3)}.writing{max-width:700px;margin:0 auto}.writing__prompt-section{text-align:center;margin-bottom:var(--space-8)}.writing__prompt-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.writing__prompt{font-size:var(--text-xl);color:var(--text-primary);font-weight:500}.writing__role-hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-md);display:inline-block}.writing__editor,.writing__ai-section{margin-bottom:var(--space-6)}.writing__char-count{text-align:right;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.writing__actions{display:flex;justify-content:center}.writing__status{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.voting{max-width:600px;margin:0 auto}.voting__header{text-align:center;margin-bottom:var(--space-6)}.voting__instruction{font-size:var(--text-lg);color:var(--text-secondary)}.voting__submission{margin-bottom:var(--space-6)}.voting__controls{margin-top:var(--space-6)}.voting__status{text-align:center;margin-top:var(--space-6);color:var(--text-secondary)}.reveal{max-width:700px;margin:0 auto}.reveal__header{text-align:center;margin-bottom:var(--space-8)}.reveal__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.reveal__submissions{margin-bottom:var(--space-8)}.reveal__actions{display:flex;justify-content:center}.scoreboard{max-width:500px;margin:0 auto;text-align:center}.scoreboard__header{margin-bottom:var(--space-8)}.scoreboard__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.scoreboard__list{margin-bottom:var(--space-8)}.scoreboard__item{display:flex;align-items:center;padding:var(--space-4) var(--space-8);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.scoreboard__rank{width:40px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--accent)}.scoreboard__rank--1{color:var(--accent)}.scoreboard__rank--2{color:var(--text-secondary)}.scoreboard__rank--3{color:var(--accent-muted)}.scoreboard__player{flex:1;text-align:left;font-weight:500;color:var(--text-primary);margin:0 var(--space-4)}.scoreboard__score{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.scoreboard__actions{display:flex;justify-content:center}@media (max-width: 960px){.homepage__section{padding:var(--space-12) var(--space-6)}}@media (max-width: 640px){.homepage__content-grid{max-width:100%}.homepage__hero{min-height:85svh;padding:var(--space-4)}.homepage__section{padding:var(--space-8) var(--space-4)}.homepage__heading{font-size:var(--text-xl);margin-bottom:var(--space-6)}.faq__question{padding:var(--space-4) 0}.faq__question h3{font-size:var(--text-base)}.home__title{font-size:var(--text-2xl)}.lobby__code-section .room-code__value{font-size:var(--text-xl)}.writing__prompt{font-size:var(--text-lg)}.vote-buttons{flex-direction:column}}