game-shell:not(:defined){display:none}game-shell :not(:defined){visibility:hidden}:root{--game-bg:#111;--game-text:#eee;--game-accent:#fff;--game-overlay-bg:rgba(0,0,0,.8);--game-btn-bg:#fff;--game-btn-border:hsla(0,0%,100%,.5);--game-result-gradient-from:#6ee7b7;--game-result-gradient-to:#3b82f6;--game-hud-height:calc(max(12px, env(safe-area-inset-top)) + 32px);--game-bg:#fffdf0;--game-text:#111;--game-accent:#ffd600;--game-overlay-bg:#fffdf0;--game-btn-bg:#ffd600;--game-btn-text:#111;--game-btn-border:#111;--game-result-gradient-from:#ffd600;--game-result-gradient-to:#ff3b5c}*,:after,:before{box-sizing:border-box}body,html{background:var(--game-bg);background:#fffdf0;color:var(--game-text);color:#111;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;height:100dvh;overflow:clip;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100dvw}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}[data-overlay]{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--game-overlay-bg,rgba(0,0,0,.8));background:var(--halftone),var(--game-overlay-bg,#fffdf0);color:var(--game-text,#eee);display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:max(40px,env(safe-area-inset-top)) max(40px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(40px,env(safe-area-inset-left));position:fixed;text-align:center;z-index:100}[data-overlay] h1{color:#111;font-size:max(28px,min(5vw,56px));font-size:max(48px,min(10vw,96px));font-weight:900;letter-spacing:-.02em;letter-spacing:-.03em;margin-bottom:16px;text-transform:uppercase;-webkit-text-stroke:3px #111;background:none;-webkit-background-clip:unset;paint-order:stroke fill;-webkit-text-fill-color:unset;background-clip:border-box;background-clip:initial}[data-overlay] p{color:#111;font-size:max(14px,min(2vw,20px));font-size:max(18px,min(2vw,22px));font-weight:700;font-weight:600;line-height:1.6;line-height:1.5;margin-bottom:12px;max-width:600px;max-width:560px;opacity:.8;opacity:.85}[data-overlay] button{background:var(--game-btn-bg);background:#ffd600;border:4px solid #111;border-radius:8px;border-radius:6px;box-shadow:6px 6px 0 #111;color:var(--game-btn-text);color:#111;cursor:pointer;font-family:inherit;font-size:18px;font-size:20px;font-weight:700;font-weight:900;letter-spacing:.06em;margin-top:20px;padding:16px 44px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s ease}[data-overlay] button:hover{box-shadow:0 4px 20px hsla(0,0%,100%,.2);box-shadow:10px 10px 0 #111;transform:scale(1.04);transform:translate(-2px,-2px)}[data-overlay] .result-buttons,[data-overlay] [style*="display:flex"]{margin-top:24px}[data-overlay] .result-buttons button,[data-overlay] [style*="display:flex"] button{margin-top:0}[data-overlay] button[command="--restart"]{background:var(--game-btn-bg);color:var(--game-btn-text)}game-toast[trigger=pass]{--game-toast-color:#6ee7b7}game-toast[trigger=fail],game-toast[trigger=timeout]{--game-toast-color:#f87171}[data-overlay] a{color:hsla(0,0%,100%,.45);-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease}[data-overlay] a:hover{color:hsla(0,0%,100%,.75)}[data-overlay] #intro-tip{font-size:14px;font-style:italic;opacity:.5}[data-overlay] .group-name{display:none;font-size:14px;font-weight:600;letter-spacing:.1em;margin-bottom:4px;opacity:.5;text-transform:uppercase}[data-overlay] #result-desc{font-size:max(14px,min(1.8vw,18px));margin-top:16px;max-width:550px;opacity:.7}[data-overlay] game-score-form{display:block;margin-bottom:32px;margin-top:32px}game-result-message{display:none;font-size:max(14px,min(1.8vw,18px));line-height:1.6;margin-top:16px;max-width:550px;opacity:.7}game-result-message:state(active){display:block}game-quiz{color:var(--game-text,#eee)}game-quiz fieldset{border:none;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:540px;width:100%}game-quiz fieldset[hidden]{display:none}game-quiz legend{font-size:max(24px,min(4vw,48px));font-weight:900;grid-column:1/-1;margin-bottom:8px;text-align:center;width:100%}game-quiz label{align-items:center;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;display:flex;font-size:max(14px,min(2vw,20px));font-weight:600;justify-content:center;padding:16px 12px;text-align:center;transition:border-color .15s ease,background .15s ease,transform .1s ease}game-quiz label:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6);transform:scale(1.02)}game-quiz label:has(input:disabled){cursor:default;transform:none}game-quiz label:has(input:disabled):hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3);transform:none}game-quiz label.correct{background:rgba(110,231,183,.2);border-color:#6ee7b7}game-quiz label.wrong{background:rgba(239,68,68,.2);border-color:#ef4444}game-quiz input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}[data-hud]{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.55);background:#111;color:var(--game-text,#eee);color:#fffdf0;display:flex;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;font-size:14px;font-size:16px;font-weight:900;justify-content:space-between;left:0;letter-spacing:.05em;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));pointer-events:none;position:fixed;right:0;text-transform:uppercase;top:0;z-index:10}[data-overlay] .game-link{color:inherit;display:block;font-size:14px;margin-top:16px;opacity:.5}[data-overlay] .game-link+.game-link{margin-top:8px}[data-overlay],body{--halftone:radial-gradient(circle,#f2e1a9 2px,transparent 0) 0 0 /20px 20px}body:before{background:var(--halftone);content:"";inset:0;opacity:.35;pointer-events:none;position:fixed;z-index:0}game-flash{--game-flash-pass:rgba(50,220,120,.35);--game-flash-fail:rgba(230,40,40,.3)}[data-overlay] button:active{box-shadow:2px 2px 0 #111;transform:translate(4px,4px)}cob-game{top:var(--game-hud-height)}#hud-tier{border-color:hsla(0,0%,100%,.3);font-size:11px}#intro-tip{color:#000;font-size:15px;font-style:normal;font-weight:700;letter-spacing:.08em;opacity:1;text-transform:uppercase}.group-name:not(:empty){color:#444;display:block;font-size:26px;font-weight:800;letter-spacing:.12em;margin-bottom:4px;opacity:1;text-transform:uppercase}.leave-group{display:none}.group-name:not(:empty)+.leave-group{color:#999;display:inline-block;font-size:13px;margin-bottom:8px;-webkit-text-decoration:none;text-decoration:none}.group-name:not(:empty)+.leave-group:hover{color:#444;-webkit-text-decoration:underline;text-decoration:underline}.key-hint{color:#555;font-size:13px;font-weight:800;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.key-hint kbd{border:2px solid #111;border-radius:3px;box-shadow:2px 2px 0 #111;display:inline-block;font-family:inherit;font-size:12px;padding:3px 8px}#property-name,.key-hint kbd{background:#fffdf0;color:#111;font-weight:900}#property-name{border:5px solid #111;border-radius:8px;box-shadow:8px 8px 0 #111;filter:blur(2px);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:max(32px,min(7vw,88px));letter-spacing:-.02em;max-width:90vw;min-height:1.2em;opacity:0;padding:28px 48px 32px;position:relative;text-align:center;transform:scale(.88) rotate(-1deg);transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1),filter .25s ease}#property-name:after{border-left:16px solid transparent;border-right:16px solid transparent;border-top:24px solid #111;bottom:-28px}#property-name:after,#property-name:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}#property-name:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid #fffdf0;bottom:-17px;z-index:1}#property-name.show{filter:blur(0);opacity:1;transform:scale(1) rotate(0deg)}#game-fieldset{border:none;display:contents;margin:0;min-width:0;padding:0}#buttons input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}#buttons{display:flex;gap:32px;margin-top:8px}#buttons label{align-items:center;border:5px solid #111;border-radius:6px;box-shadow:6px 6px 0 #111;cursor:pointer;display:flex;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;font-size:max(24px,min(4vw,40px));font-weight:900;justify-content:center;letter-spacing:.08em;padding:20px 56px;text-transform:uppercase;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}#buttons label:hover{box-shadow:10px 10px 0 #111;transform:translate(-2px,-2px)}#buttons label:active{box-shadow:2px 2px 0 #111;transform:translate(4px,4px);transition-duration:.05s}#buttons label:has(input[type=radio]:focus-visible){outline:none}#buttons label:has(input[type=radio]:checked){box-shadow:2px 2px 0 #111;transform:translate(4px,4px)}#label-css{background:#00e5b0;color:#111}#label-bs{background:#ff3b5c;color:#fffdf0}#feedback{font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;font-size:max(36px,min(8vw,80px));font-weight:900;letter-spacing:.04em;max-width:80vw;paint-order:stroke fill;pointer-events:none;text-align:center;text-transform:uppercase;z-index:20;-webkit-text-stroke:5px #111;left:50%;opacity:0;position:fixed;top:calc(var(--game-hud-height) + 12px);transform:translateX(-50%) scale(.6) rotate(-6deg);transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}#feedback.show{opacity:1;transform:translateX(-50%) scale(1) rotate(-2deg)}#feedback.correct{color:#00e5b0}#feedback.correct,#feedback.wrong{text-shadow:2px 2px 0 #111,-2px -2px 0 #111,2px -2px 0 #111,-2px 2px 0 #111,4px 4px 0 #111,6px 6px 0 rgba(0,0,0,.2),8px 8px 12px rgba(0,0,0,.3)}#feedback.wrong{animation:shake .35s ease-out;color:#ff3b5c}@keyframes shake{0%,to{transform:translateX(-50%) scale(1) rotate(-2deg)}20%{transform:translateX(calc(-50% - 12px)) scale(1) rotate(3deg)}40%{transform:translateX(calc(-50% + 10px)) scale(1) rotate(-3deg)}60%{transform:translateX(calc(-50% - 6px)) scale(1) rotate(2deg)}80%{transform:translateX(calc(-50% + 4px)) scale(1) rotate(-1deg)}}game-toast[trigger=fail],game-toast[trigger=pass],game-toast[trigger=timeout]{top:calc(var(--game-hud-height) + 16px);transform:translateX(-50%)}game-toast[trigger=fail]::part(persist),game-toast[trigger=pass]::part(persist),game-toast[trigger=timeout]::part(persist){-webkit-text-stroke:3px #111;paint-order:stroke fill}#commentary{--game-toast-size:max(13px,min(1.6vw,16px));--game-toast-color:#111;--game-toast-bg:#ffd600}#commentary::part(persist){backdrop-filter:none;-webkit-backdrop-filter:none;border:3px solid #111;border-radius:4px;box-shadow:4px 4px 0 #111;font-weight:800;letter-spacing:.04em;max-width:95vw;text-align:center;text-transform:uppercase;white-space:normal}game-result-stat{--game-result-gradient-from:#111;--game-result-gradient-to:#111}game-result-stat:state(low){--game-result-gradient-from:#ff3b5c;--game-result-gradient-to:#ff3b5c}game-result-stat:state(mid){--game-result-gradient-from:#f59e0b;--game-result-gradient-to:#f59e0b}game-result-stat:state(high){--game-result-gradient-from:#00e5b0;--game-result-gradient-to:#00e5b0}game-result-stat:state(perfect){animation:rainbow-shift 1.5s ease infinite}@keyframes rainbow-shift{0%{--game-result-gradient-from:#ffd600;--game-result-gradient-to:#ffd600}25%{--game-result-gradient-from:#ff3b5c;--game-result-gradient-to:#ff3b5c}50%{--game-result-gradient-from:#00e5b0;--game-result-gradient-to:#00e5b0}75%{--game-result-gradient-from:#a78bfa;--game-result-gradient-to:#a78bfa}to{--game-result-gradient-from:#ffd600;--game-result-gradient-to:#ffd600}}.result-points{color:#555;font-size:max(20px,min(4vw,32px));letter-spacing:-.02em;-webkit-text-stroke:1px #111;paint-order:stroke fill}#result-peak,.result-points{font-weight:900;margin-bottom:8px}#result-peak{background:#ffd600;border:3px solid #111;border-radius:4px;box-shadow:3px 3px 0 #111;color:#111;display:inline-block;font-size:13px;letter-spacing:.08em;padding:4px 14px;text-transform:uppercase}.result-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.result-buttons button{margin-top:0}.result-buttons game-share{display:inline-flex}game-leaderboard,game-score-histogram{background:#fffdf0;border:3px solid #111;border-radius:4px;box-shadow:4px 4px 0 #111;color:#111;max-width:100%;overflow:hidden;padding:12px}game-score-form{color:#111}game-score-form::part(label){color:#111;font-weight:800;letter-spacing:.08em}game-score-form::part(input){background:#fffdf0;border:3px solid #111;border-radius:4px;box-shadow:3px 3px 0 #111;color:#111}game-score-form::part(button){background:#ffd600;border:3px solid #111;border-radius:4px;box-shadow:3px 3px 0 #111;color:#111;font-weight:900;letter-spacing:.06em;text-transform:uppercase}game-share::part(button){background:#ffd600;border:4px solid #111;border-radius:6px;box-shadow:6px 6px 0 #111;color:#111;font-weight:900;letter-spacing:.06em;text-transform:uppercase}[when-some-scene~=result][data-overlay]{gap:16px;padding-top:max(60px,env(safe-area-inset-top))}#result-summary{align-items:center;flex-direction:column;text-align:center}#result-review-header,#result-summary{display:flex;max-width:680px;width:100%}#result-review-header{align-items:baseline;border-bottom:3px solid #111;gap:12px;padding-bottom:8px}#result-review-header h2{font-size:18px;font-weight:900;letter-spacing:.06em;margin:0;text-transform:uppercase}#review-list{border:3px solid #111;border-radius:4px;box-shadow:4px 4px 0 #111;font-size:13px;max-width:680px;scrollbar-color:#111 #e0dcc8;scrollbar-width:thin;text-align:left;width:100%}.review-row{align-items:center;background:#fffdf0;border-bottom:2px solid #e0dcc8;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 10px;transition:background .1s}@media (max-width:600px){.review-row{align-items:flex-start;flex-direction:column}.review-left{width:100%}.review-right{align-self:flex-end}}.review-row:last-child{border-bottom:none}.review-row:hover{background:#f5f0d8}.review-row.review-wrong{background:#fff5f5}.review-row.review-wrong:hover{background:#ffe8e8}.review-left{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.review-icon{flex-shrink:0;font-size:14px;font-weight:900;text-align:center;width:20px}.review-correct .review-icon{color:#00a87a}.review-wrong .review-icon{color:#cc1f3a}.review-name-wrap{display:flex;flex-direction:column;min-width:0}.review-property{color:#111;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-outcome{color:#666;font-size:11px;font-weight:600;letter-spacing:.04em;margin-top:1px;text-transform:uppercase}.review-stat{background:#eee;color:#555}.review-stat-new{background:#ffd600;color:#111}.review-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:5px;justify-content:flex-end}.review-badge{border:2px solid #111;border-radius:3px;font-size:10px;font-weight:900;letter-spacing:.05em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.review-tier-easy{background:#d4edda;color:#155724}.review-tier-medium{background:#fff3cd;color:#856404}.review-tier-hard{background:#fde8c8;color:#7a3e00}.review-tier-cursed{background:#f0d0e8;color:#6a0050}.review-tier-forbidden{background:#1a0008;color:#ff9eb5}.review-baseline-widely{background:#d4f5e9;color:#0a6640}.review-baseline-newly{background:#d4e8f5;color:#0a3d6e}.review-baseline-limited{background:#fde8c8;color:#7a3e00}.review-baseline-draft{background:#ede4f5;color:#4a006a}.review-baseline-unknown{background:#eee;color:#555}.tag{border:2px solid #111;border-radius:3px;flex-shrink:0;font-size:10px;font-weight:900;letter-spacing:.06em;padding:2px 7px;text-transform:uppercase}.tag-css{background:#00e5b0;color:#111}.tag-bs{background:#ff3b5c;color:#fffdf0}.review-mdn{background:#111;border:2px solid #111;border-radius:3px;color:#fffdf0;font-size:10px;font-weight:900;letter-spacing:.06em;padding:2px 7px;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition:background .1s;white-space:nowrap}.review-mdn:hover{background:#444;border-color:#444}.review-time{color:#888;font-feature-settings:"tnum";font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;min-width:32px;text-align:right}@media (prefers-reduced-motion:reduce){#property-name{transition:opacity .2s ease}#property-name,#property-name.show{filter:none!important;transform:none!important}#feedback{transform:translateX(-50%)!important;transition:opacity .2s ease}#feedback.wrong{animation:none}}body:has(#cob-debug),html:has(#cob-debug){height:auto;overflow:auto}#cob-debug{background:#fff;color:#111;margin:0 auto;max-width:1100px;padding:2rem;-moz-user-select:text;user-select:text;-webkit-user-select:text}#cob-debug h1{font-size:1.5rem;margin-bottom:1.5rem}.cob-debug-table{border-collapse:collapse;font-size:.85rem;width:100%}.cob-debug-table th{background:#f5f5f5;border-bottom:2px solid #ccc;padding:.4rem .75rem;position:sticky;text-align:left;top:0;white-space:nowrap}.cob-debug-table td{border-bottom:1px solid #eee;padding:.3rem .75rem;vertical-align:middle}.cob-debug-real{background:#fff}.cob-debug-fake{background:#fafafa}.cob-debug-table code{font-family:monospace;font-size:.875rem}