: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}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:var(--color-bg)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;min-height:100dvh;padding:clamp(12px,2vw,24px);width:100%}.app-header,.mode-tabs,.game-column,.stats-grid,.ad-slot,.error-banner,.app-footer{margin:0 auto;max-width:980px}.app-header{align-items:center;background:var(--color-newsprint);border:2px solid var(--color-ink);border-radius:6px;box-shadow:3px 3px 0 var(--color-ink);color:var(--color-ink);display:flex;gap:18px;justify-content:space-between;margin-bottom:12px;min-height:60px;overflow:hidden;padding:10px 16px;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(1.25rem,1.6vw + .6rem,1.85rem);font-weight:900;overflow-wrap:anywhere}.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:0}.meta-pill{align-items:center;background:var(--color-paper);border:2px solid var(--color-ink);border-radius:6px;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:transparent;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.mode-tab{align-items:center;background:var(--color-paper);border:2px solid var(--color-ink);border-radius:6px;box-shadow:2px 2px 0 var(--color-ink);color:var(--color-ink);display:flex;font-family:var(--font-headline);font-size:.98rem;font-weight:900;gap:9px;min-height:48px;padding:0 12px;text-align:left;transition:transform 80ms ease,box-shadow 80ms ease}.mode-tab:hover:not(.active){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-ink)}.mode-tab.active{background:var(--color-field-deep);color:var(--color-on-field);box-shadow:2px 2px 0 var(--color-ink)}.mode-tab.done:not(.active){background:var(--color-newsprint);color:var(--color-muted)}.mode-icon{align-items:center;color:var(--color-field-deep);display:flex;flex:0 0 auto;justify-content:center}.mode-tab.active .mode-icon{color:var(--color-gold)}.mode-tab.done:not(.active) .mode-icon{color:var(--color-muted)}.mode-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-status{background:rgba(var(--color-ink-rgb),.08);border-radius:999px;color:var(--color-ink-soft);flex:0 0 auto;font-family:var(--font-score);font-size:.74rem;font-weight:900;padding:3px 8px}.mode-tab.active .mode-status{background:rgba(var(--color-white-rgb),.18);color:var(--color-gold)}.mode-tab.done:not(.active) .mode-status{background:var(--color-hit);color:#fff}.stats-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px auto 0}.stats-tile{background:var(--color-newsprint);border:2px solid var(--color-ink);border-radius:6px;box-shadow:3px 3px 0 var(--color-ink);display:grid;gap:4px;min-height:64px;padding:10px 14px}.stats-tile-label{color:var(--color-danger-text);font-family:var(--font-score);font-size:.78rem;font-weight:900;letter-spacing:.02em;line-height:1.1;text-transform:uppercase}.stats-tile-value{color:var(--color-ink);font-family:var(--font-masthead);font-size:1.4rem;font-weight:900;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-stats-sidebar{box-shadow:4px 4px 0 var(--color-ink)}.ad-slot-mobile-after-result{display:none;margin-top:8px}.game-column{display:block;min-width:0;width:100%}.mode-surface,.result-panel,.loading-panel,.error-banner{background:var(--color-paper);border:2px solid var(--color-line);border-radius:6px}.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-surface>.guess-form{z-index:5}.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);border-radius:999px;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:1px solid rgba(var(--color-ink-rgb),.3);border-radius:999px;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;position:relative}.guess-suggestions{background:var(--color-paper);border:1px solid rgba(var(--color-ink-rgb),.4);border-radius:6px;box-shadow:0 8px 20px rgba(var(--color-ink-rgb),.18);left:0;list-style:none;margin:4px 0 0;max-height:264px;overflow:hidden auto;padding:4px;position:absolute;right:0;scrollbar-color:rgba(var(--color-ink-rgb),.3) transparent;scrollbar-width:thin;top:100%;z-index:30}.guess-suggestions::-webkit-scrollbar{width:8px}.guess-suggestions::-webkit-scrollbar-track{background:transparent}.guess-suggestions::-webkit-scrollbar-thumb{background:rgba(var(--color-ink-rgb),.25);border:2px solid var(--color-paper);border-radius:999px}.guess-suggestion{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);font-weight:700;gap:1px;padding:6px 10px}.guess-suggestion.is-active,.guess-suggestion[aria-selected=true]{background:var(--color-field-deep)}.guess-suggestion.is-active .guess-suggestion-label,.guess-suggestion[aria-selected=true] .guess-suggestion-label{color:#fff}.guess-suggestion.is-active .guess-suggestion-detail,.guess-suggestion[aria-selected=true] .guess-suggestion-detail{color:rgba(var(--color-gold-rgb),.95)}.guess-suggestion-label{color:var(--color-ink);font-size:.95rem;line-height:1.2}.guess-suggestion-detail{color:var(--color-muted);font-size:.78rem;font-weight:600;line-height:1.2}.guess-form input{background:var(--color-newsprint);border:2px solid var(--color-line-strong);border-radius:6px;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);border-radius:6px;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:var(--color-field-deep);border:2px solid var(--color-line);border-radius:6px;color:#fff;display:grid;gap:0;grid-template-columns:minmax(140px,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:var(--color-ink);border-right:1px solid rgba(var(--color-white-rgb),.18);display:grid;gap:4px;grid-template-columns:minmax(0,1fr);min-width:0;padding:10px 12px}.guess-row-name span{display:-webkit-box;font-family:var(--font-body);font-size:1rem;font-weight:700;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;word-break:break-word}.guess-row-name strong{color:var(--color-gold);font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.clue-cells{display:contents;min-width:0;overflow:visible}.clue-cell{border-right:1px solid rgba(var(--color-white-rgb),.18);display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:66px;min-width:0;padding:10px;position:relative}.clue-cell:last-child{border-right:0}.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:4px;top:4px}.clue-cell:after{border-bottom:2px solid;border-right:2px solid;bottom:4px;right:4px}.clue-cell span{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.05em;line-height:1.1;opacity:.82;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.clue-cell strong{display:block;font-family:var(--font-body);font-size:1rem;font-weight:700;line-height:1.2;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}@keyframes guessRowNameReveal{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes clueCellFlip{0%{opacity:0;transform:perspective(420px) rotateX(-92deg)}60%{opacity:1;transform:perspective(420px) rotateX(12deg)}to{opacity:1;transform:perspective(420px) rotateX(0)}}.guess-row{perspective:600px}.guess-row-name{animation:guessRowNameReveal .32s ease-out both;transform-origin:left center}.clue-cell{animation:clueCellFlip .38s cubic-bezier(.34,1.2,.42,1) both;animation-delay:.18s;transform-origin:center top}.clue-cell:nth-of-type(2){animation-delay:.3s}.clue-cell:nth-of-type(3){animation-delay:.42s}.clue-cell:nth-of-type(4){animation-delay:.54s}.clue-cell:nth-of-type(5){animation-delay:.66s}.clue-cell:nth-of-type(6){animation-delay:.78s}.clue-cell:nth-of-type(7){animation-delay:.9s}@media(prefers-reduced-motion:reduce){.guess-row-name,.clue-cell{animation:none}}.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-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e18b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.share-modal{background:var(--color-ink);color:#fff;border:2px solid rgba(var(--color-paper-rgb),.18);border-radius:10px;width:min(440px,100%);padding:22px 22px 18px;position:relative;display:grid;gap:14px;font-family:var(--font-body);box-shadow:0 18px 48px #00000073}.share-modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;line-height:0;border-radius:6px}.share-modal-close:hover{background:rgba(var(--color-paper-rgb),.12)}.share-modal-text{background:rgba(var(--color-paper-rgb),.08);border:1px solid rgba(var(--color-paper-rgb),.14);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:.95rem;line-height:1.45;margin:0;padding:14px;text-align:center;white-space:pre-wrap;word-break:break-word}.share-modal-actions{display:flex;gap:10px;justify-content:center}.share-modal-actions button{background:var(--color-paper);color:var(--color-ink);display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:10px 18px}.share-modal-status{color:var(--color-gold);font-family:var(--font-score);font-size:.9rem;font-weight:800;margin:0;text-align:center}.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{align-items:center;color:var(--color-ink);display:inline-flex;font-family:var(--font-score);font-size:.84rem;font-weight:900;min-height:44px;padding:0 12px;text-transform:uppercase}@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}.ad-slot-stats-sidebar{display:none}.ad-slot-mobile-after-result{display:grid}}@media(max-width:860px){.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.guess-row{grid-template-columns:minmax(0,1fr)}.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(3,minmax(0,1fr))}.clue-cell{border-bottom:1px solid rgba(var(--color-white-rgb),.18);min-height:62px}.clue-cell:nth-child(3n){border-right:0}.clue-cell:nth-last-child(-n+3){border-bottom:0}.clue-cell:last-child:nth-child(3n+1){grid-column:span 3}.clue-cell:last-child:nth-child(3n+2){grid-column:span 2}.mode-surface{min-height:0}}@media(max-width:540px){.app-shell{padding:10px}.brand-block h1{line-height:.95}.app-header{border-width:2px;box-shadow:2px 2px 0 var(--color-ink);gap:12px;padding:9px 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-surface{box-shadow:3px 3px 0 var(--color-ink)}.mode-tabs{gap:6px}.mode-tab{font-size:.9rem;min-height:44px;padding:0 9px}.mode-label{display:none}.mode-status{font-size:.7rem;padding:3px 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-suggestions{max-height:50vh;padding:6px}.guess-suggestion{gap:2px;min-height:48px;padding:8px 12px}.guess-suggestion-label{font-size:1rem}.guess-suggestion-detail{font-size:.82rem}.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:1px solid rgba(var(--color-white-rgb),.18);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:last-child:nth-child(odd){border-bottom:0;border-right:0;grid-column:1 / -1}.clue-cell span{font-size:.76rem}.clue-cell strong{font-size:1rem}.stats-grid{gap:6px}.stats-tile{padding:9px 12px}.stats-tile-label{font-size:.72rem}.stats-tile-value{font-size:1.25rem}.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){.header-meta{grid-template-columns:1fr}.mode-tab{padding:0 7px}.mode-status{font-size:.68rem;padding:2px 6px}.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}}