:root{--color-bg: #ded3ba;--color-paper: #fff7dd;--color-paper-soft: #eadfbd;--color-newsprint: #f7edcf;--color-ink: #101820;--color-ink-soft: #26323c;--color-muted: #665f4f;--color-line: #101820;--color-line-strong: #101820;--color-field: #0d6b3b;--color-field-deep: #073321;--color-gold: #f3c22b;--color-gold-soft: #ffe58c;--color-blue: #154b8b;--color-red: #c9332b;--color-hit: #13824a;--color-close: #f3c22b;--color-miss: #d9ceb4;--color-danger: #c9332b;--color-danger-text: #9d1d18;--color-on-field: #fff7dd;--color-on-hit: #ffffff;--color-on-close: #101820;--color-ink-rgb: 16, 24, 32;--color-paper-rgb: 255, 247, 221;--color-field-rgb: 13, 107, 59;--color-gold-rgb: 243, 194, 43;--color-red-rgb: 201, 51, 43;--color-white-rgb: 255, 255, 255;--shadow-board: 5px 5px 0 var(--color-ink);--font-body: "Helvetica Neue", Arial, sans-serif;--font-headline: "Franklin Gothic Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;--font-masthead: "Arial Black", Impact, "Franklin Gothic Heavy", "Helvetica Neue", Arial, sans-serif;--font-score: "DIN Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;border-radius:0!important}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,rgba(var(--color-ink-rgb),.035) 0 9px,transparent 9px 30px),linear-gradient(90deg,rgba(var(--color-ink-rgb),.04) 1px,transparent 1px),linear-gradient(180deg,rgba(var(--color-ink-rgb),.035) 1px,transparent 1px),var(--color-bg);background-size:96px 96px,44px 44px,44px 44px,auto}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:clamp(12px,2vw,24px);width:100%}.app-header,.workspace,.error-banner,.app-footer{margin:0 auto;max-width:1360px}.app-header{align-items:center;background:linear-gradient(90deg,transparent 0 17%,rgba(var(--color-ink-rgb),.06) 17% calc(17% + 1px),transparent calc(17% + 1px) 50%,rgba(var(--color-ink-rgb),.06) 50% calc(50% + 1px),transparent calc(50% + 1px) 82%,rgba(var(--color-ink-rgb),.06) 82% calc(82% + 1px),transparent calc(82% + 1px)),var(--color-newsprint);background-size:auto,auto;border:3px solid var(--color-ink);border-bottom-width:6px;box-shadow:var(--shadow-board);color:var(--color-ink);display:flex;gap:18px;justify-content:space-between;margin-bottom:8px;min-height:82px;overflow:hidden;padding:14px 18px;position:relative}.app-header:after{display:none}.brand-block h1,.mode-heading h1{font-family:var(--font-headline);letter-spacing:0;line-height:.98;margin:0}.brand-block h1{color:var(--color-ink);font-family:var(--font-masthead);font-size:clamp(2rem,5vw,3.25rem);font-weight:900;overflow-wrap:anywhere;text-shadow:3px 3px 0 rgba(var(--color-gold-rgb),.5)}.kicker,.eyebrow{display:block;font-family:var(--font-score);font-size:.82rem;font-weight:900;letter-spacing:0;line-height:1.15;text-transform:uppercase}.kicker{color:var(--color-danger-text);margin-bottom:3px}.eyebrow{color:var(--color-hit);margin-bottom:8px}.header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:282px}.meta-pill{align-items:center;background:var(--color-paper);border:2px solid var(--color-ink);color:var(--color-ink);display:inline-flex;font-family:var(--font-score);font-weight:800;gap:8px;min-height:44px;min-width:0;padding:0 13px;white-space:nowrap}.theme-control{flex:1 1 190px;min-width:188px;padding:0 9px 0 11px;position:relative}.theme-control:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-ink);content:"";pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-35%)}.theme-swatch{border:2px solid var(--color-ink);display:block;flex:0 0 18px;height:18px;width:18px}.theme-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--color-ink);cursor:pointer;font-family:var(--font-score);font-size:.95rem;font-weight:900;min-width:0;padding:0 18px 0 0;width:100%}.theme-control select:focus{outline:0}.countdown{color:var(--color-ink);font-family:var(--font-score);font-variant-numeric:tabular-nums;font-weight:900}.mode-tabs{background:linear-gradient(90deg,rgba(var(--color-ink-rgb),.045) 1px,transparent 1px),linear-gradient(180deg,rgba(var(--color-ink-rgb),.04) 1px,transparent 1px),var(--color-paper);background-size:18px 18px;border:2px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);display:grid;gap:0;overflow:hidden}.rail-title{background:linear-gradient(90deg,rgba(var(--color-paper-rgb),.12) 1px,transparent 1px),var(--color-ink);background-size:22px 22px,auto;border-bottom:2px solid var(--color-ink);color:var(--color-paper);display:grid;font-family:var(--font-score);gap:1px;padding:13px 14px 12px;text-transform:uppercase}.rail-title span{color:var(--color-gold);font-size:.75rem;font-weight:900}.rail-title strong{font-size:1.13rem;line-height:1}.mode-table-head{background:var(--color-gold);border-bottom:2px solid var(--color-ink);color:var(--color-ink);display:grid;font-family:var(--font-score);font-size:.72rem;font-weight:900;grid-template-columns:48px minmax(0,1fr) 64px;min-height:32px;text-transform:uppercase}.mode-table-head span{align-items:center;border-right:2px solid rgba(var(--color-ink-rgb),.28);display:flex;padding:0 8px}.mode-table-head span:last-child{border-right:0;justify-content:flex-end}.mode-tab{align-items:center;background:linear-gradient(135deg,transparent 0 10px,rgba(var(--color-ink-rgb),.08) 10px 11px,transparent 11px 100%),linear-gradient(90deg,rgba(var(--color-field-rgb),.07),transparent 34%),var(--color-paper);border-top:2px solid var(--color-ink);color:var(--color-ink);display:grid;gap:0;grid-template-columns:48px minmax(0,1fr) 64px;min-height:66px;padding:0;text-align:left;width:100%}.mode-table-head+.mode-tab{border-top:0}.mode-tab.active{background:linear-gradient(135deg,transparent 0 10px,rgba(var(--color-white-rgb),.38) 10px 11px,transparent 11px 100%),linear-gradient(90deg,var(--color-gold) 0 7px,transparent 7px),linear-gradient(180deg,rgba(var(--color-white-rgb),.12),rgba(var(--color-white-rgb),0)),var(--color-field-deep);color:var(--color-on-field)}.mode-number{align-items:center;align-self:stretch;border-right:2px solid rgba(var(--color-ink-rgb),.24);color:var(--color-danger-text);display:flex;font-family:var(--font-score);font-size:1.12rem;font-weight:900;justify-content:center;line-height:1;text-transform:uppercase}.mode-tab.active .mode-number{color:var(--color-gold)}.mode-icon{align-items:center;background:linear-gradient(135deg,transparent 0 7px,rgba(var(--color-paper-rgb),.24) 7px 8px,transparent 8px),var(--color-ink);border:1px solid rgba(var(--color-ink-rgb),.5);color:var(--color-gold);display:flex;flex:0 0 31px;height:31px;justify-content:center;width:31px}.mode-tab.active .mode-icon{background:var(--color-paper);color:var(--color-field-deep)}.mode-copy{display:grid;gap:2px;min-width:0;padding:9px 11px}.mode-copy strong,.mode-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-copy strong{align-items:center;display:flex;font-family:var(--font-headline);font-size:1.18rem;gap:7px;font-weight:900}.mode-copy small{color:currentColor;display:block;font-family:var(--font-score);font-size:.78rem;font-weight:900;line-height:1.1;opacity:.72;text-transform:uppercase}.mode-status{align-items:center;align-self:stretch;background:rgba(var(--color-paper-rgb),.72);border:0;border-left:2px solid rgba(var(--color-ink-rgb),.24);color:currentColor;display:flex;font-family:var(--font-score);font-size:.84rem;font-weight:900;justify-content:flex-end;padding:0 9px}.mode-tab.active .mode-status{background:rgba(var(--color-white-rgb),.12);border-color:rgba(var(--color-white-rgb),.42)}.mode-status.done{background:var(--color-red);border-color:var(--color-red);color:#fff}.stats-panel{background:var(--color-paper);border:2px solid var(--color-line);box-shadow:4px 4px 0 var(--color-ink);display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;overflow:hidden}.stats-panel div{min-height:66px;padding:12px 14px}.stats-panel div:nth-child(2n){border-left:2px solid var(--color-line)}.stats-panel div:nth-child(n+3){border-top:2px solid var(--color-line)}.stats-panel span{color:var(--color-muted);display:block;font-family:var(--font-score);font-size:.8rem;font-weight:800;margin-bottom:5px;text-transform:uppercase}.stats-panel strong{color:var(--color-ink);font-family:var(--font-score);font-size:1.62rem;line-height:1}.ad-slot{align-items:center;background:linear-gradient(90deg,rgba(var(--color-ink-rgb),.05) 1px,transparent 1px),linear-gradient(180deg,rgba(var(--color-ink-rgb),.04) 1px,transparent 1px),rgba(var(--color-paper-rgb),.78);background-size:18px 18px;border:2px dashed rgba(var(--color-ink-rgb),.42);display:grid;justify-items:stretch;min-height:250px;overflow:hidden;padding:8px;width:100%}.ad-slot ins{min-height:250px;width:100%}.ad-slot-result{background:rgba(var(--color-paper-rgb),.08);border-color:rgba(var(--color-paper-rgb),.22);margin-top:2px}.ad-slot-sidebar{box-shadow:4px 4px 0 var(--color-ink)}.workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(240px,270px) minmax(0,1fr);justify-content:stretch}.match-side{align-self:start;display:grid;gap:12px;min-width:0;position:sticky;top:20px}.game-column{min-width:0;width:100%}.mode-surface,.result-panel,.loading-panel,.error-banner{background:var(--color-paper);border:2px solid var(--color-line)}.mode-surface{background:linear-gradient(90deg,transparent 0 31%,rgba(var(--color-ink-rgb),.055) 31% calc(31% + 1px),transparent calc(31% + 1px) 63%,rgba(var(--color-ink-rgb),.055) 63% calc(63% + 1px),transparent calc(63% + 1px)),var(--color-paper);background-size:auto,auto;box-shadow:var(--shadow-board);min-height:520px;overflow:hidden;padding:20px;position:relative;width:100%}.mode-surface:before{background:linear-gradient(rgba(var(--color-paper-rgb),.88),rgba(var(--color-paper-rgb),.92)),url(/pitch-lines.svg) center / cover no-repeat,var(--color-field-deep);content:"";top:10px;right:10px;bottom:10px;left:10px;opacity:.32;pointer-events:none;position:absolute}.mode-surface>*{position:relative;z-index:1}.mode-heading{align-items:center;border-bottom:3px solid var(--color-ink);display:flex;gap:16px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.mode-heading>div{min-width:0}.mode-heading h1{color:var(--color-ink);font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:900;max-width:760px}.attempt-meter{align-items:center;background:var(--color-paper);border:2px solid var(--color-line);display:flex;font-family:var(--font-score);flex-shrink:0;gap:6px;min-height:36px;padding:0 12px}.attempt-dot{background:#cfc8b6;display:block;height:11px;width:11px}.attempt-dot.used{background:var(--color-close)}.attempt-dot.solved{background:var(--color-hit)}.clue-legend{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.clue-legend span{align-items:center;background:rgba(var(--color-paper-rgb),.85);border:2px dashed var(--color-line);color:var(--color-ink-soft);display:inline-flex;font-family:var(--font-score);font-size:.9rem;font-weight:800;gap:7px;min-height:34px;padding:0 12px}.legend-swatch{border:1px solid rgba(var(--color-ink-rgb),.42);display:inline-block;height:12px;width:12px}.legend-swatch.hit{background:var(--color-hit)}.legend-swatch.partial{background:var(--color-close)}.legend-swatch.miss{background:var(--color-red)}.guess-form{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 150px;margin-bottom:16px}.guess-field{min-width:0}.guess-form input{background:linear-gradient(180deg,transparent calc(100% - 2px),rgba(var(--color-ink-rgb),.12) calc(100% - 2px)),var(--color-newsprint);border:2px solid var(--color-line-strong);box-shadow:3px 3px rgba(var(--color-ink-rgb),.18);font-family:var(--font-body);font-size:1rem;font-weight:700;min-height:56px;min-width:0;padding:0 15px;width:100%}.guess-form input:focus{border-color:var(--color-field);outline:3px solid rgba(var(--color-field-rgb),.18)}.guess-form input[aria-invalid=true]{border-color:var(--color-danger)}.guess-validation{color:var(--color-danger-text);font-size:.9rem;font-weight:700;margin:7px 0 0}.guess-form button,.result-actions button{align-items:center;background:var(--color-ink);color:#fff;display:inline-flex;font-family:var(--font-score);font-size:.98rem;gap:8px;font-weight:900;justify-content:center;min-height:56px;min-width:0;padding:0 16px;text-transform:uppercase}.guess-form button:not(:disabled):hover,.result-actions button:not(:disabled):hover{background:var(--color-red)}.loading-panel{color:var(--color-muted);padding:20px;text-align:center}.clue-grid{display:grid;gap:8px;overflow-x:hidden;padding-bottom:2px}.guess-row{align-items:stretch;background:linear-gradient(90deg,rgba(var(--color-white-rgb),.16) 1px,transparent 1px),linear-gradient(180deg,rgba(var(--color-white-rgb),.12) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-paper-rgb),.08),rgba(var(--color-paper-rgb),.01)),var(--color-field-deep);background-size:32px 32px,32px 32px,auto,auto;border:2px solid var(--color-line);color:#fff;display:grid;gap:0;grid-template-columns:minmax(130px,1.25fr) repeat(var(--clue-count),minmax(0,1fr));min-width:0;overflow:hidden;padding:0;width:100%}.guess-row-name{align-items:center;background:linear-gradient(135deg,transparent 0 11px,rgba(var(--color-paper-rgb),.18) 11px 12px,transparent 12px),var(--color-ink);border-right:2px solid var(--color-line);display:grid;gap:6px;grid-template-columns:minmax(0,1fr);min-width:0;padding:9px 10px}.guess-row-name span{font-family:var(--font-headline);font-size:.98rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-row-name strong{color:var(--color-gold);font-family:var(--font-score);font-size:.76rem;font-weight:900;white-space:nowrap}.clue-cells{display:contents;min-width:0;overflow:visible}.clue-cell{border-right:2px solid rgba(var(--color-paper-rgb),.5);min-height:66px;min-width:0;padding:11px 7px 10px;position:relative}.clue-cell:before,.clue-cell:after{border-color:currentColor;content:"";height:6px;opacity:.35;position:absolute;width:6px}.clue-cell:before{border-left:2px solid;border-top:2px solid;left:3px;top:3px}.clue-cell:after{border-bottom:2px solid;border-right:2px solid;bottom:3px;right:3px}.clue-cell span{display:block;font-family:var(--font-score);font-size:clamp(.6rem,.8vw,.72rem);font-weight:900;line-height:1.1;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.clue-cell strong{display:block;font-family:var(--font-score);font-size:clamp(.78rem,1vw,.95rem);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clue-cell.hit{background:var(--color-hit);box-shadow:inset 0 -6px rgba(var(--color-white-rgb),.28);color:var(--color-on-hit)}.clue-cell.partial{background:var(--color-close);box-shadow:inset 0 -6px rgba(var(--color-ink-rgb),.22);color:var(--color-on-close)}.clue-cell.miss{background:var(--color-red);box-shadow:inset 0 -6px rgba(var(--color-ink-rgb),.22);color:#fff}.result-panel{background:var(--color-ink);color:#fff;display:grid;font-family:var(--font-body);gap:12px;margin-top:14px;padding:14px}.result-panel .eyebrow{color:var(--color-gold)}.result-summary{min-width:0}.result-panel h2,.result-panel p{margin:0}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions button{background:var(--color-paper);color:var(--color-ink)}.share-status{color:var(--color-gold);font-family:var(--font-score);font-size:.9rem;font-weight:800;margin:0}.share-text{background:rgba(var(--color-paper-rgb),.1);border:2px solid rgba(var(--color-paper-rgb),.14);color:#fff;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.emoji-board{align-items:center;background:linear-gradient(rgba(var(--color-field-rgb),.72),rgba(var(--color-field-rgb),.78)),url(/pitch-lines.svg) center / cover no-repeat,var(--color-field);color:#fff;display:flex;flex-wrap:wrap;font-size:2.8rem;gap:12px;justify-content:center;min-height:148px;margin-bottom:12px;padding:18px}.text-hint{background:var(--color-gold-soft);border-left:4px solid var(--color-gold);font-family:var(--font-body);font-size:1rem;margin:0 0 14px;padding:11px 13px}.emoji-attempts{display:grid;gap:8px}.emoji-attempt{align-items:center;background:rgba(var(--color-paper-rgb),.82);border:2px solid var(--color-line);display:flex;font-family:var(--font-score);justify-content:space-between;min-height:48px;padding:0 13px}.emoji-attempt.hit{background:var(--color-hit);box-shadow:inset 0 -5px rgba(var(--color-white-rgb),.28);color:var(--color-on-hit)}.emoji-attempt.miss{background:var(--color-miss)}.error-banner{color:var(--color-danger-text);font-weight:800;margin-bottom:12px;padding:12px 14px}.app-footer{display:flex;gap:14px;justify-content:center;padding:24px 0 4px}.app-footer a{color:var(--color-ink);font-family:var(--font-score);font-size:.84rem;font-weight:900;text-transform:uppercase}@media(max-width:1180px){.workspace{gap:14px;grid-template-columns:minmax(0,1fr)}.match-side{gap:10px;grid-template-columns:minmax(0,1fr) minmax(220px,260px);position:static}.mode-surface{min-height:clamp(365px,52vh,440px)}}@media(max-width:1080px){.app-shell{padding:12px}.app-header{align-items:flex-start;flex-direction:column;min-height:0}.header-meta{justify-content:flex-start;min-width:0;width:100%}.theme-control{flex-basis:100%;max-width:none}.workspace{gap:14px;grid-template-columns:minmax(0,1fr)}.match-side{gap:10px;grid-template-columns:minmax(0,1fr) minmax(220px,260px);position:static}.mode-tabs{grid-template-columns:1fr;overflow:hidden}.rail-title{grid-column:auto}.mode-tab{border-left:0;border-top:2px solid var(--color-ink);grid-template-columns:48px minmax(0,1fr) 64px;min-width:0}.mode-table-head+.mode-tab{border-top:0}.mode-status{display:flex}.stats-panel div:nth-child(3){border-left:0;border-top:2px solid var(--color-line)}.stats-panel div:nth-child(4){border-top:2px solid var(--color-line)}.ad-slot-sidebar{display:none}}@media(max-width:860px){.match-side{grid-template-columns:minmax(0,1fr)}}@media(max-width:540px){body{background-size:72px 72px,32px 32px,32px 32px,auto}.app-shell{padding:10px}.brand-block h1{font-size:2.18rem;line-height:.95}.app-header{border-width:2px;border-bottom-width:5px;box-shadow:3px 3px 0 var(--color-ink);gap:12px;padding:11px}.kicker,.eyebrow{font-size:.76rem}.header-meta{display:grid;grid-template-columns:minmax(0,1fr)}.theme-control{grid-column:1 / -1}.meta-pill{font-size:.84rem;justify-content:center;padding:0 8px;width:100%}.mode-tabs,.stats-panel,.mode-surface{box-shadow:3px 3px 0 var(--color-ink)}.rail-title{padding:10px 12px 9px}.mode-table-head{display:none}.mode-tab,.mode-table-head+.mode-tab{border-top:2px solid var(--color-ink);grid-template-columns:40px minmax(0,1fr) 52px;min-height:58px}.rail-title+.mode-tab{border-top:0}.mode-number{font-size:1rem}.mode-icon{flex-basis:27px;height:27px;width:27px}.mode-copy{padding:8px 9px}.mode-copy strong{font-size:1rem}.mode-copy small{display:none}.mode-status{font-size:.76rem;padding:0 7px}.mode-surface{border-width:2px;min-height:0;padding:12px}.mode-surface:before{top:7px;right:7px;bottom:7px;left:7px}.mode-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:9px;padding-bottom:9px}.mode-heading h1{font-size:1.82rem;line-height:1}.attempt-meter{min-height:34px;padding:0 10px}.clue-legend{display:grid;gap:6px;grid-template-columns:minmax(0,1fr);margin-bottom:12px}.clue-legend span{font-size:.78rem;justify-content:center;min-height:32px;min-width:0;padding:0 7px}.guess-form{gap:9px;grid-template-columns:1fr;margin-bottom:12px}.guess-form input,.guess-form button{min-height:50px}.guess-form button{width:100%}.guess-row{grid-template-columns:minmax(0,1fr);min-width:0}.guess-row-name{border-bottom:2px solid var(--color-line);border-right:0;grid-template-columns:minmax(0,1fr) auto}.clue-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clue-cell{border-bottom:2px solid rgba(var(--color-paper-rgb),.5);min-height:58px;padding:9px 8px}.clue-cell:nth-child(2n){border-right:0}.clue-cell:nth-last-child(-n+2){border-bottom:0}.clue-cell span{font-size:.66rem}.clue-cell strong{font-size:.86rem}.stats-panel div{min-height:62px;padding:10px 12px}.stats-panel span{font-size:.73rem}.stats-panel strong{font-size:1.42rem}.emoji-board{font-size:2.1rem;gap:9px;min-height:128px;padding:14px}.emoji-attempt{align-items:flex-start;flex-direction:column;gap:3px;justify-content:center;min-height:54px;padding:8px 11px}.result-actions{display:grid;grid-template-columns:1fr}.result-actions button{width:100%}}@media(max-width:360px){.brand-block h1{font-size:1.95rem}.header-meta{grid-template-columns:1fr}.mode-tab,.mode-table-head+.mode-tab{grid-template-columns:34px minmax(0,1fr) 48px}.mode-status{font-size:.7rem}.clue-legend span{width:100%}.clue-legend,.clue-cells{grid-template-columns:1fr}.clue-cell,.clue-cell:nth-child(2n){border-right:0}.clue-cell:nth-last-child(-n+2){border-bottom:2px solid rgba(var(--color-paper-rgb),.5)}.clue-cell:last-child{border-bottom:0}}