@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Persistent support links share the app's palette and native keyboard focus. */
.site-footer{flex-wrap:wrap;gap:20px}
.footer-credits{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.support-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.support-label{flex-basis:100%;font-weight:600;color:var(--muted)}
.support-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;font-size:.8125rem;font-weight:600;line-height:1.5;text-decoration:none}
.support-link svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sponsor-link{background:var(--surface);color:var(--text)}
.sponsor-link svg{color:var(--purple)}
.sponsor-link:hover{background:var(--surface2);border-color:var(--purple)}
.coffee-link{background:var(--lime);color:#222b17;border-color:var(--lime)}
.coffee-link:hover{background:#e6ffac;border-color:#e6ffac}
@media(max-width:600px){.support-links{width:100%}.support-link{flex:1 1 160px}}
:root{--bg:#171526;--surface:#232136;--surface2:#2c2941;--line:#3e3955;--text:#f5f3fc;--muted:#aba6c0;--lime:#d9fc7c;--purple:#b99bfa;--blue:#82c7f3;--yellow:#f6ce65;--paper:#f7f5ef;--ink:#262337;--ink-muted:#706a7f;--good:#327648;--bad:#b4434b;font:1rem 'DM Sans',sans-serif;color:var(--text);background:var(--bg);color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;touch-action:manipulation}button:disabled{cursor:default}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button{transition:background .16s,transform .16s,box-shadow .16s}button:not(:disabled):active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-underline-offset:4px}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:12px;background:var(--lime);color:var(--ink)}.skip-link:focus{top:10px}.lime{color:var(--lime)}.muted{color:var(--muted)}.small{font-size:.875rem;line-height:1.65}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:.75rem;letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;border:1px solid currentColor;border-radius:30px;padding:5px 10px;font-size:.75rem;font-weight:600;letter-spacing:.07em;white-space:nowrap}.lead{font-size:1rem;line-height:1.7;color:var(--muted)}.boot{padding:80px 20px}.primary,.secondary,.dark-button,.round-button{padding:13px 20px;min-height:47px;border-radius:9px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;font-weight:600;text-decoration:none}.primary{background:var(--lime);color:#222b17;box-shadow:0 3px 0 #7a9b40}.primary:hover:not(:disabled){background:#e6ffac;box-shadow:0 3px 0 #8baa51,0 0 20px #d9fc7c12}.primary:disabled{opacity:.4;box-shadow:none}.secondary{background:transparent;border:1px solid #696079;color:var(--text)}.secondary:hover:not(:disabled){background:#ffffff08}.secondary:disabled{opacity:.4}.full{display:flex;width:100%}.big{min-height:57px;font-size:1rem}.dark-button{background:var(--bg);color:var(--text);box-shadow:0 3px 0 #655084}.dark-button:hover{background:#292438}.text-button{background:transparent;color:var(--muted);padding:10px;font-size:.875rem}.text-button:hover{color:var(--text)}.input-label{display:block;font-size:.875rem;font-weight:500;margin:20px 0 9px}.error-box{background:#4a2631;color:#ffd4d8;border:1px solid #9e5866;border-radius:8px;padding:15px 18px;font-size:.875rem;line-height:1.6;margin:18px 0}.error-box button{color:inherit;background:transparent;text-decoration:underline;padding:4px}
.site-header{max-width:1500px;margin:auto;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #383249}.brand{background:transparent;color:var(--text);display:flex;align-items:center;gap:12px;text-align:left;font-size:1.4rem;font-weight:700;letter-spacing:.045em;padding:0;white-space:nowrap}.brand-icon{font-size:2.6rem;color:var(--lime);line-height:1}.brand-lab{font-weight:400;margin-left:4px;color:#bfb4d4}.brand small{display:block;font:500 .75rem 'DM Sans',sans-serif;letter-spacing:.12em;color:#938ba7;margin-top:3px}.site-header nav{display:flex;align-items:center;background:#242035;border:1px solid #38324b;padding:4px;border-radius:40px;gap:3px}.site-header nav button{background:transparent;color:#b8b1c8;border-radius:30px;padding:10px 21px;font-size:.875rem}.site-header nav button.active{background:#514364;color:#fff}.site-header nav button:hover{background:#3e344f;color:white}.header-tools{display:flex;gap:9px}.header-tools button{background:transparent;border:1px solid #564e68;color:#cfc6e1;border-radius:50%;height:37px;width:37px;font-size:1.1rem}.header-tools button:hover,.header-tools button.sound-on{background:var(--lime);border-color:var(--lime);color:var(--ink)}main{max-width:1380px;margin:auto;padding:38px 32px 24px;outline:none}footer{max-width:1380px;margin:auto;padding:22px 32px;border-top:1px solid #383249;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#9c93ae;font-size:.75rem;line-height:1.7}footer button{background:transparent;color:#b2a4c7;padding:6px 0;font-size:.75rem;text-decoration:underline;text-underline-offset:4px}
.setup-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:70px;max-width:1090px;margin:18px auto 45px}.setup-panel h1{font-size:clamp(2.7rem,4.5vw,4.5rem);font-weight:600;letter-spacing:-.065em;line-height:1.04;margin:16px 0 20px}.setup-panel>.lead{margin-bottom:30px}.setting{border:0;padding:0;margin:22px 0}.setting legend{padding:0;font-size:.875rem;font-weight:600;margin-bottom:11px;color:#dfd9ea}.segment{display:flex;gap:5px;background:#282338;border:1px solid #494056;border-radius:10px;padding:5px}.segment label{cursor:pointer;flex:1;position:relative;text-align:center;border-radius:6px;padding:10px 12px;font-size:.875rem;min-height:43px;display:flex;align-items:center;justify-content:center;color:#bfb5d0}.segment label.selected{background:#594871;color:#fff;box-shadow:0 2px 0 #120d1c44}.segment label:has(input:focus-visible),.mode-choice:has(input:focus-visible){outline:3px solid var(--purple);outline-offset:3px}.segment input,.mode-choice input{position:absolute;opacity:0;pointer-events:none}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-choice{cursor:pointer;border:1px solid #544762;position:relative;display:flex;flex-direction:column;border-radius:10px;padding:17px 13px;gap:5px;color:#bfb3ce;background:#242032;min-width:0}.mode-choice.selected{border-color:var(--purple);background:#443255;box-shadow:0 3px 0 #a482c1}.mode-icon{font-size:1.75rem;color:var(--purple);line-height:1.1;margin-bottom:5px}.mode-choice strong{font:500 1rem 'Space Grotesk',sans-serif;color:#f4ecfa}.mode-choice small{font-size:.75rem;line-height:1.5;max-width:140px;color:#c0b0cc}.setting-note{font-size:.8125rem;color:#a99ab9;line-height:1.7;margin:18px 0 22px}.setup-side{display:flex;flex-direction:column;gap:24px;padding-top:20px}.daily-feature{background:var(--purple);color:#292035;border:1px solid #d1b9f1;border-radius:17px;padding:29px;box-shadow:6px 6px 0 #383044;transform:rotate(1deg)}.feature-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.feature-icon{font-size:3.9rem;line-height:1}.daily-feature .pill{font-size:.75rem;padding:6px 10px}.daily-feature h2{font-size:2rem;font-weight:500;line-height:1.15;letter-spacing:-.055em;margin:16px 0}.daily-feature p{font-size:.9375rem;line-height:1.65;max-width:290px;color:#4d3b66}.daily-feature .dark-button{width:100%;margin-top:23px;font-size:.8125rem}.join-panel{background:#252035;border:1px solid #493d59;border-radius:14px;padding:27px}.join-panel .eyebrow{font-size:.75rem;color:#a99ab9}.join-panel h2{font-size:1.5rem;font-weight:500;letter-spacing:-.035em;margin:9px 0 20px}.code-input{display:flex;align-items:center;background:#191422;border:1px solid #59486d;border-radius:8px;overflow:hidden;padding:0 15px;color:#9f8fb2;font:1.4rem 'Space Grotesk',sans-serif}.code-input input{border:0;background:transparent;color:#f1e9fa;padding:15px 8px;width:100%;min-width:0;text-transform:uppercase;letter-spacing:.1em;outline-offset:-3px}.code-input input::placeholder{color:#71637f}.join-panel .secondary{margin-top:14px}.resume-card{display:flex;justify-content:space-between;align-items:center;background:#292438;border:1px dashed #69587c;border-radius:12px;padding:20px 24px;text-align:left;color:#d8cce8}.resume-card small{font-size:.75rem;color:#a899b9;letter-spacing:.1em}.resume-card strong{display:block;font:1.5rem 'Space Grotesk',sans-serif;letter-spacing:.05em;margin:5px 0}.resume-card em{font-style:normal;font-size:.8125rem;color:#ad9ebe}.quick-tip{display:flex;gap:13px;align-items:flex-start;padding:0 10px;margin-top:2px}.quick-tip>span{font-size:1.8rem;color:var(--lime)}.quick-tip p{font-size:.875rem;line-height:1.7;color:#a69aae}.quick-tip strong{font-weight:500;color:#cfc3d8}
.daily-screen{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1080px;margin:65px auto 100px}.daily-intro>.feature-icon{display:inline-block;font-size:6.5rem;color:var(--purple);margin-bottom:24px}.daily-intro h1{font-size:clamp(2.4rem,4vw,3.9rem);letter-spacing:-.065em;line-height:1.05;margin:17px 0 22px;font-weight:500}.daily-panel{background:var(--surface);border:1px solid #574765;border-radius:16px;padding:33px;box-shadow:7px 7px 0 #31263f}.daily-panel>.pill{color:var(--purple);margin-bottom:24px}.daily-panel h2{font-size:2rem;font-weight:500;letter-spacing:-.055em;line-height:1.2;margin-bottom:13px}.daily-panel>p{font-size:.875rem;line-height:1.7}.date-input{background:#181222;border:1px solid #5c4970;border-radius:8px;padding:13px 15px;color:#eadff3;width:100%;min-height:48px}.daily-panel .setting{margin-top:23px}.daily-panel .setting-note{margin-bottom:0}
.page-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 34px;gap:20px}.page-title h1{font-size:clamp(2.2rem,4vw,3.3rem);letter-spacing:-.06em;margin:12px 0;font-weight:500}.big-glyph{font-size:5rem;color:var(--purple);margin-right:30px}.creator-controls{display:flex;gap:28px;max-width:810px}.creator-controls .setting{flex:1;margin:0 0 24px}.selected-bar{display:flex;align-items:center;gap:24px;background:#292037;border:1px solid #5b436d;border-radius:12px;padding:18px 22px}.selected-bar>div:first-child{min-width:145px}.selected-bar strong{display:block;font:1.5rem 'Space Grotesk',sans-serif;margin-top:6px}.selected-bar strong span{font-size:.875rem;color:#b3a1c0}.selected-chips{display:flex;gap:7px;flex-wrap:wrap;flex:1}.selected-chips>span{font-size:.875rem}.selected-chips button{background:#6c4785;color:#f7ecff;min-height:36px;padding:7px 10px;border-radius:6px;font-size:.875rem;display:flex;gap:14px;align-items:center}.selected-chips button:hover{background:#865ca0}.selected-chips button span{color:#dac3e9}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:34px 0 10px}.catalog-heading h2{font-size:1.25rem;font-weight:500;letter-spacing:-.025em}.catalog-heading p{font-size:.875rem;color:var(--purple)}.catalog-note{color:var(--muted);font-size:.875rem;line-height:1.6;margin-bottom:20px}.card-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog-card{border:1px solid #504259;background:#272032;border-radius:12px;overflow:hidden}.catalog-pick{display:block;padding:0;background:transparent;color:var(--text);width:100%;text-align:left}.catalog-image{display:block;background:#e9e9e4;padding:8px;aspect-ratio:1.61}.catalog-image img{width:100%;height:100%;object-fit:contain;border-radius:8px}.catalog-caption{display:flex;align-items:center;gap:9px;padding:13px 12px;min-height:66px}.card-number{font:500 .875rem 'Space Grotesk',sans-serif;background:#453250;border:1px solid #665071;padding:5px;border-radius:4px;min-width:29px;text-align:center}.catalog-caption strong{flex:1;font-size:.8125rem;font-weight:500;line-height:1.4}.catalog-caption>span:last-child{font-size:1.2rem;color:var(--purple)}.inspect-card{display:block;width:100%;background:#1e1927;color:#bca9cd;border-top:1px solid #423049;padding:10px;font-size:.75rem}.catalog-card.unavailable .catalog-pick{opacity:.3;filter:grayscale(.65)}.catalog-card.is-selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.catalog-card.is-selected .catalog-caption>span:last-child{color:var(--lime)}.catalog-card:not(.unavailable):not(.is-selected):hover{border-color:#bf95df}.art-credit{font-size:.75rem;color:#9c8da9;line-height:1.7;margin-top:21px}
.game-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 28px}.game-badges{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:.75rem;color:#b1a5bf}.game-badges>span:not(.pill)+span:before{content:'·';margin-right:10px;color:#6e5e7c}.game-badges .pill{color:var(--purple);background:#342644;border-color:#68517c;font-size:.75rem}.game-badges .mode-1{color:#facb84;background:#3f2b24;border-color:#826247}.game-badges .mode-2{color:#caadf2;background:#352544;border-color:#7e569a}.game-badges .daily-badge{color:var(--lime)}.game-head h1{font-size:2rem;font-weight:400;letter-spacing:-.04em;margin-top:12px;color:#b7a9c8}.puzzle-hash{color:var(--text);font-weight:500;letter-spacing:.025em}.game-head-actions{display:flex;align-items:center;gap:13px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:25px;align-items:start}.proposal-panel{background:#292139;border:1px solid #6a537b;border-radius:15px;padding:24px;box-shadow:0 5px 0 #0c0813}.proposal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:20px}.proposal-heading .eyebrow{color:#aa92bd;font-size:.75rem}.proposal-heading h2{font-size:1.4rem;font-weight:500;letter-spacing:-.025em;margin-top:5px}.score-strip{display:flex;gap:25px;text-align:right}.score-strip>div{display:flex;flex-direction:column}.score-strip small{font-size:.75rem;letter-spacing:.12em;color:#ae96bf}.score-strip strong{font:500 1.8rem 'Space Grotesk',sans-serif;color:#ebddf5;margin-top:2px;line-height:1.05}.digit-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.digit-tile{background:#a3d7f5;color:#194760;border:1px solid #bee6fc;border-radius:11px;box-shadow:0 5px 0 #5082a2;overflow:hidden;position:relative}.tile-1{background:#f5d273;color:#604313;border-color:#ffdf91;box-shadow:0 5px 0 #ab883b}.tile-2{background:#c4a4ef;color:#4c2a74;border-color:#dcc3ff;box-shadow:0 5px 0 #806097}.digit-top{display:flex;align-items:center;padding:12px 14px 0;gap:7px;font-size:.75rem;font-weight:600}.digit-top>span:first-child{font-size:1rem}.tile-index{margin-left:auto;font-family:monospace;opacity:.4}.digit-value{text-align:center;font:500 4.6rem/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;padding:3px 0 7px}.digit-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:#ffffff18;border-top:1px solid #0001;padding:7px}.digit-picks button{background:transparent;color:inherit;border-radius:4px;font:500 .9375rem 'Space Grotesk',sans-serif;min-height:33px;padding:0}.digit-picks button:hover:not(:disabled){background:#ffffff60}.digit-picks button[aria-pressed=true]{background:#23465d;color:#eaf8ff;box-shadow:0 2px 0 #081d3066}.tile-1 .digit-picks button[aria-pressed=true]{background:#70501a;color:#fff5d4}.tile-2 .digit-picks button[aria-pressed=true]{background:#5d3e82;color:#faf1ff}.digit-picks button:disabled:not([aria-pressed=true]){opacity:.35}.proposal-state{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:21px;font-size:.8125rem;color:#c5b3d2}.test-slots{display:flex;gap:5px;align-items:center}.test-slots b{display:flex;align-items:center;justify-content:center;border:1px solid #705881;border-radius:4px;width:20px;height:20px;font-size:.75rem;color:#9d84af}.test-slots b.used{background:var(--lime);border-color:var(--lime);color:#344020}.test-slots small{font-size:.75rem;color:#9c81b0;margin-left:5px}.round-actions{display:flex;gap:12px;margin-top:21px}.round-actions button{flex:1}.round-actions .primary{flex:1.25}.round-button{background:#3b2b4d;color:#e0ceed;border:1px solid #76568b;box-shadow:0 3px 0 #1e122b}.round-button:hover:not(:disabled){background:#4e3864}.round-button:disabled{opacity:.35;box-shadow:none}.board-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:29px 0 16px}.board-section-title h2{font-size:1.1rem;font-weight:500;white-space:nowrap}.board-section-title h2 span{font-size:.75rem;background:#392b47;color:#c0a3d4;border:1px solid #664c78;border-radius:4px;padding:2px 5px;margin-left:5px}.board-section-title p{font-size:.8125rem;color:#b39cc2;line-height:1.6;text-align:right;max-width:340px}.verifier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.verifier{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:2px solid #d3c9db;border-radius:13px;overflow:hidden;box-shadow:0 5px 0 #82728f;transition:border-color .2s}.verifier.tested-pass{border-color:#8ad394;box-shadow:0 5px 0 #456a4a}.verifier.tested-fail{border-color:#e7a4ab;box-shadow:0 5px 0 #824a57}.verifier-top{display:flex;align-items:center;gap:10px;padding:16px 15px 13px;border-bottom:1px solid #e1d8e5;background:#f2edf5}.letter-badge{font:500 1.2rem 'Space Grotesk',sans-serif;border:1px solid #aa8fc0;border-radius:8px;background:#ded0ea;color:#503063;width:37px;height:37px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 #c3afd1}.verifier-top .eyebrow{font-size:.75rem;letter-spacing:.09em;color:#9b7dac}.verifier-top h3{font-size:1rem;font-weight:600;line-height:1.3;margin-top:3px}.result-lamp{height:10px;width:10px;flex-shrink:0;display:block;border-radius:50%;background:#d2c9d8;border:1px solid #b0a1ba;box-shadow:inset 0 1px 2px #0002;margin-left:auto}.result-lamp.green{background:#7bc17e;border-color:#57915b;box-shadow:0 0 8px #83c98b88}.result-lamp.red{background:#d7808b;border-color:#a35462;box-shadow:0 0 8px #e18b9488}.card-art-button{display:block;background:#f0f0e9;padding:10px 10px 0;color:#766580;width:100%;text-align:left}.card-art-button img{display:block;width:100%;height:auto;aspect-ratio:1.61;object-fit:contain;background:#e4e5dd;border-radius:8px}.card-art-button>span{display:flex;justify-content:space-between;padding:9px 5px;font-size:.75rem}.card-art-button>span>span{color:#8a659e}.card-art-button:hover{background:#e9e4ed}.rule-options{display:flex;flex-direction:column;gap:3px;padding:8px 13px 13px;flex:1}.rule-option{display:flex;align-items:center;gap:9px;text-align:left;padding:7px 3px;background:transparent;border-radius:5px;color:#443748;font-size:.8125rem;line-height:1.5;min-height:35px}.rule-option:hover:not(:disabled){background:#e9e3ee}.note-dot{min-width:16px;width:16px;height:16px;border:1px solid #c2b2cc;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:.75rem;color:#8d709f}.rule-option.crossed>span:last-child,.rule-option.auto-eliminated>span:last-child{opacity:.4;text-decoration:line-through}.rule-option.chosen,.rule-option.actual{background:#e2edd2;color:#40552d}.rule-option.chosen .note-dot,.rule-option.actual .note-dot{background:#647f48;border-color:#647f48;color:white}.test-button{display:flex;align-items:center;justify-content:space-between;margin:2px 14px 15px;background:#30233f;color:#f6eafd;padding:12px 15px;border-radius:7px;font-size:.875rem;font-weight:600;box-shadow:0 3px 0 #160b23;min-height:43px}.test-button>span:last-child{font:400 .875rem 'Space Grotesk',sans-serif;color:#d0bbdf}.test-button>span:last-child>span{margin-left:9px}.test-button:hover:not(:disabled){background:#634879}.test-button:disabled:not(.pass):not(.fail){opacity:.4;box-shadow:none}.test-button.pass{background:#d5ebcf;color:#3b672e;box-shadow:0 3px 0 #a6c19e}.test-button.pass>span:last-child{color:#577a49}.test-button.fail{background:#f2d5d8;color:#9c4653;box-shadow:0 3px 0 #cf9aa4}.test-button.fail>span:last-child{color:#a36a76}.candidate-tabs{display:flex;gap:6px;align-items:center;padding:10px 12px 3px}.candidate-tabs button{padding:7px 9px;border-radius:5px;border:1px solid #bfa5cc;background:#eee4f2;color:#806289;font-size:.75rem}.candidate-tabs button[aria-pressed=true]{background:#76518c;color:white}.candidate-tabs button[aria-pressed=true]{background:#76518c}.candidate-tabs>span{font-size:.75rem;color:#9a7da6;line-height:1.4;margin-left:auto;max-width:75px;text-align:right}.nightmare-pick{padding:12px 14px 3px;font-size:.75rem;color:#9275a0;display:block}.nightmare-pick select{width:100%;background:#e8ddef;color:#674878;border:1px solid #bba2c9;border-radius:5px;padding:9px 5px;margin-top:6px;font-size:.8125rem;color-scheme:light}.unknown-card{margin:12px;background:#eee8f1;border:1px dashed #b69cc8;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;padding:30px 24px;flex:1;text-align:center}.unknown-card>span{font:3.8rem 'Space Grotesk',sans-serif;color:#bc9fcf}.unknown-card strong{font-size:.9375rem;font-weight:500;color:#775a89;margin:10px 0}.unknown-card p{font-size:.8125rem;line-height:1.7;color:#9b82a8}.mark-help{font-size:.75rem;line-height:1.7;color:#9e87af;margin-top:22px}.reveal-link{background:transparent;color:#9a84aa;text-decoration:underline;text-underline-offset:4px;font-size:.75rem;margin-top:18px;padding:6px 0}.reveal-link:disabled{display:none}.c0{color:#367aaf}.c1{color:#926819}.c2{color:#8957ad}.code-inline{font-family:'Space Grotesk',sans-serif;font-weight:600;display:inline-flex;gap:4px;white-space:nowrap;letter-spacing:0}.good{color:var(--good)}.bad{color:var(--bad)}
.notebook{position:sticky;top:20px;border:1px solid #655074;border-radius:12px;background:#f1ecf5;color:#4b3955;box-shadow:0 5px 0 #6e577d;padding:21px 18px}.notebook-title{display:flex;gap:9px;align-items:center}.notebook-title>span:first-child{font-size:1.5rem;color:#94759f}.notebook-title h2{font-size:1.2rem;font-weight:500;letter-spacing:-.03em}.saved-label{font-size:.75rem;color:#9b84a5;margin-left:auto}.notebook-tabs{display:flex;gap:20px;border-bottom:1px solid #d3c5de;margin-top:21px}.notebook-tabs button{background:transparent;padding:0 0 11px;color:#9b84a4;font-size:.8125rem;position:relative}.notebook-tabs button[aria-selected=true]{color:#5f3b78}.notebook-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:#8b62a7;height:3px;border-radius:2px}.notebook-tabs button span{font-size:.75rem;background:#ded1e7;color:#916e9f;padding:1px 5px;border-radius:3px;margin-left:4px}.log-scroll{max-height:400px;overflow:auto}.log-scroll table{border-collapse:collapse;width:100%;text-align:center;font-size:.875rem}.log-scroll thead{position:sticky;top:0;background:#f1ecf5}.log-scroll th{font-size:.75rem;font-weight:500;color:#a088ac;padding:15px 2px}.log-scroll tbody td,.log-scroll tbody th{height:46px;border-top:1px solid #e0d4e7}.log-scroll .empty-notes{padding:21px 0 30px;border:0}.empty-notes>span{display:block;font-size:3rem;color:#c5b2d2;line-height:1.2}.empty-notes strong{display:block;font-weight:500;font-size:.875rem;color:#80618f;margin-top:7px}.empty-notes p{font-size:.8125rem;line-height:1.7;color:#a087ac;margin-top:8px}.log-key{display:flex;gap:14px;font-size:.75rem;color:#a58cae;border-top:1px solid #d9cce2;padding-top:13px}.notebook .muted{color:#947c9e}#notes-panel{padding-top:18px}.eliminate{margin-top:13px}.eliminate>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:center}.eliminate>div>span{text-align:center}.eliminate button{background:#e9dff0;color:#836491;font-family:'Space Grotesk',sans-serif;border-radius:4px;min-height:36px;margin:3px 0}.eliminate button.crossed{text-decoration:line-through;opacity:.3}.notebook .input-label{font-size:.75rem;color:#8d729b;margin:15px 0 7px}.notebook textarea{color:#654677;background:repeating-linear-gradient(transparent,transparent 27px,#d9c7e3 27px,#d9c7e3 28px);border:1px solid #cfbadb;border-radius:5px;padding:7px;line-height:28px;width:100%;min-height:140px;font-size:.875rem;resize:vertical;color-scheme:light}.assist-panel{border-top:1px solid #d2bfdc;padding-top:20px;margin-top:23px}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:.875rem}.switch-label small{display:block;font-size:.75rem;line-height:1.5;color:#a286ae;margin-top:5px;max-width:200px}input[role=switch]{appearance:none;position:relative;width:34px;height:21px;border-radius:20px;background:#c5b3d0;border:1px solid #b9a1c6;flex-shrink:0;margin:0;cursor:pointer}input[role=switch]:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .15s}input[role=switch]:checked{background:#9172ad;border-color:#8f6ca8}input[role=switch]:checked:after{transform:translateX(13px)}.hint-button{margin-top:17px;background:#dcd0e5;border:1px solid #baa2ca;color:#755285;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:6px;font-size:.8125rem}.hint-button:hover:not(:disabled){background:#cbb3db}.hint-button:disabled{opacity:.4}.candidate-details{border-top:1px solid #d3bedf;margin-top:17px;padding-top:12px}.candidate-details summary{font-size:.8125rem;cursor:pointer;color:#7a578e}.candidate-details p{font-size:.75rem;margin-top:9px}.candidate-codes{display:flex;flex-wrap:wrap;gap:7px;max-height:150px;overflow:auto;margin-top:9px}.candidate-codes .code-inline{background:#e7dcec;border:1px solid #d2bedf;border-radius:4px;padding:3px 6px;font-size:.8125rem}.notebook-foot{font-size:.75rem;line-height:1.6;text-align:center;color:#ab93b5;margin-top:17px}.result-banner{background:#403454;border:1px solid #9579b1;border-radius:14px;padding:25px;display:flex;align-items:center;gap:25px;margin-bottom:26px}.result-banner.victory{background:#d5eea8;color:#38501c;border-color:#e5ffbb;box-shadow:0 4px 0 #879c64}.result-glyph{font-size:3.6rem;color:#b092d6}.victory .result-glyph{color:#6f8e37}.result-banner .eyebrow{color:inherit;opacity:.7}.result-banner h2{font-size:1.8rem;letter-spacing:-.045em;font-weight:500;margin:7px 0}.result-banner h2 .code-inline{margin-left:14px;font-size:2rem}.result-banner p{font-size:.875rem;line-height:1.7;opacity:.85}.result-banner p.small{font-size:.75rem}.result-banner .primary{margin-left:auto;flex-shrink:0}.victory .primary{background:#455e29;color:#ebffce;box-shadow:0 3px 0 #2d4317}
#toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);background:#e4d9f1;color:#4c3362;padding:14px 22px;max-width:calc(100% - 30px);width:max-content;border:1px solid #bca7cf;border-radius:9px;box-shadow:0 4px 0 #715783;font-size:.875rem;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #8e6fa6;border-radius:16px;background:#2b2039;color:var(--text);padding:34px;box-shadow:0 7px 0 #100b18,0 30px 100px #0006;overscroll-behavior:contain}dialog::backdrop{background:#110b1ac9;backdrop-filter:blur(6px)}dialog.wide{width:min(820px,calc(100% - 28px))}.dialog-close{position:absolute;right:13px;top:10px;width:34px;height:34px;border-radius:50%;background:transparent;color:#b294c8;font-size:1.7rem}.dialog-close:hover{background:#4f375f}dialog h2{font-size:2rem;font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:10px 0 18px}dialog p{font-size:.9375rem;line-height:1.75;color:#b9a4c8;margin:13px 0}dialog .eyebrow{color:#a689bb}dialog h3{font-size:1.1rem;font-weight:500;margin-top:25px;color:#e1c8f0}dialog .primary.full{margin-top:22px}.enlarged-card{width:100%;border-radius:12px;display:block;background:#eae9e2}.readable-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.readable-options p{background:#f3ebf7;border:1px solid #dec8eb;color:#76548b;border-radius:6px;margin:0;font-size:.9375rem;padding:11px 14px}dialog .art-credit{font-size:.75rem;color:#a187b1}.history-list{margin-top:24px;display:flex;flex-direction:column;gap:12px}.history-list article{padding:16px 18px;border:1px solid #725388;background:#382445;border-radius:9px;display:flex;gap:12px;align-items:center}.history-list article>div{flex:1;min-width:0}.history-list strong{display:block;font:500 1.2rem 'Space Grotesk',sans-serif;letter-spacing:.04em;color:#e1c1f7}.history-list span{display:block;font-size:.8125rem;color:#b498c4;margin:5px 0}.history-list small{font-size:.75rem;color:#9e7fb1}.history-list .secondary{padding:8px 12px;min-height:37px;border-color:#835c9d;font-size:.75rem}.history-list .text-button{font-size:.75rem;padding:5px}.empty-history{border:1px dashed #81618e;border-radius:8px;padding:25px}.share-code{font:500 2rem 'Space Grotesk',sans-serif;color:var(--lime);letter-spacing:.08em;background:#1c1327;border:1px dashed #715786;padding:22px;border-radius:10px;text-align:center}.share-input{display:block;width:100%;background:#1c1228;color:#d5b6ed;border:1px solid #806096;border-radius:6px;padding:12px;font-size:.875rem}.audio-art{display:flex;gap:7px;height:85px;justify-content:center;align-items:center;border-radius:10px;background:#20152e;color:var(--purple);font-size:3rem;line-height:1;margin:20px 0}.audio-row{padding:19px 0;border-bottom:1px solid #614677}.audio-row small{max-width:310px;color:#9e81b1}.audio-row input:checked{background:var(--lime);border-color:var(--lime)}.audio-row input:checked:after{background:#566c32}#volume{width:100%;accent-color:var(--purple);height:34px;cursor:pointer}.how-step{display:flex;gap:20px;margin:23px 0}.how-step>b{font:500 1.2rem 'Space Grotesk',sans-serif;color:var(--purple);padding-top:2px}.how-step h3{margin:0;font-size:1rem}.how-step p{margin:5px 0;font-size:.875rem;color:#b397c5}.example-box{background:#463150;border-left:3px solid var(--lime);padding:18px 20px;border-radius:0 7px 7px 0}.example-box strong{font-size:.9375rem;color:#dacfbe}.example-box p{font-size:.875rem;margin:8px 0 0;color:#c2adc8}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:23px}.source-list{padding-left:19px;font-size:.875rem;line-height:1.8;color:#c8aadf}.source-list li{margin:10px 0}.api-table{overflow:auto;margin-top:18px}.api-table table{border-collapse:collapse;width:100%;font-size:.8125rem;line-height:1.7}.api-table td,.api-table th{border:1px solid #634871;text-align:left;padding:10px 12px;vertical-align:top}.api-table th{background:#432951;font-weight:500}.api-table code{overflow-wrap:anywhere}dialog code{font-size:.8125rem;background:#493450;padding:2px 4px;border-radius:3px;color:#d8b6ee}#final-digits .digit-deck{margin-top:24px;gap:12px}#final-digits .digit-value{font-size:3.9rem}
@media(min-width:1450px){.game-layout{grid-template-columns:minmax(0,1fr) 345px}.proposal-panel{padding:28px 30px}.digit-value{font-size:5.2rem}}
@media(max-width:1150px){.site-header{padding:20px 28px}.setup-layout{gap:42px}.game-layout{grid-template-columns:minmax(0,1fr) 294px;gap:20px}.proposal-panel{padding:22px 20px}.digit-deck{gap:12px}.digit-value{font-size:4rem}.digit-top{padding:10px 10px 0}.digit-picks{padding:5px;gap:1px}.board-section-title{align-items:flex-start;flex-direction:column;gap:7px}.board-section-title p{text-align:left;max-width:none}.verifier-grid{gap:16px}.verifier-top{padding:13px 12px;gap:8px}.verifier-top h3{font-size:.875rem}.letter-badge{width:31px;height:31px;font-size:1rem}.verifier-top .eyebrow{font-size:.75rem}.rule-options{padding:8px 10px 12px}.rule-option{font-size:.75rem;gap:7px}.test-button{padding:10px 12px;margin:2px 12px 13px}.notebook{padding:19px 14px}.notebook-title h2{font-size:1.1rem}.game-head-actions{gap:7px}.game-head-actions button{font-size:.8125rem;padding:10px 13px}.card-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.result-banner{gap:17px}.result-banner h2{font-size:1.4rem}.result-glyph{font-size:2.7rem}.daily-screen{gap:40px}}
@media(max-width:940px){main{padding:32px 24px 24px}.brand small{display:none}.site-header{padding:18px 24px}.site-header nav button{padding:9px 16px}.game-layout{grid-template-columns:minmax(0,1fr)}.notebook{position:static;padding:24px}.notebook-title h2{font-size:1.4rem}.saved-label{font-size:.75rem}.log-scroll{max-height:260px}.notebook-tabs button{font-size:.875rem}.log-scroll th{font-size:.75rem}.log-key{font-size:.75rem}.empty-notes>span{display:none}.empty-notes p br{display:none}.log-scroll .empty-notes{padding:20px}.notebook-foot{font-size:.75rem}.digit-value{font-size:5rem}.verifier-top h3{font-size:1.05rem}.rule-option{font-size:.875rem}.board-section-title{flex-direction:row;align-items:center}.board-section-title p{max-width:340px;text-align:right}.setup-layout{gap:28px}.setup-panel h1{font-size:3rem}.daily-feature{padding:23px}.daily-feature h2{font-size:1.8rem}.join-panel{padding:23px}.mode-choice{padding:14px 10px}.mode-choice strong{font-size:.875rem}.mode-choice small{font-size:.75rem}.daily-screen{margin:35px auto 60px;gap:35px}.daily-panel{padding:27px}.daily-intro h1{font-size:2.8rem}.selected-bar{flex-wrap:wrap}.selected-bar>div:first-child{min-width:120px}.selected-bar .primary{margin-left:auto}.game-head{margin-bottom:24px}.result-banner .primary{font-size:.8125rem;padding:10px 13px}}
@media(max-width:720px){.site-header{flex-wrap:wrap;gap:18px;padding:17px 20px}.site-header nav{order:3;width:100%;justify-content:space-between;border-radius:10px;gap:4px}.site-header nav button{border-radius:7px;flex:1}.brand{font-size:1.3rem}.header-tools{margin-left:auto}.setup-layout{grid-template-columns:1fr;max-width:540px;margin:0 auto 30px;gap:30px}.setup-panel h1{font-size:3.9rem}.setup-panel h1 br{display:none}.setup-panel>.lead br{display:none}.setup-panel>.lead{margin-bottom:28px}.setup-side{padding:0;gap:23px}.daily-feature{padding:26px;transform:none}.daily-feature h2{font-size:2.1rem}.feature-icon{font-size:4.5rem}.mode-choice{padding:17px 14px}.mode-choice strong{font-size:1rem}.mode-choice small{font-size:.75rem}.setting{margin:24px 0}.daily-feature .dark-button{font-size:.875rem}.daily-screen{display:block;max-width:540px;margin:5px auto 45px}.daily-intro{margin-bottom:32px}.daily-intro>.feature-icon{font-size:4rem;margin-bottom:13px}.daily-intro h1{font-size:3rem}.daily-intro h1 br{display:none}.daily-intro .lead br{display:none}.daily-panel{padding:28px}.daily-panel h2{font-size:2rem}.game-head{align-items:flex-start;flex-direction:column;gap:16px}.game-head-actions{width:100%;justify-content:space-between}.game-head h1{font-size:1.8rem;margin-top:11px}.game-badges{gap:8px}.game-badges>span:not(.pill)+span:before{margin-right:7px}.digit-value{font-size:4.5rem}.board-section-title{align-items:flex-start;flex-direction:column;gap:9px}.board-section-title p{text-align:left;max-width:none}.card-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.creator-controls{gap:18px}.page-title .big-glyph{display:none}.page-title{margin:5px 0 28px}.page-title h1{font-size:2.5rem}.catalog-heading{align-items:flex-start;flex-direction:column;gap:9px}.selected-bar{padding:17px;gap:17px}.selected-bar>.primary{width:100%}.result-banner{flex-wrap:wrap;padding:23px}.result-banner .primary{margin-left:0}.result-banner h2{font-size:1.6rem}.result-banner h2 .code-inline{font-size:1.8rem}.result-banner>div{flex:1;min-width:200px}footer{flex-direction:column;align-items:flex-start;padding:20px 24px;gap:4px}.history-list article{flex-wrap:wrap}.history-list article>div{width:100%;flex:auto}.history-list .secondary{min-height:40px}}
@media(max-width:500px){main{padding:25px 16px 20px}.site-header{padding:16px;gap:15px}.brand{font-size:1.2rem}.brand-icon{font-size:2.3rem}.site-header nav button{padding:9px 10px;font-size:.875rem;min-height:40px}.header-tools button{height:35px;width:35px}.setup-panel h1{font-size:3.3rem;line-height:1.02;margin-top:16px;max-width:330px}.setup-panel>.lead{font-size:.9375rem;margin-bottom:25px}.mode-cards{gap:8px}.mode-choice{padding:15px 10px}.mode-choice strong{font-size:.875rem}.mode-choice small{font-size:.75rem;line-height:1.6}.mode-icon{font-size:1.7rem}.setting-note{font-size:.875rem}.segment label{font-size:.875rem;padding:9px 8px}.daily-feature{padding:25px}.join-panel{padding:25px}.daily-screen{margin-top:2px}.daily-intro h1{font-size:2.8rem}.daily-panel{padding:25px}.game-head h1{font-size:1.6rem}.game-badges .pill{font-size:.75rem}.game-badges>span{font-size:.75rem}.game-head-actions .secondary{font-size:.875rem}.game-head-actions .text-button{font-size:.8125rem}.proposal-panel{padding:18px 13px;border-radius:12px}.proposal-heading{margin-bottom:19px;gap:10px}.proposal-heading h2{font-size:1.3rem}.proposal-heading .eyebrow{font-size:.75rem;letter-spacing:.08em}.score-strip{gap:17px}.score-strip small{font-size:.75rem;letter-spacing:.06em}.score-strip strong{font-size:1.6rem}.digit-deck{gap:9px}.digit-top{padding:10px 8px 0;gap:4px;font-size:.75rem}.digit-top>span:first-child{font-size:.875rem}.tile-index{display:none}.digit-value{font-size:4rem;padding:4px 0 9px}.digit-picks{gap:0;padding:4px 2px}.digit-picks button{font-size:.875rem;min-height:39px}.proposal-state{font-size:.75rem;margin-top:21px;align-items:flex-start;gap:9px}.proposal-state>span{max-width:180px;line-height:1.6}.test-slots{gap:4px;margin-top:1px}.test-slots b{width:17px;height:19px}.test-slots small{font-size:.75rem;margin-left:3px}.round-actions{gap:10px;margin-top:17px}.round-actions button{padding:12px 13px;font-size:.8125rem;gap:10px;min-height:46px}.verifier-grid{grid-template-columns:1fr;gap:22px}.board-section-title{margin-top:29px}.board-section-title h2{font-size:1.25rem}.board-section-title p{font-size:.875rem}.verifier-top{padding:16px;gap:12px}.letter-badge{width:37px;height:37px;font-size:1.2rem}.verifier-top h3{font-size:1.125rem}.verifier-top .eyebrow{font-size:.75rem}.result-lamp{width:12px;height:12px}.card-art-button{padding:12px 12px 0}.card-art-button>span{font-size:.75rem;padding:10px 5px}.rule-options{padding:8px 16px 15px}.rule-option{font-size:.875rem;padding:9px 3px;min-height:42px}.note-dot{width:18px;height:18px;min-width:18px}.test-button{font-size:1rem;padding:12px 16px;min-height:47px;margin:0 16px 18px}.test-button>span:last-child{font-size:.9375rem}.candidate-tabs{padding:13px 14px 4px;gap:8px}.candidate-tabs button{font-size:.875rem;padding:8px 13px;min-height:40px}.candidate-tabs>span{font-size:.75rem;max-width:110px}.nightmare-pick{padding:13px 16px 4px;font-size:.875rem}.nightmare-pick select{font-size:.875rem;padding:11px 9px}.mark-help{font-size:.75rem}.notebook{padding:23px 18px}.saved-label{font-size:.75rem}.notebook-title h2{font-size:1.3rem}.notebook-title{gap:9px}.log-scroll th{font-size:.75rem}.creator-controls{display:block}.creator-controls .setting{margin-bottom:22px}.page-title h1{font-size:2.5rem;line-height:1.05}.page-title .lead{font-size:.9375rem}.selected-bar>.selected-chips{flex-basis:100%}.catalog-heading h2{font-size:1.2rem}.catalog-caption{padding:10px 9px;gap:7px;flex-wrap:wrap;min-height:86px}.catalog-caption strong{font-size:.75rem;line-height:1.5;min-width:75px}.catalog-caption>span:last-child{display:none}.catalog-image{padding:5px}.card-number{font-size:.75rem;min-width:26px}.inspect-card{font-size:.75rem;min-height:38px}.catalog-note{font-size:.8125rem}.card-catalog{gap:12px}.result-banner{padding:20px;gap:17px}.result-banner>div{min-width:150px}.result-banner h2 .code-inline{display:flex;width:max-content;margin:8px 0;font-size:2.3rem}.result-banner h2{font-size:1.7rem}.result-glyph{font-size:2.9rem}dialog{padding:31px 23px 25px;width:calc(100% - 20px);max-height:calc(100dvh - 28px);border-radius:13px}dialog.wide{width:calc(100% - 20px)}dialog h2{font-size:1.9rem}dialog p{font-size:.875rem}.dialog-close{right:10px;top:8px}.dialog-actions{flex-wrap:wrap;gap:10px}.dialog-actions>button{padding:12px 16px}.how-step{gap:15px}.readable-options{grid-template-columns:1fr}.readable-options p{font-size:.875rem}.share-code{font-size:1.8rem;padding:18px}.history-list article{padding:15px}.audio-row{font-size:.875rem;gap:13px}.audio-row small{font-size:.75rem}.audio-art{height:70px}.api-table th,.api-table td{padding:9px;font-size:.75rem}#final-digits .digit-deck{gap:8px}#final-digits .digit-value{font-size:3.5rem}#final-digits .digit-top{font-size:.75rem;padding-left:6px;padding-right:6px}#final-digits .digit-picks button{font-size:.8125rem}footer{padding:19px 16px;font-size:.75rem}#toast{font-size:.8125rem;padding:13px 18px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.daily-feature{transform:none}}

/* Essential controls remain readable at every breakpoint. */
.rule-option,.catalog-caption strong,.candidate-tabs button,.nightmare-pick,.nightmare-pick select,.round-actions button,.game-head-actions button,.digit-picks button{font-size:.875rem}
.mode-choice small{font-size:.875rem;line-height:1.45}.candidate-tabs{flex-wrap:wrap}.candidate-tabs>span{max-width:none;flex-basis:100%;text-align:left;margin:0}.digit-picks button{min-width:0}.digit-tile{min-width:0}.setup-panel>.lead,.daily-intro .lead,.page-title .lead,dialog p{font-size:1rem}
.notebook :is(.saved-label,.log-scroll th,.empty-notes p,.notebook-foot,.muted,.switch-label small,.input-label){color:#735d80}.notebook-tabs button{color:#715782;font-size:.875rem}.log-key{color:#755d81}.notebook .hint-button,.candidate-details summary{font-size:.875rem}.candidate-tabs>span,.nightmare-pick{color:#735b80}.card-art-button>span,.card-art-button>span>span,.verifier-top .eyebrow{color:#725680}.unknown-card p{color:#776082}.catalog-caption strong{color:#4f3b59}.result-banner:not(.victory) .c0{color:#82c7f3}.result-banner:not(.victory) .c1{color:#f6ce65}.result-banner:not(.victory) .c2{color:#cdb0fc}.audio-art{font-family:system-ui,sans-serif}

/* Typeset criteria: a usable card face, with no image dependency. */
.verifier{overflow:hidden;background:#f8f4eb}
.verifier-top{background:#eee9df;border-bottom:1px solid #d6cebe}
.verifier-top h3{font-size:.9375rem;line-height:1.35;color:#493c50}
.criteria-heading{display:flex;gap:12px;align-items:flex-start;padding:20px 18px 16px;color:#2e2838;position:relative;border-bottom:1px solid #ddd5c7;min-height:110px;background:#f8f4eb}
.criteria-number{display:grid;place-items:center;flex:0 0 35px;min-height:40px;font:600 1.15rem 'Space Grotesk',sans-serif;border:1px solid #c9c0ad;border-radius:5px;color:#6e6557;box-shadow:0 2px 0 #d4cabc}
.criteria-heading>div{min-width:0}.criteria-heading .eyebrow{font-size:.75rem;color:#756b7c;letter-spacing:.1em;line-height:1.4}
.criteria-heading p{font-size:1.0625rem;font-weight:650;line-height:1.4;margin:7px 0 0;color:#352d40}
.criteria-glyph{display:none}.criteria-subhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 18px 3px;color:#7d7270;font-size:.75rem;letter-spacing:.06em}
.criteria-subhead .text-button{color:#6a497d;font-size:.875rem;padding:9px 0;letter-spacing:0;white-space:nowrap}
.rule-options{display:flex;flex-direction:column;gap:7px;padding:7px 16px 18px}
.rule-option{display:flex;align-items:center;gap:11px;width:100%;background:#fffdf7;border:1px solid #ded5c8;border-radius:8px;padding:12px 11px;min-height:52px;text-align:left;color:#3e3746;font-size:1rem;line-height:1.5;transition:background .14s,transform .14s}
.rule-option:hover:not(:disabled){background:#ede5f5;border-color:#bca7ca;transform:translateX(2px)}
.condition-label{flex:1}.condition-index{font:500 .75rem 'Space Grotesk',sans-serif;color:#938a94;align-self:flex-start;margin-top:3px}
.shape-word{white-space:nowrap;font-weight:650}.shape-word.c0{color:#126589}.shape-word.c1{color:#81600a}.shape-word.c2{color:#75509a}
.note-dot{display:grid;place-items:center;width:21px;height:21px;min-width:21px;border:1px solid #bcb3c1;border-radius:50%;color:#695275}
.rule-option.crossed .condition-label{text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.55}.rule-option.crossed{background:#ebe5e1}
.rule-option.chosen{background:#e8f1d8;border-color:#9eb77b}.rule-option.chosen .note-dot,.rule-option.actual .note-dot{background:#5c7c35;color:white;border-color:#5c7c35}
.rule-option.auto-eliminated{opacity:.55;background:#ebe5e1}.rule-option.auto-eliminated .condition-label{text-decoration:line-through}.rule-option.actual{opacity:1;background:#dfedc8;border:2px solid #7c9c56}
.rule-option:disabled{cursor:default}.verifier .test-button{font-size:1rem;min-height:49px;margin:0 16px 18px}.verifier .test-button:disabled{opacity:.85}
.readable-criteria{background:#f8f4eb;border:1px solid #ded5c7;border-radius:12px;overflow:hidden}.readable-criteria .criteria-heading{border:0;padding-bottom:8px}.readable-options{padding:12px 18px 20px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.readable-options p{display:flex;gap:12px;align-items:flex-start;background:#fffdf7;color:#3e3746;border-color:#ded5c8;font-size:1rem;line-height:1.55;padding:13px}.option-index{font:500 .75rem 'Space Grotesk',sans-serif;color:#847887;padding-top:5px}
.criteria-preview{display:flex;flex-direction:column;justify-content:space-between;gap:13px;padding:18px;min-height:160px;background:#f8f4eb;text-align:left;border-bottom:1px solid #d8cfbf}
.preview-category{font-size:.75rem;letter-spacing:.08em;color:#74697d}.preview-rule{font-size:1.0625rem;line-height:1.55;font-weight:600;color:#433a4c}.preview-options{font-size:.875rem;color:#7a6f7e}
.catalog-caption{min-height:85px}.catalog-caption strong{font-size:.9375rem;line-height:1.4}.inspect-card{font-size:.875rem;min-height:43px}.catalog-card.unavailable{opacity:.4}.catalog-card.is-selected .criteria-preview{background:#e9f0d8}.card-catalog{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.check-preference{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;border:1px solid #574165;border-radius:9px;padding:11px 15px;background:#241c31}
.check-preference .switch-label{font-size:.875rem;flex-direction:row-reverse}.check-preference .text-button{font-size:.875rem;padding:7px 0}.check-preference input:checked{background:#b4d976;border-color:#b4d976}.check-preference input:checked:after{background:#385327}
.portable-code{margin-top:20px}.portable-code summary{cursor:pointer;font-size:.875rem}.portable-code textarea{margin-top:12px;min-height:80px;overflow-wrap:anywhere}.puzzle-hash{overflow-wrap:anywhere}.resume-card strong{overflow-wrap:anywhere}.code-input input{min-width:0;text-transform:none;font-size:.9375rem}

/* All layers share the same coordinates, so the holes actually intersect. */
.punch-dialog{width:min(590px,calc(100% - 24px));padding:24px 26px 22px;overflow-x:hidden;background:#241d32;border-color:#866d9b}
.punch-dialog::backdrop{background:#100c19d9;backdrop-filter:blur(9px)}
.punch-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.punch-top .eyebrow{font-size:.75rem;letter-spacing:.13em}.punch-top button{padding:8px;font-size:.875rem}.punch-dialog h2{font-size:1.65rem;margin:12px 0 0}
.punch-stage{height:365px;position:relative;isolation:isolate;margin:8px -8px 0;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,#55436155,transparent 70%)}
.punch-card,.punch-result-plate,.hole-ring{position:absolute;left:50%;top:20px;width:min(300px,78%);aspect-ratio:300/340;transform:translateX(-50%);pointer-events:none}
.punch-card svg,.punch-result-plate svg{display:block;width:100%;height:100%}.punch-card{opacity:0;transition:transform .44s cubic-bezier(.22,.85,.28,1),opacity .18s;filter:drop-shadow(0 3px 1px #0004)}
.punch-card-0{z-index:5;transform:translate(-88%,-30px) rotate(-16deg)}.punch-card-1{z-index:4;transform:translate(-10%,-5px) rotate(13deg)}.punch-card-2{z-index:3;transform:translate(-35%,40px) rotate(9deg)}
.punch-stage:is([data-stage="1"],[data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) .punch-card-0,
.punch-stage:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) .punch-card-1,
.punch-stage:is([data-stage="3"],[data-stage="4"],[data-stage="5"]) .punch-card-2{opacity:1;transform:translateX(-50%) rotate(0deg)}
.punch-result-plate{z-index:2;opacity:0;transition:opacity .3s}.aperture-result{opacity:0}.punch-stage:is([data-stage="4"],[data-stage="5"]) .punch-result-plate{opacity:1}.punch-stage[data-stage="5"] .aperture-result{opacity:1}
.verifier-sleeve{position:absolute;top:70px;left:50%;width:min(292px,76%);height:250px;background:#272c3e;border:1px solid #78868b;border-radius:12px;z-index:1;transform:translate(45%,35px) rotate(9deg);opacity:0;transition:transform .6s cubic-bezier(.22,.85,.28,1),opacity .3s;color:#c6e596;padding:20px}
.verifier-sleeve>span{position:absolute;right:-29px;bottom:20px;padding:12px 9px;background:#c5df94;color:#334423;border-radius:0 7px 7px 0;font:700 1.2rem 'Space Grotesk',sans-serif}.verifier-sleeve small{font-size:.75rem;letter-spacing:.14em}.verifier-sleeve i{display:block;font-size:7rem;font-style:normal;text-align:center;opacity:.6}
.punch-stage:is([data-stage="4"],[data-stage="5"]) .verifier-sleeve{opacity:1;transform:translateX(-50%) rotate(0deg)}
.hole-ring{z-index:6;opacity:0;transition:opacity .25s}.hole-ring:after{content:'';position:absolute;left:var(--hole-x);top:var(--hole-y);width:29px;height:27px;transform:translate(-50%,-50%);border:2px solid #a0cb5d;border-radius:8px;box-shadow:0 0 0 5px #a0cb5d22}
.punch-stage[data-stage="5"] .hole-ring{opacity:1}
.punch-caption{text-align:center;min-height:112px}.punch-step{display:block;font-size:.75rem;letter-spacing:.1em;color:#ad97c0;margin-bottom:10px}.punch-caption strong{font-size:1.125rem;font-weight:600;color:#efe6f6}.punch-caption strong.good{color:#c3e88c}.punch-caption strong.bad{color:#ffa7ad}.punch-caption p{font-size:.9375rem;margin:8px 0 0;color:#baacc4;line-height:1.5}
.punch-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #574361;padding-top:17px}.punch-footer .switch-label{font-size:.875rem;gap:12px}.punch-continue{padding:10px 13px;font-size:.875rem}.punch-footer [hidden]{display:none}
@media(max-width:600px){.readable-options{grid-template-columns:1fr}.check-preference{flex-wrap:wrap}.criteria-heading p{font-size:1.0625rem}.card-catalog{grid-template-columns:1fr 1fr}.criteria-preview{padding:13px;min-height:174px}.preview-rule{font-size:1rem}.catalog-caption{min-height:100px}.catalog-caption strong{font-size:.875rem}.inspect-card{font-size:.875rem}.punch-dialog{padding:19px 17px}.punch-stage{height:330px}.punch-dialog h2{font-size:1.4rem}.punch-footer{flex-wrap:wrap}.punch-caption{min-height:114px}.punch-top .eyebrow{font-size:.75rem;letter-spacing:.07em}}
@media(max-width:380px){.card-catalog{grid-template-columns:1fr}.criteria-preview{min-height:145px}.catalog-caption{min-height:70px}.punch-stage{height:290px}.verifier-sleeve{height:205px}.punch-top{gap:4px}}
@media(prefers-reduced-motion:reduce){.punch-card,.verifier-sleeve,.punch-result-plate,.hole-ring{transition:none!important}.rule-option:hover{transform:none}}
/* The tray advances only through an explicit click or a drop onto the stack. */
.punch-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;z-index:10;margin:0 0 18px}
.tray-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #ad94c1;border-radius:9px;background:#3d2f4e;color:#f1e7f9;padding:6px;min-width:0;touch-action:none;user-select:none;cursor:grab;transition:background .15s,opacity .15s;box-shadow:0 3px 0 #151021}
.tray-card svg{height:83px;max-width:100%;pointer-events:none}.tray-card span{font-size:.875rem;line-height:1.3}.tray-card:disabled{opacity:.32;cursor:default}.tray-card.placed{opacity:.22}.tray-card:not(:disabled){outline:2px solid #d9fc7c;outline-offset:3px}.tray-card:hover:not(:disabled){background:#554061}.tray-card.dragging{z-index:20;cursor:grabbing;transition:none;box-shadow:0 12px 22px #0006}.tray-verifier b{height:83px;display:grid;place-items:center;font-size:2.5rem;color:#d9fc7c}.punch-stage.drop-ready{outline:2px dashed #d9fc7c;outline-offset:-5px;background:#53603c44}.punch-dialog .punch-stage{height:330px}.punch-dialog .punch-card,.punch-dialog .punch-result-plate,.punch-dialog .hole-ring{width:min(270px,78%);top:8px}.punch-dialog .verifier-sleeve{top:54px;height:230px;width:min(263px,76%)}.punch-caption{min-height:100px}.punch-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}
@media(max-width:600px){.punch-tray{gap:9px}.tray-card{padding:5px 3px}.tray-card svg,.tray-verifier b{height:66px}.tray-card span{font-size:.875rem}.punch-dialog .punch-stage{height:295px}.punch-dialog .punch-card,.punch-dialog .punch-result-plate,.punch-dialog .hole-ring{width:min(240px,76%)}.punch-dialog .verifier-sleeve{height:202px;width:min(234px,74%)}.punch-caption p{font-size:.875rem}}
@media(max-height:740px){.punch-dialog .punch-stage{height:235px}.punch-dialog .punch-card,.punch-dialog .punch-result-plate,.punch-dialog .hole-ring{width:195px}.punch-dialog .verifier-sleeve{width:189px;height:163px;top:41px}.tray-card svg,.tray-verifier b{height:53px}.punch-caption{min-height:90px}.punch-dialog{padding-top:15px;padding-bottom:15px}}

/* Board-game notation: coloured shapes, equations and small pattern diagrams. */
.verifier,.readable-criteria{container-type:inline-size}
.verifier-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))}
.verifier .verifier-top{padding:12px 16px;min-height:63px;background:#eee8df}.verifier-top h3{font-size:.875rem;color:#756879;font-weight:500;margin-top:3px}.verifier-top .eyebrow{color:#584662;font-size:.875rem;font-weight:700}
.visual-heading.criteria-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:10px 12px;padding:17px 19px 13px;margin:12px 12px 0;border:0;border-radius:10px;min-height:0;background-color:#142c3b;background-image:radial-gradient(#93b0bd18 1px,transparent 1px);background-size:9px 9px;color:#f3e9d9}
.visual-heading .criteria-heading-copy{min-width:0}.visual-heading .eyebrow{font-size:.75rem;letter-spacing:.13em;line-height:1.4;color:#a8c0c8}.visual-heading p{font-size:1.0625rem;line-height:1.35;font-weight:650;color:#f7e9d5;margin:6px 0 0;max-width:390px}
.visual-heading .criteria-number{min-height:35px;height:35px;width:38px;min-width:0;border:0;border-radius:6px;background:#d5e999;color:#344331;box-shadow:0 3px 0 #78955a;font:700 1.125rem 'Space Grotesk',sans-serif;align-self:start}
.criteria-subject{grid-column:1/-1;display:flex;justify-content:center;min-height:64px}.criteria-subject .rule-diagram{height:66px;width:auto;max-width:100%}
.rule-diagram{display:block;width:100%;height:65px;max-width:210px;margin:0 auto;overflow:visible}
.v-ink{fill:#303849}.v-operator{fill:#4c4c62}.v-tile{fill:#ece4d8;stroke:#d7cdbd;stroke-width:1}.v-badge{fill:#e6e2ec}.v-muted{fill:#8d8192}.v-stroke{stroke:#b8aebd}.v-linked{stroke:#61944c;fill:#61944c}
.visual-heading .v-ink,.visual-preview .v-ink{fill:#f9e5c9}.visual-heading .v-operator,.visual-preview .v-operator{fill:#f5b267}.visual-heading .v-tile,.visual-preview .v-tile{fill:#2a4150;stroke:#536876}.visual-heading .v-badge,.visual-preview .v-badge{fill:#2b4053}.visual-heading .v-stroke,.visual-preview .v-stroke{stroke:#7a919e}
.rule-options.visual-options,.readable-options.visual-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 14px 12px;align-content:start;flex:0 1 auto}
.visual-options:is(.options-2,.options-4){grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-options .rule-option,.readable-option{display:block;position:relative;min-width:0;min-height:144px;padding:26px 7px 12px;border:1px solid #d9d0c4;border-radius:8px;background:#fffdf6;text-align:center;margin:0;line-height:1.4;color:#413c48}
.visual-options .rule-option:hover:not(:disabled){transform:translateY(-2px);background:#f2eedf;border-color:#aaa477;box-shadow:0 4px 0 #c1bd9d50}
.visual-options .note-dot{position:absolute;left:8px;top:8px;width:16px;height:16px;min-width:16px;border-radius:4px;font-size:.75rem}.visual-options .condition-index,.readable-option .option-index{position:absolute;right:9px;top:8px;margin:0;font-size:.75rem;padding:0;line-height:1;color:#9d92a0}
.option-artwork{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.visual-caption{display:block;font-size:.875rem;font-weight:650;line-height:1.35;text-wrap:pretty}.visual-note{display:block;font-size:.75rem;font-weight:400;line-height:1.4;color:#85778d;text-wrap:pretty}
.visual-options .rule-option.crossed .option-artwork,.visual-options .rule-option.auto-eliminated .option-artwork{opacity:.4;filter:grayscale(.75)}.visual-options .rule-option.crossed{background:#e9e2df}.visual-options .rule-option.crossed .note-dot{background:#b4737d;border-color:#b4737d;color:white}.visual-options .rule-option.chosen{background:#eaf0d4;border-color:#8eaa65}.visual-options .rule-option.actual{border:2px solid #79a04a;background:#e8efcc}.visual-options .rule-option.actual .option-artwork{opacity:1;filter:none}.visual-options .rule-option:disabled{opacity:1}
.criteria-reference{display:flex;justify-content:flex-end;margin:0 16px 14px}.original-card-link{color:#715780;font-size:.8125rem;line-height:1.5;text-decoration:underline;text-underline-offset:3px}.original-card-link:hover{color:#44304f}.criteria-subhead{padding:6px 15px 0;font-size:.75rem;letter-spacing:.07em}.criteria-subhead .text-button{font-size:.8125rem}.verifier>.test-button{margin-top:auto}
.readable-criteria .visual-heading{padding:22px 23px 14px}.readable-criteria .criteria-subject{min-height:82px}.readable-criteria .criteria-subject .rule-diagram{height:82px}.readable-options.visual-options{padding:15px;gap:12px}.readable-option{padding:24px 12px 16px;min-height:162px}.readable-option .rule-diagram{height:77px}.readable-option .visual-caption{font-size:1rem}.readable-option .visual-note{font-size:.875rem}
.criterion-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:20px 0 0;font-size:.875rem;font-weight:600}.original-reference .original-card-link{color:#d0b7e6;font-size:.9375rem}.original-reference>span{font-size:.8125rem;color:#a18daf}
.criteria-preview.visual-preview{background:#142c3b;background-image:radial-gradient(#93b0bd18 1px,transparent 1px);background-size:9px 9px;min-height:169px;padding:16px 14px;gap:8px}.visual-preview .preview-category{color:#aac2cb;font-size:.75rem;letter-spacing:.1em}.visual-preview .preview-rule{display:flex;align-items:center;min-height:70px;width:100%}.visual-preview .rule-diagram{height:67px;max-width:240px}.visual-preview .preview-options{color:#d0cbbb;font-size:.75rem}.catalog-card.is-selected .visual-preview{background-color:#223d39}.catalog-caption{padding:14px;min-height:86px}.catalog-caption strong{font-size:.875rem}.catalog-reference{padding:0 13px 13px;display:flex;justify-content:center}.catalog-reference .original-card-link{font-size:.75rem}.catalog-card .inspect-card{min-height:42px;font-size:.8125rem}.catalog-card{overflow:hidden}
@container (max-width:330px){.rule-options.visual-options,.readable-options.visual-options{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-heading.criteria-heading{padding:14px}.visual-heading p{font-size:1rem}.visual-options .rule-option{min-height:140px}}
@media(max-width:600px){.verifier-grid{grid-template-columns:1fr}.visual-heading.criteria-heading{margin:10px 10px 0;padding:16px}.readable-criteria .visual-heading{padding:17px}.criteria-subject .rule-diagram{height:63px}.visual-caption{font-size:.875rem}.rule-options.visual-options{gap:7px;padding:8px 12px 12px}.visual-options .rule-option{padding-left:5px;padding-right:5px}.criteria-preview.visual-preview{min-height:157px}.visual-preview .rule-diagram{height:61px}.catalog-reference{padding:0 8px 12px}}
@media(prefers-reduced-motion:reduce){.visual-options .rule-option:hover:not(:disabled){transform:none}}

/* Chunky number tabs and clear result stamps. */
.digit-deck{gap:20px;padding:5px 3px 8px}.digit-tile{--card-color:#5cb8dd;--card-edge:#297b9b;--card-ink:#143c50;--lean:-1deg;background:var(--card-color);color:var(--card-ink);border:2px solid #ffffff7a;border-radius:19px 19px 12px 12px;box-shadow:0 6px 0 var(--card-edge),0 10px 0 #09071566;transform:rotate(var(--lean));transition:transform .2s,box-shadow .2s;overflow:hidden}
.digit-tile.tile-1{--card-color:#efbd43;--card-edge:#a97620;--card-ink:#553e10;--lean:1deg}.digit-tile.tile-2{--card-color:#a28bd5;--card-edge:#695399;--card-ink:#392552;--lean:-.7deg}.digit-tile.is-locked{transform:rotate(0deg)}
.digit-top{padding:13px 15px 0;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.digit-top>span:first-child{font-size:1.45rem;line-height:1}.digit-top .tile-index{border:1px solid #0003;border-radius:5px;padding:2px 5px;opacity:.6;font-size:.75rem}
.digit-value{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin:9px 9px 0;padding:4px 0 15px;background-image:radial-gradient(#ffffff25 1px,transparent 1px);background-size:11px 11px;border-radius:10px;color:#fff9e9;font-size:1rem}
.number-glyph{display:block;width:auto;height:112px;overflow:visible}.digit-value .number-glyph{filter:drop-shadow(0 3px 0 #0002);transform:rotate(-2deg)}.tile-1 .number-glyph{transform:rotate(2deg)}.digit-pips{display:flex;gap:7px;justify-content:center}.digit-pips i{display:block;width:7px;height:7px;border:1px solid #0003;border-radius:50%;background:#0001;box-shadow:inset 0 1px 1px #0002}.digit-pips i.lit{background:#fff6d6;border-color:#fff9e980;box-shadow:0 1px 0 #0002}
.digit-picks{padding:9px 8px;gap:6px;background:#0000000c;border-top:1px dashed #0003}.digit-picks button{font-weight:750;min-height:39px;border-radius:7px;color:var(--card-ink);font-size:1rem}.digit-picks button[aria-pressed=true],.tile-1 .digit-picks button[aria-pressed=true],.tile-2 .digit-picks button[aria-pressed=true]{background:#fff9e9;color:var(--card-ink);box-shadow:0 3px 0 #0003;outline:1px solid #0001}.digit-picks button:disabled:not([aria-pressed=true]){opacity:.42}
.code-inline.code-tabs{display:inline-flex;gap:2px;align-items:flex-end;vertical-align:middle;padding:0;background:none;border:0}.code-tabs>span{display:grid;place-items:center;width:20px;height:27px;padding:3px 4px;border-radius:5px 5px 2px 2px;background:#59afd0;color:#fff9e9!important;box-shadow:0 2px 0 #26768e}.code-tabs>span.c1{background:#e2af33;box-shadow:0 2px 0 #9c741b}.code-tabs>span.c2{background:#9378c2;box-shadow:0 2px 0 #634794}.code-tabs .number-glyph{width:100%;height:100%;transform:none}.result-banner .code-tabs{margin:4px 8px}.result-banner .code-tabs>span{width:36px;height:48px;padding:6px 8px}
.status-icon{display:block;width:100%;height:100%;overflow:visible}.result-stamp{display:inline-grid;place-items:center;flex-shrink:0;width:29px;height:29px;padding:3px;border-radius:8px;color:#fffaf0;background:#3c9a65;box-shadow:0 2px 0 #276341;border:1px solid #ffffff25;vertical-align:middle}.stamp-fail{background:#d45461;box-shadow:0 2px 0 #993444}.log-scroll .result-stamp{width:26px;height:26px;padding:2px;border-radius:7px}.log-scroll tbody td{padding:6px 1px;height:51px}.log-scroll tbody th{height:51px}.untested-mark{display:inline-block;width:26px;font-size:1.35rem;color:#b0a4bb}.log-key{align-items:center;gap:14px;flex-wrap:wrap}.log-key>span{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem}.log-key .result-stamp{width:21px;height:21px;padding:2px;border-radius:5px}
.test-result{display:inline-flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.04em}.test-button.pass{background:#d4eacb;color:#255b39;border-color:#97bf8e}.test-button.fail{background:#f2d5d7;color:#8d303e;border-color:#dba2ad}.test-button .result-stamp{width:32px;height:32px}.test-button>span:last-child{font-size:.8125rem}
.visual-options .rule-option{padding-top:43px}.visual-options .note-dot{width:28px;height:28px;min-width:28px;left:9px;top:9px;border-radius:7px;border:2px solid #bcb2c8;padding:2px;background:#f8f5eb}.visual-options .rule-option.crossed .note-dot{background:#d45461;border-color:#c64654;color:#fff9ef;box-shadow:0 2px 0 #943d48}.visual-options .rule-option.chosen .note-dot,.visual-options .rule-option.actual .note-dot{background:#3c9a65;border-color:#36845a;color:#fff9ef;box-shadow:0 2px 0 #276341}.visual-options .rule-option.auto-eliminated:not(.chosen):not(.crossed) .note-dot{color:#a94451;background:#f4dbe0;border-color:#d9a5af}.visual-options .condition-index{top:15px}
.punch-caption .punch-verdict{display:flex;align-items:center;justify-content:center;gap:14px;font-size:1.8rem;font-weight:800;letter-spacing:.05em}.punch-verdict .result-stamp{width:58px;height:58px;padding:7px;border-radius:15px;box-shadow:0 4px 0 #205238}.punch-verdict .stamp-fail{box-shadow:0 4px 0 #84333c}.punch-caption:has(.punch-verdict){padding-bottom:14px}
.original-card-link{background:transparent;padding:3px 0;text-align:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.original-card-link:hover{background:transparent}
.original-card-dialog{width:min(900px,calc(100% - 24px));padding:22px;background:#241c31;border-radius:17px;max-height:calc(100dvh - 30px)}.original-card-dialog::backdrop{background:#100b1ddd;backdrop-filter:blur(7px)}.original-card-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.original-card-toolbar h2{font-size:1.35rem;margin:7px 0 0;line-height:1.4}.original-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#493650;color:#efe4f4;font-size:1.9rem;line-height:1}.original-image-frame{display:grid;place-items:center;min-height:180px;border-radius:12px;background:#f3f0e6;overflow:auto;padding:10px}.original-card-image{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;border-radius:7px}.original-image-state{padding:30px;color:#6a596f;max-width:450px;text-align:center}.original-card-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;flex-wrap:wrap}.original-card-footer>span{color:#a893b9;font-size:.8125rem}.original-card-footer .primary,.original-card-footer .secondary{min-height:40px;font-size:.875rem;padding:10px 16px}
@media(max-width:600px){.digit-deck{gap:12px}.digit-top{padding:11px 9px 0;font-size:.75rem;letter-spacing:.02em}.digit-top>span:first-child{font-size:1rem}.digit-value{margin:7px 4px 0;gap:9px;padding-bottom:12px}.digit-value .number-glyph{height:94px}.digit-pips{gap:5px}.digit-pips i{width:6px;height:6px}.digit-picks{padding:7px 4px;gap:2px}.digit-picks button{font-size:.875rem;min-height:37px}.digit-tile{border-radius:14px 14px 9px 9px}.original-card-dialog{padding:17px}.original-card-toolbar h2{font-size:1.1rem}.original-card-toolbar .eyebrow{font-size:.75rem}.original-image-frame{padding:5px}.original-card-footer .primary{margin-left:auto}.log-scroll .result-stamp{width:27px;height:27px}.log-key .result-stamp{width:22px;height:22px}.punch-verdict .result-stamp{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.digit-tile,.digit-value .number-glyph{transform:none;transition:none}}

.audio-check{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.audio-check p{flex:1}.audio-check button{flex-shrink:0}@media(max-width:480px){.audio-check{align-items:stretch;flex-direction:column}}

/* Catalogue captions sit on dark cards; keep their ink separate from paper verifiers. */
.catalog-card .catalog-caption strong{color:#f5f3fc;font-size:.875rem;font-weight:600;line-height:1.45}
.catalog-card .inspect-card{color:#d7c8e5;font-size:.875rem}
.catalog-reference .original-card-link{color:#d0b7e6;font-size:.875rem;min-height:40px;padding:8px 4px}
.catalog-reference .original-card-link:hover{color:#f2e6ff}
.catalog-card.unavailable{opacity:1}
.catalog-card.unavailable .catalog-pick{opacity:1;filter:none}
.catalog-card.unavailable .visual-preview{opacity:.55;filter:grayscale(.65)}
.catalog-card.unavailable .catalog-caption strong{color:#c2b7ce}

/* Shared, vibrant position colours and SVG marks with an identical footprint. */
:root{--axis-blue:#12b8f2;--axis-blue-edge:#056994;--axis-blue-ink:#082a40;--axis-yellow:#ffce29;--axis-yellow-edge:#9d6500;--axis-yellow-ink:#442600;--axis-purple:#ad62ff;--axis-purple-edge:#6923af;--axis-purple-ink:#26103d}
.shape-icon{display:inline-block;width:1.5rem;height:1.5rem;flex:0 0 1.5rem;vertical-align:middle;overflow:visible}
.digit-top>.shape-icon{width:1.5rem;height:1.5rem;flex-basis:1.5rem}
.eliminate>div>.deduction-shape{display:grid;place-items:center;min-width:30px;width:30px;line-height:1}
.deduction-shape .shape-icon{width:1.75rem;height:1.75rem}
.criterion-legend>span{display:inline-flex;align-items:center;gap:6px;color:var(--text)}
.shape-word .shape-icon{width:1.25em;height:1.25em;vertical-align:-.25em}
.digit-tile{--card-color:var(--axis-blue);--card-edge:var(--axis-blue-edge);--card-ink:var(--axis-blue-ink)}
.digit-tile.tile-1{--card-color:var(--axis-yellow);--card-edge:var(--axis-yellow-edge);--card-ink:var(--axis-yellow-ink)}
.digit-tile.tile-2{--card-color:var(--axis-purple);--card-edge:var(--axis-purple-edge);--card-ink:var(--axis-purple-ink)}
.digit-value{color:var(--card-ink)}
.digit-pips i.lit{background:var(--card-ink);border-color:var(--card-ink);box-shadow:none}
.digit-top .tile-index{opacity:1;border-color:#0004}
.code-tabs>span{background:var(--axis-blue);color:var(--axis-blue-ink)!important;box-shadow:0 2px 0 var(--axis-blue-edge)}
.code-tabs>span.c1{background:var(--axis-yellow);color:var(--axis-yellow-ink)!important;box-shadow:0 2px 0 var(--axis-yellow-edge)}
.code-tabs>span.c2{background:var(--axis-purple);color:var(--axis-purple-ink)!important;box-shadow:0 2px 0 var(--axis-purple-edge)}
@media(max-width:600px){.digit-top>.shape-icon{width:1.25rem;height:1.25rem;flex-basis:1.25rem}}

.audio-volume{margin:6px 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line)}.audio-volume label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem;color:#ddd3ed}.audio-volume output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--lime);font-weight:700}.audio-volume input{display:block;width:100%;height:30px;padding:0;margin:10px 0 0;accent-color:var(--purple);cursor:pointer}#sfx-volume{accent-color:var(--lime)}

/* Phone controls and navigation: keep the full game usable without sideways scrolling. */
.game-jump-nav{display:none}
.share-preview{display:block;width:100%;height:auto;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
@media(max-width:1150px){
  .digit-deck,#final-digits .digit-deck{grid-template-columns:minmax(0,1fr);gap:12px;padding:0}
  .digit-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;transform:none;border-radius:10px;box-shadow:0 3px 0 var(--card-edge)}
  .digit-top,#final-digits .digit-top{padding:8px 12px;gap:8px;font-size:.8125rem}
  .digit-value,#final-digits .digit-value{flex-direction:row;margin:0;padding:7px 12px;gap:8px;background:none}
  .digit-value .number-glyph{height:32px;transform:none}
  .digit-pips{display:none}
  .digit-picks{grid-column:1/-1;padding:5px;gap:4px}
  .digit-picks button,#final-digits .digit-picks button{min-height:44px;font-size:1rem}
}
@media(max-width:940px){
  .game-jump-nav{display:flex;position:sticky;top:0;z-index:20;gap:4px;padding:6px;margin:0 0 20px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 12px #0003}
  .game-jump-nav button{flex:1;min-width:0;min-height:44px;padding:10px 6px;border-radius:6px;background:var(--surface);color:var(--text);font-size:.875rem}
  .game-jump-nav button:hover{background:var(--surface2)}
  #game-proposal,#game-verifiers,#game-notebook{scroll-margin-top:76px}
  .board,.notebook,.game-head>div{min-width:0}
}
@media(max-width:600px){
  .site-header{gap:12px}
  .header-tools button{width:44px;height:44px}
  .site-header nav button,.segment label{min-height:44px}
  .setup-panel h1{font-size:clamp(2.4rem,10vw,3.3rem);max-width:none}
  .setup-panel>.lead{margin-bottom:20px}
  .mode-choice{min-width:0;overflow-wrap:anywhere}
  .game-head-actions{flex-wrap:wrap;gap:8px}
  .game-head-actions button{min-height:44px}
  .proposal-heading{flex-wrap:wrap;gap:12px}
  .score-strip{gap:14px}
  .round-actions{flex-wrap:wrap}
  .round-actions button{flex:1 1 125px}
  .check-preference .switch-label{min-width:0;gap:10px;line-height:1.5}
  .check-preference input{flex-shrink:0}
  .candidate-tabs button,.criteria-subhead .text-button,.original-card-link,.notebook-tabs button,.hint-button,.reveal-link{min-height:44px}
  .original-card-link{display:inline-flex;align-items:center}
  .nightmare-pick select,.code-input input,.date-input,.notebook textarea,.share-input{font-size:1rem}
  .notebook{padding:20px 12px}
  .notebook-title{flex-wrap:wrap}
  .eliminate>div{grid-template-columns:24px repeat(5,minmax(0,1fr));gap:3px}
  .eliminate>div>.deduction-shape{min-width:24px;width:24px}
  .eliminate button{min-height:44px}
  .log-scroll table{min-width:300px}
  dialog{padding:44px 14px 20px}
  .dialog-close,.original-close{width:44px;height:44px}
  .dialog-actions>button{flex:1 1 120px}
  .punch-top{align-items:flex-start}
  .punch-top button{min-height:44px;flex-shrink:0}
  .punch-footer .switch-label{min-height:44px}
  .support-link{white-space:nowrap}
}
@media(max-width:380px){
  .site-header{padding:12px;gap:8px}
  .brand{gap:7px;font-size:1.05rem}
  .header-tools{gap:6px}
  main{padding:20px 12px}
  .mode-cards{grid-template-columns:1fr}
  .mode-choice{display:grid;grid-template-columns:26px 1fr;gap:3px 10px;padding:12px}
  .mode-icon{grid-row:1/3;align-self:center;margin:0}
  .mode-choice small{max-width:none}
  .daily-panel,.daily-feature,.join-panel{padding:20px}
  .proposal-panel{padding:16px 10px}
  .rule-options.visual-options,.readable-options.visual-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proposal-state{flex-wrap:wrap}
  .punch-top{flex-wrap:wrap}
}