:root{--bg: #f7f8fa;--card: #ffffff;--accent: #a8d5ff;--muted: #6b7280;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Arial,Helvetica;background:var(--bg);color:#111}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px}.header{font-weight:700;font-size:20px;margin:12px}.card{background:var(--card);border-radius:var(--radius);padding:18px;max-width:760px;width:100%;box-shadow:0 6px 18px #0000000f}.pair{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;margin:12px 0}.concept{background:#e9f7ff;padding:10px 14px;border-radius:10px}.btn{background:#111;color:#fff;padding:10px 14px;border-radius:10px;border:none;margin-top:12px;cursor:pointer}.btn.small{padding:6px 10px;font-size:14px}.graph{margin-top:12px}.bars{display:flex;gap:8px;align-items:end;padding:8px 0}.bar-item{display:flex;flex-direction:column;align-items:center;width:36px}.bar{width:100%;background:#dbeafe;border-radius:6px}.bar-label{font-size:12px;color:var(--muted)}.bar-count{font-size:12px}.game{max-width:1000px;width:100%;display:flex;flex-direction:column;gap:10px}.topbar{display:flex;justify-content:space-between;align-items:center}.wiki-window{background:var(--card);padding:12px;border-radius:12px;min-height:400px;overflow:auto}.wiki-content img{max-width:100%;height:auto}.celebrate{font-size:48px;margin:8px}.share a{display:inline-block;margin-right:8px}.footer{margin-top:20px;color:var(--muted)}.bar{transition:height .8s cubic-bezier(.68,-.55,.27,1.55)}.wiki-window{background:var(--card);padding:12px;border-radius:12px;min-height:60vh;overflow:auto;transition:opacity .15s ease;opacity:1}.wiki-window.fade{opacity:0}.celebrate-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:9999}.celebrate{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);font-size:6rem;opacity:0;animation:rise-center 1s cubic-bezier(.68,-.55,.27,1.55) forwards,explode-fade 1.5s 1s forwards;z-index:2}@keyframes rise-center{0%{bottom:10vh;opacity:0;scale:.7}80%{bottom:50vh;opacity:1;scale:1}to{bottom:50vh;opacity:1;scale:1}}@keyframes explode-fade{0%{opacity:1;scale:1}60%{opacity:1;scale:1}to{opacity:0;scale:.5}}.confetti-canvas{position:absolute;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.surrender-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:9999}.surrender-gradient{position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#1e90ffb3,#1e90ff4d,#1e90ff00);opacity:0;animation:gradient-fade-in 1s forwards,gradient-fade-out 1.5s 1s forwards;z-index:1}@keyframes gradient-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gradient-fade-out{0%{opacity:1}to{opacity:0}}.surrender-emoji{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);font-size:6rem;opacity:0;animation:rise-center-sad 1s cubic-bezier(.68,-.55,.27,1.55) forwards,explode-fade-sad 1.5s 1s forwards;z-index:2}@keyframes rise-center-sad{0%{bottom:10vh;opacity:0;scale:1}to{bottom:50vh;opacity:1;scale:1}}@keyframes explode-fade-sad{0%{opacity:1;scale:1}to{opacity:0;scale:1}}.btn:disabled{opacity:.5;cursor:not-allowed}.topbar{position:sticky;top:59px;background:#fff;z-index:30;padding:12px 16px;box-shadow:0 2px 8px #0000000d;border-radius:12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"back surrender" "objective clicks";gap:6px 12px;align-items:center}.top-left{grid-area:objective}.top-right{grid-area:clicks;justify-self:end}.bottom-left{grid-area:back}.bottom-right{grid-area:surrender;justify-self:end}.header{position:sticky;top:0;z-index:20;width:100%;background:var(--bg);padding:16px;font-weight:700;font-size:20px;align-items:center;text-align:center;margin:0}.bars{display:flex;gap:6px;align-items:end;overflow-x:auto;padding:8px 0}.bar-item{display:flex;flex-direction:column;align-items:center;width:28px}.labels-row{border-top:1px solid #e5e7eb;padding-top:6px;margin-top:2px!important}.x-axis-legend{font-size:12px;color:var(--muted);margin-top:4px;text-align:center}.hint-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.hint-modal{width:min(900px,95vw);max-height:80vh;background:var(--card);border-radius:12px;box-shadow:0 10px 30px #0000002e;overflow:hidden;display:flex;flex-direction:column}.hint-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid #e5e7eb}.hint-title{font-weight:600;font-size:16px}.hint-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}.hint-close:hover{background:#f3f4f6}.hint-body{padding:12px;overflow:auto}.objective-button{background:transparent;border:none;color:inherit;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.concept--clickable{cursor:pointer}.concept--clickable:hover{filter:brightness(.98)}@media (max-width:600px){.bars{gap:3px}.bar-item{width:18px}.wiki-window{min-height:50vh;padding:8px}.pair{flex-direction:column;gap:6px;font-size:16px}.card{padding:12px}.graph{margin-top:8px}.instructions-card{max-width:95vw;right:8px!important;top:64px!important}.arrow{transform:rotate(90deg);margin:4px 0;font-size:20px}.topbar{padding:10px 8px;grid-template-columns:1fr auto;grid-template-areas:"back surrender" "objective clicks";gap:4px 8px}.btn.small{margin-top:0}.hint-modal{max-height:85vh;width:95vw}.hint-body{padding:8px}}