.negotiation-game{width:var(--content-wide);margin:0 auto;padding:clamp(42px,7vw,84px) 0 clamp(72px,9vw,112px)}.negotiation-game .game-hero{width:var(--content);margin:0 auto clamp(28px,4vw,42px)}.negotiation-game .game-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:14px}.negotiation-game .game-hero h1{font-size:clamp(2.45rem,6vw,5.05rem)}.negotiation-game .game-hero .lede{max-width:680px;margin-top:16px}.negotiation-app{width:var(--content);margin:0 auto}.negotiation-view{animation:negotiation-fade .22s var(--ease-out) both}@keyframes negotiation-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.negotiation-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-tint)}.scenario-select-wrap{display:flex;gap:10px;align-items:center;min-width:0}.scenario-select-wrap label{color:var(--muted);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.scenario-select{min-width:min(320px,52vw);min-height:40px;padding:0 34px 0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-2);color:var(--paper)}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.soft-btn,.share-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--paper);font-size:.86rem;font-weight:700;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.soft-btn:hover,.share-btn:hover{border-color:var(--ember);background:var(--surface-tint-strong);color:var(--ember);transform:translateY(-1px)}.scenario-panel,.room-panel,.log-panel,.hand-panel,.result-panel,.share-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-tint)}.scenario-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.4fr);gap:18px;align-items:start;padding:clamp(20px,3vw,30px);margin-bottom:16px}.scenario-panel h2{margin-top:8px;font-size:clamp(1.9rem,3.6vw,3rem)}.scenario-copy{margin-top:14px;max-width:740px;color:var(--ink-soft);font-size:1rem;line-height:1.6}.stance-grid{display:grid;gap:8px}.stance-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:baseline;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-tint-strong)}.stance-row span{color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.stance-row strong{color:var(--paper);font-size:.9rem;line-height:1.25}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.state-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-tint)}.state-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.state-label{color:var(--muted);font-family:var(--font-mono);font-size:.74rem;letter-spacing:-.01em}.state-value{color:var(--paper);font-family:var(--font-mono);font-size:.8rem}.state-track,.dist-track{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-tint-strong)}.state-fill,.dist-fill{height:100%;width:0%;border-radius:inherit;background:var(--metric-color, var(--teal));transition:width .28s var(--ease-out)}.state-card[data-metric=alignment]{--metric-color: var(--teal)}.state-card[data-metric=tension]{--metric-color: var(--ember)}.state-card[data-metric=voiceEquity]{--metric-color: var(--moss)}.state-card[data-metric=trust]{--metric-color: var(--gold)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.room-panel{position:relative;min-width:0;padding:clamp(16px,2.2vw,22px);overflow:hidden}.room-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.room-head h3{font-family:var(--font-sans);font-size:1rem;font-weight:760}.turn-pill{color:var(--paper);font-family:var(--font-mono);font-size:.78rem}.room-stage{position:relative;border:1px solid var(--line);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 46%,rgba(217,164,68,.1),transparent 48%),linear-gradient(160deg,var(--surface-tint-strong),transparent);overflow:hidden}.room-svg{width:100%;height:auto;min-height:350px}.participant-name{fill:var(--paper);font-family:var(--font-mono);font-size:14px;font-weight:700;text-anchor:middle}.participant-role,.participant-position{fill:var(--muted);font-family:var(--font-mono);font-size:11px;text-anchor:middle}.participant-node.is-reacting .person-core{animation:reaction-pulse .62s var(--ease-out) both}@keyframes reaction-pulse{0%{transform:scale(1)}38%{transform:scale(1.06)}to{transform:scale(1)}}.played-card{position:absolute;z-index:3;left:50%;top:50%;width:min(190px,42vw);min-height:116px;padding:15px;border:1px solid var(--card-accent, var(--ember));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink-2) 90%,var(--card-accent, var(--ember)) 10%);box-shadow:0 18px 48px #0000003d;transform-origin:center;animation:card-to-table .68s var(--ease-in-out) both;pointer-events:none}.played-card strong{display:block;color:var(--paper);font-family:var(--font-serif);font-size:1.28rem;line-height:1.1}.played-card span{display:block;margin-top:8px;color:var(--ink-soft);font-size:.82rem;line-height:1.35}@keyframes card-to-table{0%{opacity:0;transform:translate(-50%,150%) rotate(4deg) scale(.88)}42%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1.02)}to{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.94)}}.participant-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.person-card{min-width:0;padding:11px;border:1px solid var(--line);border-left:3px solid var(--person-accent, var(--teal));border-radius:var(--radius-sm);background:var(--surface-tint)}.person-card strong{display:block;color:var(--paper);font-size:.92rem;line-height:1.2}.person-card span,.person-card p{display:block;margin-top:4px;color:var(--muted);font-size:.76rem;line-height:1.35}.log-panel{display:grid;gap:16px;padding:16px}.log-panel h3{font-family:var(--font-sans);font-size:1rem;font-weight:760}.tells-list,.move-log{display:grid;gap:10px}.tell-item,.log-item{padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-tint)}.tell-item strong,.log-item strong{display:block;color:var(--paper);font-size:.87rem;line-height:1.25}.tell-item p,.log-item p{margin-top:5px;color:var(--ink-soft);font-size:.8rem;line-height:1.38}.log-empty{color:var(--muted);font-size:.86rem;line-height:1.45}.hand-panel{margin-top:16px;padding:clamp(16px,2.2vw,22px)}.hand-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.hand-head h3{font-family:var(--font-sans);font-size:1rem;font-weight:760}.last-note{color:var(--muted);font-size:.84rem;text-align:right}.card-hand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.move-card{display:grid;gap:8px;min-height:166px;padding:14px;border:1px solid var(--line);border-top:3px solid var(--card-accent, var(--ember));border-radius:var(--radius-sm);background:var(--surface-tint);color:inherit;text-align:left;transition:transform .16s var(--ease-out),border-color .16s var(--ease-out),background .16s var(--ease-out),opacity .16s var(--ease-out)}.move-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--ember)) 72%,var(--line));background:color-mix(in srgb,var(--surface-tint-strong) 70%,var(--card-accent, var(--ember)) 7%);transform:translateY(-2px)}.move-card:disabled{cursor:default;opacity:.56;transform:none}.move-card-name{display:block;color:var(--paper);font-family:var(--font-serif);font-size:clamp(1.05rem,1.4vw,1.24rem);line-height:1.08}.move-card-line{color:var(--paper);font-size:.84rem;font-weight:700;line-height:1.25}.move-card-help{color:var(--ink-soft);font-size:.78rem;line-height:1.36}.move-card-role{align-self:end;color:var(--muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.accent-ember{--card-accent: var(--ember);--person-accent: var(--ember)}.accent-teal{--card-accent: var(--teal);--person-accent: var(--teal)}.accent-plum{--card-accent: var(--plum);--person-accent: var(--plum)}.accent-moss{--card-accent: var(--moss);--person-accent: var(--moss)}.accent-gold{--card-accent: var(--gold);--person-accent: var(--gold)}.accent-fog{--card-accent: var(--whisper);--person-accent: var(--whisper)}.accent-cinder{--card-accent: var(--ember-dim);--person-accent: var(--ember-dim)}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.result-panel{padding:clamp(22px,3vw,34px)}.result-panel h2{margin-top:12px;font-size:clamp(2rem,4.3vw,3.7rem)}.diagnostic-copy{margin-top:18px;max-width:780px;color:var(--paper);font-family:var(--font-serif);font-size:clamp(1.18rem,2vw,1.5rem);line-height:1.44}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.result-section{padding-top:20px;border-top:1px solid var(--line)}.result-section h3{margin-top:8px;font-size:clamp(1.26rem,2.1vw,1.62rem)}.result-section p{color:var(--ink-soft);font-size:.94rem;line-height:1.52}.stat-list,.distribution-list,.outcome-log{display:grid;gap:10px;margin-top:14px}.stat-card,.outcome-log-item{padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-tint)}.stat-card span{display:block;color:var(--muted);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.stat-card strong,.outcome-log-item strong{display:block;margin-top:5px;color:var(--paper);font-size:.96rem;line-height:1.25}.dist-row{display:grid;grid-template-columns:88px minmax(0,1fr) 24px;gap:10px;align-items:center}.dist-name,.dist-count{color:var(--paper);font-family:var(--font-mono);font-size:.76rem}.dist-count{text-align:right}.side-stack{display:grid;gap:18px}.side-stack .status-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.share-panel{display:grid;gap:12px;padding:18px}.share-panel h3{font-family:var(--font-sans);font-size:1rem;font-weight:760}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-btn.primary{grid-column:1 / -1;border-color:var(--ember);background:var(--ember);color:#15130f}.share-btn.primary:hover{color:#15130f;filter:brightness(1.06)}.share-btn.copied{border-color:var(--moss);color:var(--moss)}.share-preview{padding-top:12px;border-top:1px solid var(--line)}.share-preview summary{cursor:pointer;color:var(--ember);font-size:.84rem;font-weight:700;list-style:none}.share-preview-canvas{display:block;width:100%;max-width:360px;height:auto;margin:12px auto 0;border:1px solid var(--line);border-radius:var(--radius-md);background:#15130f}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}@media(max-width:1180px){.card-hand{grid-template-columns:repeat(4,minmax(0,1fr))}.play-layout,.result-layout{grid-template-columns:1fr}.participant-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.negotiation-game .game-hero-row,.negotiation-toolbar,.scenario-panel,.hand-head{display:grid}.scenario-panel{grid-template-columns:1fr}.toolbar-actions{justify-content:start}.status-grid,.result-grid,.card-hand{grid-template-columns:repeat(2,minmax(0,1fr))}.last-note{text-align:left}}@media(max-width:520px){.negotiation-game{width:min(100%,calc(100vw - 20px));padding-top:34px}.negotiation-game .game-hero,.negotiation-app{width:100%}.scenario-select-wrap{display:grid}.scenario-select{min-width:0;width:100%}.scenario-panel,.room-panel,.log-panel,.hand-panel,.result-panel,.share-panel{border-radius:8px}.status-grid,.participant-strip,.card-hand,.share-actions{grid-template-columns:1fr}.state-card{padding:12px}.room-svg{min-height:300px}.move-card{min-height:138px}.dist-row,.stance-row{grid-template-columns:1fr;gap:5px}.dist-count{text-align:left}}