:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201c;background:#f5f1e8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit}.app-shell{min-height:100vh;padding:24px;background:linear-gradient(135deg,rgba(28,78,63,.12),transparent 36%),radial-gradient(circle at 88% 14%,rgba(186,72,47,.16),transparent 24%),#f5f1e8}.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1180px,100%);margin:0 auto 26px}.logo-button,.site-header nav button,.account-pill,.ghost-button,.tabs button{border:0;background:transparent;color:inherit;cursor:pointer}.logo-button{display:inline-flex;align-items:center;gap:9px;padding:0;font-weight:900}.header-logo{flex:0 0 auto;width:46px;height:46px;object-fit:contain}.logo-wordmark{letter-spacing:0}.site-header nav{display:flex;justify-content:center;gap:6px}.site-header nav button,.account-pill,.ghost-button,.tabs button{min-height:40px;padding:0 14px;border-radius:8px;color:#3c4842;font-weight:800}.site-header nav button:hover,.account-pill:hover,.ghost-button:hover,.tabs button:hover{background:#204e4014}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(176,77,52,.45);outline-offset:3px}.account-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d6cfc2;background:#fffcf6cc}.account-menu-wrap{position:relative;display:inline-flex;justify-content:flex-end}.account-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;min-width:210px;padding:6px;border:1px solid #d6cfc2;border-radius:8px;background:#fffcf6fa;box-shadow:0 18px 42px #17201c24}.account-menu button{border:0;border-radius:6px;background:transparent;color:#25322d;cursor:pointer;font:inherit;font-size:14px;font-weight:800;padding:10px 12px;text-align:left}.account-menu button:hover,.account-menu button:focus-visible{background:#204e4014}.account-pill svg,.panel-title svg{width:18px;height:18px}.home-grid,.page-panel{width:min(1180px,100%);margin:0 auto}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.play-section,.page-panel,.panel{border:1px solid #d9d2c6;border-radius:8px;background:#fffcf6e6;box-shadow:0 18px 60px #17201c1a}.play-section{min-height:680px;padding:clamp(28px,5vw,58px)}.page-panel{padding:clamp(24px,4vw,42px)}.page-panel.narrow{max-width:680px}.eyebrow{margin:0 0 12px;color:#b04d34;font-size:13px;font-weight:900;text-transform:uppercase}.home-brandline{display:inline-flex;align-items:center;gap:8px;justify-content:center}.home-brand-logo{width:36px;height:36px;object-fit:contain}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:16px;font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:0}h2{font-size:clamp(24px,4vw,38px);line-height:1.05;letter-spacing:0}.lede{max-width:680px;color:#46534d;font-size:18px;line-height:1.62}.guess-form,.account-form{max-width:680px;margin-top:30px}.guess-form label,.account-form label{display:block;margin-bottom:10px;color:#25322d;font-weight:900}.search-box,.account-form input{width:100%;border:2px solid #204e40;border-radius:8px;background:#fff}.search-box{display:flex;align-items:center;gap:12px;min-height:72px;padding:0 20px}.search-box svg{width:24px;height:24px;flex:0 0 auto;color:#b04d34}.search-box input,.account-form input{border:0;outline:0;color:#17201c;font-size:22px}.account-form input{min-height:56px;padding:0 16px;border:2px solid #204e40}.submit-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:14px;padding:0 20px;border:0;border-radius:8px;background:#204e40;color:#fff;font-weight:900;text-decoration:none;cursor:pointer}.submit-button:disabled{opacity:.58;cursor:not-allowed}.guess-helper{margin:10px 0 0;color:#66726b;font-size:14px;line-height:1.45}.result-message{margin-top:16px;color:#204e40;font-weight:800}.result-message.error{color:#a53d27}.result-card,.save-prompt{margin-top:22px;padding:22px;border:1px solid #d9d2c6;border-radius:8px;background:#fffaf1}.result-card span,.save-prompt span,.metric-card span{display:block;color:#637069;font-weight:800}.result-card h2{margin:8px 0 10px}.result-card p,.save-prompt p{margin:10px 0 0;color:#46534d}.result-card.discovery{border-color:#b04d34;background:#fff2e8}.result-card.common{background:#f3f2ed}.result-card.already{border-color:#b8c4bb}.score-reveal{display:block;color:#204e40;font-size:clamp(44px,8vw,76px);line-height:1}.side-rail{display:grid;gap:14px}.panel{padding:20px}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#204e40;font-weight:900}.big-number{display:block;font-size:44px;line-height:1}.mini-stats{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}.mini-stats span{display:flex;justify-content:space-between;gap:12px;color:#59645f}.mini-stats strong{color:#17201c}.progress-bar{height:12px;margin:16px 0;overflow:hidden;border-radius:999px;background:#e5ded1}.progress-bar span{display:block;height:100%;border-radius:inherit;background:#b04d34}.quiet,.panel small{color:#66726b;line-height:1.5}.activity-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.activity-list li{padding-bottom:10px;border-bottom:1px solid #e5ded1;color:#44504a}.save-prompt strong{display:block;margin-top:6px;font-size:24px}.save-prompt div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ghost-button{margin-top:14px;border:1px solid #d6cfc2;background:#fff}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tabs button.active{background:#204e40;color:#fff}.leaderboard-list{display:grid;gap:8px}.leaderboard-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:58px;padding:0 16px;border:1px solid #ddd6ca;border-radius:8px;background:#fff;text-decoration:none}.leaderboard-row span{color:#b04d34;font-weight:900}.leaderboard-row strong{overflow-wrap:anywhere}.leaderboard-row em{color:#204e40;font-style:normal;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.metric-card{min-height:112px;padding:16px;border:1px solid #d9d2c6;border-radius:8px;background:#fff}.metric-card strong{display:block;margin-top:10px;font-size:clamp(24px,4vw,34px);overflow-wrap:anywhere}.account-form .submit-button{width:100%}@media(max-width:900px){.app-shell{padding:16px}.site-header,.home-grid{grid-template-columns:1fr}.site-header nav{justify-content:flex-start;overflow-x:auto}.account-pill{width:fit-content}.play-section{min-height:0}.side-rail,.metric-grid{grid-template-columns:1fr}}@media(max-width:520px){.header-logo{width:44px}.logo-wordmark{display:none}.site-header nav button,.account-pill{padding:0 10px}h1{font-size:42px}.search-box{min-height:64px}.search-box input,.account-form input{font-size:18px}.leaderboard-row{grid-template-columns:38px minmax(0,1fr)}.leaderboard-row em{grid-column:2}}@media(prefers-reduced-motion:no-preference){.score-reveal{animation:score-pop .32s ease-out}@keyframes score-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}}.play-home{display:grid;place-items:center;min-height:calc(100vh - 150px)}.play-card{width:min(760px,100%);padding:clamp(28px,7vw,72px);text-align:center}.play-card .guess-form{margin:34px auto 0}.play-card .search-box{min-height:82px;text-align:left}.play-card .submit-button{width:min(280px,100%);min-height:54px;text-transform:uppercase}.community-progress{width:min(520px,100%);margin:34px auto 0;text-align:left}.community-progress span{display:block;color:#66726b;font-size:12px;font-weight:900;text-transform:uppercase}.community-progress strong{display:block;margin-top:6px;font-size:18px}.site-footer{display:flex;gap:14px;justify-content:center;align-items:center;width:min(1180px,100%);margin:22px auto 0}.site-footer button,.site-footer a{border:0;background:transparent;color:#66726b;cursor:pointer;font:inherit;font-size:13px;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible,.site-footer button:hover,.site-footer button:focus-visible{color:#303a34;text-decoration:underline}.result-page{position:relative;width:min(940px,100%);margin:0 auto;padding:clamp(28px,6vw,64px);overflow:hidden;border:1px solid #d9d2c6;border-radius:8px;background:#fffcf6f0;box-shadow:0 18px 60px #17201c1a;text-align:center}.result-page.is-discovery{border-color:#b04d34;background:#fff5e9}.result-page h1{max-width:none;margin-inline:auto;text-transform:uppercase}.discovery-copy,.rarity-copy{max-width:620px;margin:0 auto 20px;color:#46534d;font-size:19px;line-height:1.5}.career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0;text-align:left}.matched-player-list{display:grid;gap:10px;width:min(680px,100%);margin:30px auto;text-align:left}.matched-player-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:14px;border:1px solid #d9d2c6;border-radius:8px;background:#fff}.matched-player-card strong,.matched-player-card span,.matched-player-card small{grid-column:1}.matched-player-card b{grid-row:1 / span 2;grid-column:2;align-self:center;color:#204e40;font-size:22px}.matched-player-card span,.matched-player-card small{color:#66726b}.matched-player-card small{font-weight:900;text-transform:uppercase}.result-actions{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px}.save-result{max-width:360px;padding:16px;border:1px solid #d9d2c6;border-radius:8px;background:#fff;text-align:left}.save-result strong{display:block;text-transform:uppercase}.save-result p{margin:6px 0 0;color:#5b6660}.save-result .ghost-button{width:100%}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;text-transform:uppercase}.share-button svg{width:18px;height:18px}.share-status{margin:16px 0 0;color:#204e40;font-weight:800}.share-fallback{display:grid;gap:8px;width:min(520px,100%);margin:18px auto 0;text-align:left}.share-fallback label{color:#25322d;font-weight:900}.share-fallback textarea{min-height:142px;padding:12px;border:1px solid #d6cfc2;border-radius:8px;color:#17201c;background:#fff;resize:vertical}.discovery-animation{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 18px}.discovery-animation svg{z-index:1;width:64px;height:64px;color:#b04d34;filter:drop-shadow(0 12px 18px rgba(176,77,52,.2))}.discovery-rays{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 20deg,#b04d3400,#b04d3433,#b04d3400 18%),radial-gradient(circle,#ffe1aab3,#ffe1aa00)}.stats-page h1{max-width:none}.stats-section{margin-top:34px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-row select{min-height:40px;border:1px solid #d6cfc2;border-radius:8px;background:#fff;color:#17201c}.sort-control{display:inline-flex;align-items:center;gap:8px;color:#66726b;font-size:13px;font-weight:800}.sort-control select{padding:0 10px;font-weight:800}.trophy-grid,.history-list{display:grid;gap:10px}.trophy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trophy-card,.history-row,.empty-trophy{border:1px solid #d9d2c6;border-radius:8px;background:#fff}.trophy-card,.history-row{color:inherit;cursor:pointer;text-align:left}.trophy-card{display:grid;gap:6px;min-height:190px;padding:18px}.trophy-card span{font-size:30px}.trophy-card em,.history-score span{color:#b04d34;font-style:normal;font-weight:900;text-transform:uppercase}.trophy-card b,.history-score em{color:#204e40;font-size:24px;font-style:normal}.trophy-card small{color:#66726b}.empty-trophy{padding:22px}.empty-trophy strong{display:block;text-transform:uppercase}.history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,auto) auto;align-items:center;gap:14px;min-height:64px;padding:0 16px}.history-row strong{overflow-wrap:anywhere}.history-player,.history-score{display:grid;gap:4px}.history-player small{color:#b04d34;font-size:11px;font-weight:900;text-transform:uppercase}.history-facts{display:grid;gap:4px;color:#66726b;font-size:13px;font-weight:800}.history-score{justify-items:end}.wide{width:100%}@media(prefers-reduced-motion:no-preference){.result-page h1,.rarity-copy,.career-grid,.result-actions{animation:reveal-up .36s ease-out both}.result-page h1{animation-delay:40ms}.score-reveal{animation-delay:.11s}.discovery-animation svg{animation:trophy-rise .52s cubic-bezier(.2,.9,.2,1) both}.discovery-rays{animation:rays-in .7s ease-out both}@keyframes reveal-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes trophy-rise{0%{transform:translateY(18px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes rays-in{0%{transform:scale(.5) rotate(-16deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}}@media(max-width:760px){.play-card,.result-page{text-align:left}.play-card .guess-form,.community-progress,.discovery-copy,.rarity-copy{margin-left:0;margin-right:0}.career-grid,.trophy-grid{grid-template-columns:1fr}.history-row{grid-template-columns:1fr;padding:14px}.result-actions,.section-row{align-items:stretch;flex-direction:column}.sort-control{align-items:stretch}.history-score{justify-items:start}}