:root{--ink:#173e37;--green:#146b57;--mint:#e5f2e8;--gold:#bd923d;--paper:#fffcf4;--muted:#77877c;--line:#e3e9df;--shadow:0 14px 40px #1c503509}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 12%,#e2efdf,transparent 42%),#f8faf5;color:var(--ink);font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.nav{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;gap:18px}.brand{font-size:22px;font-weight:bold;display:flex;align-items:center;gap:12px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:normal;margin-top:7px}.brand-icon{background:var(--green);color:#fff4c8;font-size:31px;display:grid;place-items:center;width:52px;height:56px;border-radius:17px 17px 6px 17px}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--green);color:white;padding:14px 23px;border-radius:12px;font-weight:bold;line-height:1.5;min-height:47px;box-shadow:0 4px 10px #146b5715}.btn:hover:not(:disabled){filter:brightness(1.08)}.ghost{background:#fff;color:var(--green);border:1px solid var(--line);box-shadow:none}.small{font-size:12px;padding:9px 15px}main{max-width:1240px;margin:14px auto 45px;padding:0 28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin:26px 0 36px}.eyebrow{display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.3px;padding:8px 13px;border-radius:25px;background:#e7f1e4;color:var(--green)}h1{font-size:clamp(38px,5vw,64px);line-height:1.35;margin:21px 0 17px;letter-spacing:-1px}h1 em{font-style:normal;color:var(--green);position:relative}h1 em:after{content:'';height:6px;width:90%;border-radius:10px;background:#dbc878;position:absolute;bottom:-8px;right:0}p{line-height:1.95}.lead{color:#65786c;max-width:550px;font-size:17px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.chip{font-size:12px;background:white;border:1px solid var(--line);border-radius:25px;padding:9px 14px}.scene{background:linear-gradient(145deg,#e1edde,#f6f3df);border-radius:100px 20px 100px 20px;min-height:320px;position:relative;display:grid;place-items:center;overflow:hidden}.scene:before,.scene:after{content:'✦';position:absolute;color:#c9ae62;font-size:60px;top:25px;right:25px}.scene:after{font-size:35px;top:auto;right:auto;bottom:26px;left:35px}.scene svg{width:220px;height:240px;color:#1d725f}.scene .bubble{position:absolute;bottom:24px;right:26px;background:#fff;border-radius:13px;padding:12px 20px;box-shadow:var(--shadow);font-size:14px}.card{background:white;border:1px solid var(--line);border-radius:23px;padding:30px;box-shadow:var(--shadow)}.center{text-align:center}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.card h2{font-size:23px;margin:0 0 18px}.step{display:flex;gap:14px;align-items:center;margin:16px 0;color:#61766b;font-size:14px}.step b{min-width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--green)}label{display:block;font-size:13px;font-weight:bold;margin:12px 0}select{width:100%;border:1px solid #d1ded3;border-radius:12px;padding:16px;background:#fafcf9;color:var(--ink);min-height:55px}.start{width:100%;margin-top:17px}.hint{font-size:12px;color:var(--muted);line-height:1.9}.hint.error{color:#aa3b2b}.quiz{max-width:860px;margin:auto}.quiztop{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px;gap:12px;font-size:14px}.progress{display:flex;gap:9px;margin-bottom:26px}.progress span{height:7px;flex:1;background:#e1e9df;border-radius:10px}.progress .done{background:var(--green)}.q-card{padding:32px}.q-header{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:20px}.q-icon{display:grid;place-items:center;min-width:82px;height:82px;border-radius:22px;background:var(--mint);font-size:37px}.q-card h2{font-size:clamp(22px,2.7vw,31px);line-height:1.7;margin:0}.q-caption{font-size:12px;color:var(--muted);margin-bottom:9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.option{display:flex;align-items:center;gap:12px;text-align:right;background:#fbfcfa;border:1px solid #dce5dc;border-radius:15px;padding:21px 17px;color:var(--ink);font-size:16px;line-height:1.7;min-height:92px}.option .letter{min-width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #d6dfd4;font-size:13px;color:#788b7e}.option[aria-checked=true]{border:2px solid var(--green);background:#eef7ed;padding:20px 16px}.option[aria-checked=true] .letter{background:var(--green);color:white;border-color:var(--green)}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:23px}.result-hero{padding:32px;text-align:center;background:linear-gradient(140deg,#e9f3e4,#fff6df);border:1px solid #dbe8cf;border-radius:23px;margin-bottom:23px}.result-hero .bigstar{font-size:56px;color:var(--gold)}.result-hero h1{font-size:38px;margin:10px 0}.score-pill{display:inline-block;background:white;color:var(--green);font-weight:bold;padding:14px 25px;border:1px solid #dbe5d2;border-radius:30px;font-size:22px;margin:12px}.review{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.review-item{padding:22px}.review-item h3{font-size:16px;line-height:1.9;margin:0 0 14px}.badge{display:inline-block;border-radius:20px;font-size:11px;font-weight:bold;background:#e5f4e7;color:#22754f;padding:6px 11px}.badge.wrong{background:#fff0df;color:#9a681d}.review-item p{font-size:13px;margin:10px 0}.review-item .feedback{border-top:1px solid var(--line);padding-top:12px;color:#718170}.board-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.board-head h1{font-size:37px;margin:12px 0}.live{font-size:12px;display:flex;align-items:center;gap:7px;color:var(--green)}.live:before{content:'';background:#2d9a6b;border-radius:50%;width:7px;height:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat{background:white;border:1px solid var(--line);padding:22px;border-radius:17px}.stat span{display:block;font-size:12px;color:var(--muted)}.stat b{display:block;font-size:34px;margin:14px 0 0}.stat small{font-size:14px}.board-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:21px}.donut{width:180px;height:180px;border-radius:50%;margin:22px auto;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p)*1%),#edf1e9 0)}.donut span{width:140px;height:140px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.donut b{font-size:33px}.donut small{font-size:12px;color:var(--muted);margin-top:8px}.bar-row{margin:22px 0}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:10px}.bar{height:11px;border-radius:12px;background:#eef2e9;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#4f9a6a,#176f59);border-radius:12px}.tablecard{margin-top:22px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:14px}th{font-size:12px;font-weight:normal;color:var(--muted);padding:15px 12px;border-bottom:1px solid var(--line)}td{padding:17px 12px;border-bottom:1px solid #edf1e9}.medal{width:32px;height:32px;border-radius:10px;background:#f9efd4;color:#9c7624;display:inline-grid;place-items:center;font-weight:bold}.empty{padding:38px 15px;text-align:center;color:var(--muted);line-height:2}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.notice{background:#fff7df;padding:13px 18px;border-radius:12px;font-size:12px;color:#826c32;margin-top:15px}.errorbox{background:#fff0ed;padding:16px;border-radius:12px;color:#9c4230;margin:16px 0}.loading{width:34px;height:34px;border:3px solid #e6edde;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}footer{padding:25px;text-align:center;color:#4f7260;font-size:13px;border-top:1px solid var(--line)}footer span{display:block;font-size:11px;color:var(--muted);margin-top:9px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#143f35;color:white;padding:13px 23px;border-radius:12px;z-index:10;max-width:92%;font-size:13px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:5}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.board-view main{max-width:1400px}.board-view .stat b{font-size:42px}}@media(max-width:760px){.nav{padding:17px;align-items:start}.nav-actions{flex-direction:column}.nav-actions .btn{padding:9px 11px;font-size:10px}.brand{font-size:18px}main{padding:0 17px}.hero{grid-template-columns:1fr;gap:18px;margin:12px 0 25px}.scene{min-height:215px;grid-row:2}.scene svg{height:170px}.intro-grid,.board-grid,.review{grid-template-columns:1fr}.options{grid-template-columns:1fr}.card,.q-card{padding:22px}.stats{grid-template-columns:1fr 1fr}.stat{padding:17px}.board-head{flex-direction:column;align-items:start}.board-head h1{font-size:29px}.q-header{align-items:start;gap:13px}.q-icon{min-width:58px;height:58px;font-size:28px}.quiztop{font-size:12px}.result-hero h1{font-size:28px}}@media print{.nav,.toolbar,.quiz-actions,footer,#confetti{display:none}main{padding:0;max-width:none}.card,.stat,.result-hero{box-shadow:none;break-inside:avoid}body{background:white}.board-head{margin:0}.stats{margin:15px 0}.tablecard{break-inside:auto}.tablecard tr{break-inside:avoid}}
#peerShell{position:fixed;bottom:18px;left:18px;z-index:30}.peer-toggle{display:flex;gap:9px;align-items:center;border:1px solid #d7e5d4;border-radius:16px;background:#164f43;color:white;font:inherit;font-size:12px;padding:13px 17px;cursor:pointer;box-shadow:0 6px 25px #173e3720}.peer-toggle b{display:inline-grid;place-items:center;min-width:24px;height:24px;background:#f9e9b0;color:#755a19;border-radius:50%}.peer-toggle span{color:#f5d676}.peer-drawer{position:absolute;bottom:62px;left:0;width:min(390px,92vw);max-height:75vh;overflow:auto;background:#fff;border:1px solid #dde6da;border-radius:20px;padding:20px;box-shadow:0 15px 70px #183f3a30}.peer-drawer[hidden]{display:none}.peer-head{display:flex;justify-content:space-between;align-items:center}.peer-head h3{margin:0;font-size:19px}.peer-head button{background:transparent;border:0;font-size:27px;color:#657a6d;cursor:pointer}.peer-request{border:1px solid #e2e9dd;border-radius:14px;padding:15px;margin:13px 0}.peer-request p{font-size:13px;line-height:1.9}.peer-hint-btn{display:block;width:100%;text-align:right;border:1px solid #d2e3cd;border-radius:10px;background:#f1f7ed;color:#205944;padding:12px;line-height:1.8;font:inherit;font-size:12px;margin:9px 0;cursor:pointer}.peer-question-help{background:#fff8e5;border:1px solid #eddfb9;border-radius:15px;padding:19px;margin:18px 0;font-size:13px;line-height:1.9}.peer-help-actions{display:flex;gap:10px;flex-wrap:wrap}.peer-received{margin:16px 0 0;border-radius:12px;background:#edf6e9;border:1px solid #d0e2c4;padding:15px}.peer-received p{margin:8px 0}.cooperation-card{margin-top:22px}.cooperation-grid{display:flex;flex-wrap:wrap;gap:10px}.cooperation-star{border:1px solid #e8dab0;background:#fffae9;border-radius:12px;padding:10px 15px;font-size:13px}.cooperation-star b{color:#9a771e;margin-right:9px}@media print{#peerShell{display:none}}@media(max-width:600px){#peerShell{bottom:10px;left:10px}.peer-drawer{max-height:68vh}}