:root{--ink:#192d41;--accent:#b44c17;--paper:#f6f4ef;--line:#ccd3d9;--muted:#475c6b;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.45 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 4vw;border-bottom:3px solid var(--accent);background:white}header img{width:200px;max-width:52%;height:48px;object-fit:contain;object-position:left}#network{font-size:.78rem;color:var(--muted)}main{max-width:1300px;margin:auto;padding:clamp(20px,4vw,60px)}h1,h2,p{margin:0 0 .7em}h1{font-size:clamp(2rem,4vw,4rem);line-height:1.08;letter-spacing:-.035em}h2{font-size:1.5rem;line-height:1.2}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;font-size:.8rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,2.5vw,34px)}.card p{max-width:65ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}button,.button{display:inline-flex;justify-content:center;align-items:center;font:inherit;font-weight:650;min-height:48px;padding:12px 20px;border:2px solid var(--ink);border-radius:8px;background:var(--ink);color:white;cursor:pointer;text-decoration:none}button.secondary,.button.secondary{background:white;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #e99347;outline-offset:3px}input{font:inherit;border:2px solid var(--muted);border-radius:8px;padding:12px;min-height:48px;width:100%;max-width:520px}label{display:block;font-weight:650;margin:16px 0 8px}.error{background:#fff1e9;border-left:5px solid #a33212;padding:14px;margin:14px 0}.qr{display:block;width:min(100%,240px);margin:14px auto}.center{text-align:center}.emoji{font-size:4rem}.answer{font-size:1.5rem;font-weight:700;overflow-wrap:anywhere}.options{display:grid;gap:10px;margin:20px 0}.options button{background:white;color:var(--ink);text-align:left;justify-content:flex-start}.options button.selected{background:#fce9d8;border-color:var(--accent)}.progress{height:12px;background:#e7eaed;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}body[data-role=screen] main{max-width:none}body[data-role=screen] h1{font-size:clamp(2.6rem,5vw,5rem)}body[data-role=screen] .card{font-size:clamp(1.1rem,2vw,2rem)}body[data-role=screen] .emoji{font-size:clamp(4rem,8vw,8rem)}body[data-role=player] main,body[data-role=quiz] main{max-width:650px}body[data-role=player] h1,body[data-role=quiz] h1{font-size:clamp(2rem,7vw,3rem)}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:22px 18px}.actions button{width:100%}body[data-role=screen] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-role=screen] .card{padding:12px}}
input[type=radio]{width:24px;min-height:24px;vertical-align:middle;margin-right:8px}fieldset{border:0;padding:0;margin:0}
body.stage main{max-width:none}body.stage h1{font-size:clamp(2.5rem,4.5vw,4.5rem)}body.stage .card{font-size:clamp(1.1rem,1.7vw,1.6rem)}body.stage .emoji{font-size:clamp(4rem,7vw,7rem)}
progress{width:100%;height:16px;accent-color:var(--accent)}
.demo-banner{padding:14px 18px;margin-bottom:20px;background:#fff1d8;color:#663100;border-left:5px solid #b44c17;border-radius:6px;font-weight:700}.demo-panel{margin:24px 0}.demo-answer h3{margin-top:0}
.remember{display:flex;align-items:center;gap:10px;font-weight:400;max-width:520px}.remember input[type=checkbox]{width:24px;min-height:24px;flex:none}
.player-name{font-size:clamp(1rem,1.5vw,1.4rem);font-weight:600;color:var(--muted);letter-spacing:.02em}.answer-label{font-size:.7em;color:var(--muted);font-weight:500;margin:12px 0 2px}.card .answer{font-size:clamp(1.5rem,2.5vw,2.6rem);font-weight:750;color:var(--ink);margin:0 0 12px}
.conclusion{border-left:6px solid var(--accent);margin:20px 0}.conclusion p:last-child{font-size:clamp(1.25rem,2vw,1.8rem);font-weight:650}.summary{margin-top:28px}.summary-round{margin:16px 0}.summary-round h3{margin:0 0 18px;font-size:clamp(1.2rem,1.8vw,1.65rem)}.summary-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summary-answers .player-name{margin-bottom:4px}.summary-answer{font-size:clamp(1.15rem,1.7vw,1.6rem);font-weight:700;overflow-wrap:anywhere}.comment{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,36px);max-width:min(92vw,560px);color:var(--ink)}dialog::backdrop{background:rgba(14,28,43,.64)}dialog .actions{margin-bottom:0}.nav-arrow{min-width:64px;font-size:1.6rem;line-height:1}
.summary-scroll{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:14px}.summary-table{border-collapse:collapse;width:100%;min-width:650px;table-layout:fixed}.summary-table th,.summary-table td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.summary-table th:first-child{width:46%}.summary-table thead th{background:#e9eef1;font-size:1rem}.summary-table tbody th{font-weight:600}.summary-table tbody td{font-size:1.1rem;font-weight:650}.summary-table tbody tr:last-child th,.summary-table tbody tr:last-child td{border-bottom:0}.summary-question,.summary-comment,.comparison{display:block}.summary-comment{font-size:.85rem;font-weight:400;color:var(--muted);margin-top:8px}.comparison{width:max-content;max-width:100%;padding:3px 9px;margin-top:10px;border-radius:5px;font-size:.85rem;font-weight:700;background:#eef0f2;color:#405260}.comparison.agree{background:#e3f3e6;color:#185b2a}.comparison.differ{background:#fff0dd;color:#853c12}
.demo-status:empty{display:none}@media(max-width:700px){.actions button.nav-arrow{width:auto;min-width:56px}}

.summary-table th:first-child{width:42%}.summary-table th.comparison-header{width:64px}.summary-table td.comparison-cell{text-align:center;vertical-align:middle;padding:12px 4px}.comparison-icon{display:inline-block;font-size:1.8rem;line-height:1.2}.comparison-icon.incomplete,.comparison-icon.roles{color:var(--muted)}
@media(max-width:650px){body[data-role=player] .summary-scroll{overflow:visible;border:0;background:transparent}body[data-role=player] .summary-table{min-width:0;display:block}body[data-role=player] .summary-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-role=player] .summary-table tbody{display:block}body[data-role=player] .summary-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden}body[data-role=player] .summary-table tbody th{grid-column:1/-1;width:auto;padding:14px;border-bottom:1px solid var(--line)}body[data-role=player] .summary-table tbody td{padding:14px 10px;border-bottom:0;font-size:1rem}body[data-role=player] .summary-table tbody td.summary-cell:before{content:attr(data-label);display:block;color:var(--muted);font-size:.8rem;font-weight:600;margin-bottom:6px}body[data-role=player] .summary-table tbody td.comparison-cell{padding:14px 2px;align-self:center}body[data-role=player] .summary-comment{font-size:.8rem}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.turn-hint{color:var(--muted);max-width:65ch;font-size:clamp(1rem,1.4vw,1.25rem)}
.decision-choices{margin:18px 0}.decision-choices h2{font-size:1.1rem;color:var(--muted)}.decision-choices .grid{margin:10px 0}.decision-choices .card{padding:16px 20px}.decision-selected{border:3px solid #397a4a;background:#edf8ee}.decision-mark{display:block;color:#185b2a;font-size:.8em;margin-top:6px}
[hidden]{display:none!important}
.business-card{max-width:620px;margin:18px auto;background:#fffdf1;color:#17283b;border:4px solid #17283b;border-radius:7px;box-shadow:6px 6px 0 #17283b;overflow:hidden}.business-band{background:#e7a642;border-bottom:3px solid #17283b;text-align:center;font-weight:800;letter-spacing:.12em;font-size:.8rem;padding:8px}.business-content{display:flex;gap:20px;align-items:center;padding:18px 24px}.business-icon{font-size:clamp(2.6rem,5vw,4rem);line-height:1}.business-name{display:block;font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.1}.business-content p{margin:6px 0 0}.business-foot{border-top:2px solid #17283b;text-align:center;padding:5px;font-size:.8rem;font-weight:700}.business-card[data-level="1"] .business-band,.business-card[data-level="2"] .business-band{background:#efb2a3}.business-card[data-level="3"] .business-band,.business-card[data-level="4"] .business-band{background:#8ac6d1}.business-card[data-level="5"] .business-band,.business-card[data-level="6"] .business-band{background:#f0c457}.business-card[data-level="7"] .business-band,.business-card[data-level="8"] .business-band{background:#9fcda1}.business-card[data-level="9"] .business-band,.business-card[data-level="10"] .business-band{background:#b7abd6}.summary-business{display:block;margin-top:8px;font-weight:700;color:#604217}
.deal-board{background:#fffdf1;border:4px solid #17283b;border-radius:8px;box-shadow:7px 7px 0 #17283b;margin:22px 0;padding:18px}.deal-title{text-align:center;font-weight:800;letter-spacing:.1em;color:var(--ink)}.deal-people{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:26px 0;text-align:center}.deal-people span,.deal-people strong{display:block}.deal-people span{font-size:.8rem;color:var(--muted);letter-spacing:.1em}.deal-people strong{font-size:clamp(1.2rem,2.2vw,2rem);overflow-wrap:anywhere}.deal-arrow{font-size:2.2rem;color:var(--accent)}.deal-price{text-align:center;font-size:clamp(1.25rem,2.1vw,2rem)}.deal-foot{text-align:center;color:var(--muted);font-size:.8rem;margin:0}.deal-incomplete{text-align:center;padding:18px}
@media(min-width:1000px){.deal-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.deal-grid.two .deal-board{margin:14px 0}.deal-grid.two .business-content{padding:12px}.deal-grid.two .deal-people{margin:20px 0}}
select{font:inherit;border:2px solid var(--muted);border-radius:8px;padding:12px;min-height:48px;width:100%;max-width:520px;background:white;color:var(--ink)}.mode-options{display:grid;gap:10px}.mode-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px;font-weight:400}.mode-option input{flex:none;margin-top:3px}.mode-option strong,.mode-option small{display:block}.mode-option small{color:var(--muted);font-size:.85rem;margin-top:4px}.option-price{display:block;margin-top:8px;font-weight:700}.mode-intro{max-width:70ch;color:var(--muted)}.bid-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 25px;font-weight:650;margin:16px 0}.phase-revealed .answer{animation:answer-reveal .55s cubic-bezier(.2,.8,.2,1) both}.phase-revealed .business-card,.phase-revealed .decision-selected{animation:card-reveal .65s cubic-bezier(.2,.8,.2,1) both}.phase-finished .deal-board{animation:card-reveal .65s cubic-bezier(.2,.8,.2,1) both}@keyframes answer-reveal{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-reveal{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.phase-revealed .answer,.phase-revealed .business-card,.phase-revealed .decision-selected,.phase-finished .deal-board{animation:none!important}}
.reveal-banner{display:inline-block;background:var(--accent);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:4px;margin-bottom:12px;animation:reveal-banner .5s cubic-bezier(.2,.8,.2,1) both}.phase-revealed progress{transform-origin:left;animation:progress-reveal .7s ease-out both}@keyframes reveal-banner{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes progress-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.reveal-banner,.phase-revealed progress{animation:none!important}}
.rules{margin:12px 0;color:var(--muted)}.rules summary{cursor:pointer;font-weight:650;color:var(--ink)}.rules p{margin-top:10px;max-width:65ch}
.options label{display:flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:9px;padding:12px 14px;background:#fff;cursor:pointer;transition:background-color .16s,border-color .16s}.options label.selected,.options label:has(input:checked){border-color:#a54412;background:#fff0e2;box-shadow:inset 5px 0 0 #a54412}.options label input[type=radio]{flex:none}.options label:focus-within{outline:3px solid #e99347;outline-offset:2px}@media(prefers-reduced-motion:reduce){.options label{transition:none}}
.live-deal{position:relative;margin:22px 0;padding:22px;background:#fffdf1;border:4px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.live-deal .eyebrow{text-align:center}.live-trade{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,160px) minmax(0,1fr);gap:8px;align-items:center;text-align:center}.live-trade span,.live-trade strong{display:block}.live-trade strong{font-size:clamp(1.2rem,2.4vw,2.1rem);overflow-wrap:anywhere}.live-trade div>span{color:var(--muted);font-size:.8rem;letter-spacing:.09em}.live-arrows{position:relative;min-height:74px}.live-arrows .money{position:absolute;top:20px;left:45%;font-size:1.6rem;opacity:0;animation:money-fly 1.8s ease-in-out infinite}.live-arrows .money-two{animation-delay:.6s}.live-arrows .money-three{animation-delay:1.2s}.live-arrows .paper{position:absolute;top:0;left:42%;font-size:2rem;animation:paper-stamp 1.8s ease-in-out infinite}.live-arrows .paper .pen{position:absolute;top:16px;left:15px;font-size:1.2rem;animation:sign-paper 1.8s ease-in-out infinite}.live-price{text-align:center;font-size:clamp(1.2rem,2vw,1.8rem);margin:16px 0 0}.live-deal.unresolved{text-align:center}.live-deal.unresolved h2{margin:0}@keyframes money-fly{0%{opacity:0;transform:translateX(50px)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateX(-50px)}}@keyframes paper-stamp{0%,65%,100%{transform:scale(1)}75%{transform:scale(1.13)}}@keyframes sign-paper{0%,60%,100%{transform:translate(0,0)}70%{transform:translate(6px,-3px)}80%{transform:translate(-4px,2px)}}@media(prefers-reduced-motion:reduce){.live-arrows .money,.live-arrows .paper,.live-arrows .paper .pen{animation:none!important}.live-arrows .money-one{opacity:1;transform:none}.live-arrows .money-two,.live-arrows .money-three{display:none}}
@media(max-width:700px){body[data-role=admin] #fullscreen{font-size:.78rem;min-height:40px;padding:7px 10px}body[data-role=admin].stage #app{padding-bottom:100px}body[data-role=admin].stage #app>.actions{position:fixed;left:0;right:0;bottom:0;z-index:10;margin:0;padding:8px 12px;display:flex;flex-wrap:nowrap;overflow-x:auto;background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 12px #192d411a}body[data-role=admin].stage #app>.actions button,body[data-role=admin].stage #app>.actions .button{width:auto;flex:0 0 auto;min-height:44px;font-size:.88rem;white-space:nowrap;padding:8px 12px}body[data-role=admin].stage #app>.error:not([hidden]){position:fixed;bottom:66px;left:12px;right:12px;z-index:11}}
