:root{--ink:#132f42;--muted:#5b6e7a;--paper:#f3f5f4;--line:#dbe3e5;--orange:#dc643a;--blue:#17658a;--green:#247458}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.brand{background:var(--ink);color:#fff;padding:19px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:14px}.wordmark{color:#fff;text-decoration:none;font-size:14px;letter-spacing:1.5px;font-weight:800;white-space:nowrap}.brand-icon{color:#6ec7de;font-size:28px;vertical-align:middle;margin-right:10px}#connection{font-size:12px;color:#a6c8d7}main{max-width:1180px;padding:32px 22px;margin:auto}h1{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-1.3px;margin:10px 0 14px}h2{font-size:23px;line-height:1.25;margin:0 0 16px}h3{font-size:18px;margin:0 0 8px}p{margin:8px 0 16px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--blue)}.muted,small{color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px}.hero{background:var(--ink);color:white;border:0;padding:36px;position:relative;overflow:hidden}.hero .muted,.hero .eyebrow{color:#acd0dd}.hero-wave{position:absolute;right:24px;top:0;font-size:170px;color:#22536a;line-height:1;pointer-events:none}.hero>*:not(.hero-wave){position:relative}.hero p{max-width:600px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid .card{margin:0}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:14px 18px}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.stat b{font-size:27px}.track{height:5px;border-radius:5px;background:#e7edf0;overflow:hidden;margin:10px 0 8px}.bar{display:block;height:100%;background:var(--blue)}.bar.low{background:var(--orange)}.bar.p0{width:0%}.bar.p1{width:1%}.bar.p2{width:2%}.bar.p3{width:3%}.bar.p4{width:4%}.bar.p5{width:5%}.pill{display:inline-flex;padding:5px 11px;border-radius:30px;background:#e9f2f5;font-size:12px;font-weight:700}.pill.warn{background:#fff0e9;color:#973c1f}.pill.good{background:#e7f4eb;color:var(--green)}.timer{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;color:var(--orange)}.stage-line{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:12px 0}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.action{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.action-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e5f0f5;color:var(--blue);border-radius:8px;font-weight:800;margin-bottom:12px}.action.winner{border:2px solid var(--green);background:#f4faf6}.action p{color:var(--muted);font-size:14px;margin-bottom:0}.score-row{display:flex;gap:5px;margin:16px 0 0;flex-wrap:wrap}.score{background:#f2f5f6;border:1px solid var(--line);color:var(--ink);min-width:36px;min-height:40px;padding:5px;font-size:15px;border-radius:7px}.score.selected{background:var(--blue);color:white;border-color:var(--blue)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:650;text-decoration:none;border:0;border-radius:8px;background:var(--blue);color:#fff;padding:11px 18px;cursor:pointer;min-height:44px}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e7eef1;color:var(--ink)}.accent{background:var(--orange)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.danger{background:#fff0e9;color:#94381d}label{display:block;font-size:14px;font-weight:600;margin:12px 0 5px}input,select,textarea{font:inherit;color:var(--ink);width:100%;padding:11px 12px;border:1px solid #c6d3da;border-radius:7px;background:white}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #83bcd6;outline-offset:2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.narrow{max-width:610px;margin:22px auto}.notice{border-left:4px solid var(--blue);padding:12px 16px;background:#eaf3f6;border-radius:0 8px 8px 0;margin:16px 0}.notice.warning{border-color:var(--orange);background:#fff0e9}.notice.success{border-color:var(--green);background:#e8f5ed}.result-row{display:grid;grid-template-columns:40px 1fr 80px 80px;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.result-row.head{font-size:12px;color:var(--muted)}.result-row strong{font-variant-numeric:tabular-nums}.arguments{max-height:360px;overflow:auto}.argument{border-bottom:1px solid var(--line);padding:13px 0}.argument:last-child{border-bottom:0}.argument .pill{margin-right:10px}.pair{display:grid;grid-template-columns:1fr minmax(190px,1fr);gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.pair label{margin:0}.pair select{font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap{overflow:auto}details{margin:12px 0}summary{cursor:pointer;font-weight:700;padding:8px 0}.qr{width:180px;height:180px;background:white;border-radius:12px;padding:10px}.join-box{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.join-link{overflow-wrap:anywhere}.code{font-family:ui-monospace,monospace;font-size:18px;font-weight:800;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.access-card{border:1px dashed #9cabb2;padding:18px;border-radius:8px;break-inside:avoid}.history-item{border-left:2px solid var(--line);padding:0 0 20px 18px}.history-item:last-child{padding-bottom:0}.saved{font-size:13px;color:var(--green)}.compare-note{font-size:13px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:9px;max-width:90vw;display:none;z-index:5}footer{text-align:center;color:var(--muted);font-size:12px;padding:10px 20px 26px}.screen main{max-width:1500px}.screen h1{font-size:46px}.screen .action h3{font-size:24px}.screen .action p,.screen .situation{font-size:20px}.screen .stat b{font-size:38px}.screen .timer{font-size:42px}.room-list button{width:100%;justify-content:space-between;margin-bottom:10px}.empty{text-align:center;padding:35px;color:var(--muted)}.hidden{display:none!important}.print-only{display:none}.radio-row{display:flex;gap:14px;flex-wrap:wrap}.radio-row label{display:flex;align-items:center;gap:7px}.radio-row input{width:auto}.role{border-top:4px solid var(--orange)}.mono{font-family:ui-monospace,monospace}.question{margin-bottom:7px}.rank{font-size:28px;font-weight:800;color:var(--blue)}
@media(max-width:740px){main{padding:22px 14px}.brand{padding:15px}.wordmark{font-size:11px;letter-spacing:1px}.hero{padding:24px}.grid,.three,.actions,.cards{grid-template-columns:1fr}.stats{gap:7px}.stat{padding:10px}.stat-top{display:block;font-size:12px}.stat b{font-size:25px}.stat small{font-size:10px}.card{padding:19px}.pair{grid-template-columns:1fr;gap:6px}.result-row{grid-template-columns:25px 1fr 55px 55px;gap:6px;font-size:13px}.form-grid{grid-template-columns:1fr}.score{min-width:calc((100% - 20px)/5)}.timer{font-size:24px}.screen h1{font-size:30px}}
@media print{body{background:white;font-size:12px}.brand,footer,#toast,main>*:not(#print-cards){display:none!important}main{padding:0;max-width:none}#print-cards{display:block!important}.cards{display:grid;grid-template-columns:1fr 1fr}.access-card{border:1px dashed #777;border-radius:0;padding:12px}.print-only{display:block}.no-print{display:none!important}.access-card p{margin:5px 0}.access-card h3{font-size:15px}.access-card .code{font-size:16px}}