:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183232;background:#f6f1e8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #183232;--muted: #64706c;--surface: #fffdfa;--surface-strong: #f8efe1;--brand: #143c3c;--brand-soft: #d8ebe5;--accent: #f7d65a;--coral: #ff7b54;--line: #ddd3c2;--shadow: 0 18px 48px rgba(20, 60, 60, .12);--radius: 8px}*{box-sizing:border-box}html{min-width:320px;background:#f6f1e8}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px clamp(16px,4vw,44px);border-bottom:1px solid rgba(20,60,60,.12);background:#f6f1e8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button,.nav-button,.language-picker,.site-footer button,.footer-link-button,.secondary-action,.primary-action{min-height:44px;border-radius:var(--radius)}.brand-button{display:inline-flex;align-items:center;gap:12px;width:fit-content;min-width:0;padding:4px 0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.brand-button strong,.brand-button small{display:block}.brand-button strong{font-size:.98rem;line-height:1.1}.brand-button small{margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.2}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;color:#fff;background:#2563eb;border-radius:var(--radius);font-size:1rem;font-weight:900}.top-nav{display:flex;gap:8px;min-width:0}.nav-button,.secondary-action,.primary-action,.site-footer button,.footer-link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.nav-button,.secondary-action,.site-footer button,.footer-link-button{color:var(--brand);background:#fffdfac7;border:1px solid rgba(20,60,60,.16)}.nav-button:hover,.secondary-action:hover,.site-footer button:hover,.footer-link-button:hover,.primary-action:hover{transform:translateY(-1px)}.primary-action{width:100%;color:#102929;background:var(--accent);font-weight:800;border:1px solid #e3bf31}.primary-action:disabled{cursor:not-allowed;opacity:.65;transform:none}.primary-action.compact{width:auto;min-width:170px}.language-picker{display:inline-flex;align-items:center;gap:8px;padding:0 10px;color:var(--brand);background:#fffdfac7;border:1px solid rgba(20,60,60,.16)}.language-picker select{max-width:138px;color:var(--brand);background:transparent;border:0;outline:0;cursor:pointer}.main-content{flex:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(20px,4vw,48px) 0 40px}.hero-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);gap:clamp(20px,4vw,42px);align-items:start;min-width:0;margin-bottom:20px}.hero-section>*,.two-column>*,.content-grid>*{min-width:0}.hero-copy{padding:clamp(16px,4vw,34px) 0}.eyebrow{margin:0 0 8px;color:var(--coral);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:720px;margin:0;color:var(--brand);font-size:clamp(2.35rem,6vw,5rem);line-height:.96;letter-spacing:0}.hero-copy>p:last-child{max-width:640px;margin:18px 0 0;color:#4d5d58;font-size:1.05rem;line-height:1.72}.tool-panel,.result-panel,.league-panel,.share-panel,.history-panel,.join-panel,.legal-page,.not-found-page{width:100%;max-width:100%;min-width:0;padding:clamp(18px,3vw,28px);background:var(--surface);border:1px solid rgba(20,60,60,.12);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-title-row h2{margin:0;color:var(--brand);font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.12}.field-help,.notice{margin:12px 0 18px;color:var(--muted);line-height:1.55}.input-grid{display:grid;gap:12px}.result-input{display:grid;gap:7px}.result-input span{color:var(--brand);font-weight:800}.result-input textarea{width:100%;min-height:64px;resize:vertical;padding:12px 13px;color:var(--ink);background:#fbf7ef;border:1px solid var(--line);border-radius:var(--radius);outline:none;transition:border .16s ease,box-shadow .16s ease,background .16s ease}.result-input textarea:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px #143c3c1f}.result-input small{color:var(--muted);font-size:.78rem}.form-message{margin:14px 0 10px;color:#245b3f;font-weight:700}.form-message-error{color:#ad3b22}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metric-strip>div,.result-summary-grid>div,.share-card-metrics>div{min-width:0;padding:14px;background:var(--brand-soft);border:1px solid rgba(20,60,60,.14);border-radius:var(--radius)}.metric-strip>div{display:grid;gap:5px}.metric-strip svg{color:var(--coral)}.metric-strip span,.result-summary-grid span,.share-card-metrics span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.metric-strip strong,.result-summary-grid strong,.share-card-metrics strong{display:block;margin-top:4px;color:var(--brand);font-size:1rem;overflow-wrap:anywhere}.ad-slot{display:grid;gap:5px;margin:18px 0;padding:16px;color:#52605b;background:repeating-linear-gradient(-45deg,#143c3c0f,#143c3c0f 8px,#fffdfad6 8px,#fffdfad6 16px);border:1px dashed rgba(20,60,60,.28);border-radius:var(--radius)}.ad-slot span{color:var(--brand);font-weight:800}.ad-slot p{margin:0;line-height:1.45}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:18px;align-items:start;min-width:0}.result-list{display:grid;gap:0;margin:20px 0;border-top:1px solid var(--line)}.result-list div,.share-card dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.result-list dt,.share-card dt{color:var(--muted);font-weight:700}.result-list dd,.share-card dd{margin:0;color:var(--ink);font-weight:900;text-align:right;overflow-wrap:anywhere}.score-badge{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;color:var(--brand);background:var(--accent);border-radius:50%;font-size:1.35rem}.score-badge span{font-size:.58rem;font-weight:900;text-transform:uppercase}.result-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.viral-hook,.season-strip{display:flex;gap:12px;align-items:flex-start;padding:14px;margin-top:18px;background:#fff2bf;border:1px solid #e2bd38;border-radius:var(--radius)}.viral-hook svg,.season-strip svg{flex:0 0 auto;color:var(--coral)}.viral-hook strong,.viral-hook span,.season-strip strong,.season-strip span{display:block;overflow-wrap:anywhere}.viral-hook strong,.season-strip strong{color:var(--brand)}.viral-hook span,.season-strip span{margin-top:3px;color:#52605b;line-height:1.45}.score-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px}.score-breakdown span{padding:7px 9px;color:var(--brand);background:#d8ebe5bd;border:1px solid rgba(20,60,60,.12);border-radius:var(--radius);font-size:.78rem;font-weight:800}.pressure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.pressure-grid>div,.daily-summary,.rival-strip{min-width:0;padding:14px;background:#fbf7ef;border:1px solid rgba(20,60,60,.12);border-radius:var(--radius)}.pressure-grid span,.daily-summary strong{display:block;color:var(--coral);font-size:.76rem;font-weight:900;text-transform:uppercase}.pressure-grid strong,.daily-summary p,.rival-strip strong,.rival-strip span{display:block;margin:5px 0 0;color:var(--brand);line-height:1.45;overflow-wrap:anywhere}.daily-summary{margin-bottom:18px;background:#fff2bf;border-color:#e2bd38}.daily-summary p{color:#52605b}.action-row{display:flex;flex-wrap:wrap;gap:10px}.secondary-action,.link-action{width:auto;min-width:148px;font-weight:800}.empty-panel{display:grid;gap:14px;align-content:start}.empty-panel h2{margin:0;color:var(--brand)}.empty-panel p{margin:0;color:var(--muted)}.league-table{display:grid;gap:8px;margin-top:16px}.league-row{display:grid;grid-template-columns:72px minmax(0,1.5fr) minmax(58px,.5fr) minmax(82px,.7fr) minmax(86px,.7fr);gap:12px;align-items:center;padding:12px;background:#fbf7ef;border:1px solid rgba(20,60,60,.1);border-radius:var(--radius)}.league-head{color:var(--muted);background:transparent;border-color:transparent;font-size:.78rem;font-weight:900;text-transform:uppercase}.current-player{background:#fff2bf;border-color:#e2bd38;animation:rankPulse 1.2s ease-out}.league-row span{min-width:0;overflow-wrap:anywhere}.league-row small{display:block;margin-top:3px;color:var(--muted)}.join-code{padding:8px 10px;color:var(--brand);background:var(--accent);border-radius:var(--radius);font-weight:900}.league-meta{display:grid;gap:4px;width:fit-content;max-width:100%;margin:18px 0;padding:12px 14px;color:var(--brand);background:var(--brand-soft);border:1px solid rgba(20,60,60,.14);border-radius:var(--radius)}.league-meta span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.league-meta strong{font-size:1.2rem;letter-spacing:0}.league-list,.history-list{display:grid;gap:10px;margin:18px 0}.league-card-row,.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0;padding:14px;background:#fbf7ef;border:1px solid rgba(20,60,60,.1);border-radius:var(--radius)}.league-card-row>div,.history-row>*{min-width:0}.league-card-row>div:first-child,.league-card-row>div:last-child{display:grid;gap:4px}.league-card-row>div:last-child{justify-items:end}.league-card-row span,.history-row span{color:var(--muted);font-weight:700;overflow-wrap:anywhere}.league-card-row strong,.history-row strong,.history-row b{color:var(--brand);overflow-wrap:anywhere}.history-panel h1,.join-panel h1{margin:0;color:var(--brand);font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.12}.history-month{margin-top:22px}.history-month h2{margin:0 0 8px;color:var(--brand)}.join-panel{max-width:760px;margin:0 auto}.join-panel p{color:#4d5d58;line-height:1.65}.rival-strip{display:grid;gap:5px;margin:0 0 16px;background:#fff2bf;border-color:#e2bd38}.rival-strip span{color:#52605b}.league-hero-stats{display:grid;grid-template-columns:.8fr .45fr 1.2fr;gap:10px;margin:16px 0}.league-hero-stats>div{min-width:0;padding:14px;background:var(--brand-soft);border:1px solid rgba(20,60,60,.14);border-radius:var(--radius)}.league-hero-stats span{display:block;color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.league-hero-stats strong{display:block;margin-top:5px;color:var(--brand);overflow-wrap:anywhere}.rank-up,.rank-down{display:inline-flex;align-items:center;gap:4px;font-weight:900}.rank-up{color:#1f7a47;animation:rankClimb .9s ease-out}.rank-down{color:#b9432b;animation:rankDrop .9s ease-out}@keyframes rankPulse{0%{box-shadow:0 0 #f7d65acc}to{box-shadow:0 0 0 12px #f7d65a00}}@keyframes rankClimb{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes rankDrop{0%{transform:translateY(-8px)}to{transform:translateY(0)}}.share-card-shell{display:grid;place-items:center;margin:18px 0;padding:18px;min-width:0;overflow:hidden;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius)}.share-card{width:min(100%,430px);min-width:0;aspect-ratio:4 / 5;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:clamp(18px,5vw,30px);color:#f7f2e8;background:linear-gradient(145deg,rgba(255,123,84,.22),transparent 42%),var(--brand);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius)}.trybeat-share-card{aspect-ratio:auto;min-height:540px}.share-card-top{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-weight:900;overflow-wrap:anywhere}.share-card h3{margin:0;color:#fff;font-size:clamp(2rem,8vw,3rem);line-height:1;letter-spacing:0}.rank-badge{display:grid;justify-items:start;width:fit-content;min-width:112px;padding:12px 14px;color:var(--brand);background:var(--accent);border-radius:var(--radius)}.rank-badge span{font-size:2.6rem;line-height:.9;font-weight:900}.rank-badge strong{margin-top:4px;font-size:.88rem;text-transform:uppercase}.share-card dl{margin:0}.share-card dl div{border-color:#ffffff2e}.share-card dt,.share-card dd,.share-card p{color:#f7f2e8}.share-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-rank-lines{display:grid;gap:10px}.share-rank-lines>div{min-width:0;padding:13px 0;border-top:1px solid rgba(255,255,255,.18)}.share-rank-lines strong{display:block;color:#fff;font-size:clamp(1.25rem,5vw,1.7rem);overflow-wrap:anywhere}.share-card-metrics>div{background:#ffffff17;border-color:#ffffff24}.share-card-metrics span,.share-card-metrics strong{color:#fff}.share-card p{margin:0;color:var(--accent);font-weight:800}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.seo-landing-page{display:grid;gap:20px}.seo-hero{display:grid;gap:16px;padding:clamp(20px,5vw,44px);background:var(--surface);border:1px solid rgba(20,60,60,.12);border-radius:var(--radius);box-shadow:var(--shadow)}.seo-hero h1{max-width:880px}.seo-hero p:not(.eyebrow){max-width:760px;margin:0;color:#4d5d58;line-height:1.7}.seo-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-block,.faq-section{padding:18px;background:#fffdfab8;border:1px solid rgba(20,60,60,.1);border-radius:var(--radius)}.info-block h2,.faq-section h2,.legal-page h1,.not-found-page h1{margin:0 0 10px;color:var(--brand);font-size:clamp(1.35rem,3vw,2rem)}.info-block p,.faq-section p,.legal-page p,.not-found-page p{margin:0;color:#4d5d58;line-height:1.65}.faq-section{grid-column:1 / -1}.faq-section details{padding:14px 0;border-top:1px solid var(--line)}.faq-section details:first-of-type{margin-top:8px}.faq-section summary{color:var(--brand);font-weight:900;cursor:pointer}.faq-section details p{margin-top:10px}.legal-page,.not-found-page{max-width:820px;margin:0 auto}.legal-page h2{margin:22px 0 8px;color:var(--brand)}.not-found-page{display:grid;gap:14px;justify-items:start}.site-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px clamp(16px,4vw,44px);color:var(--muted);border-top:1px solid rgba(20,60,60,.12)}.footer-brand{display:grid;gap:3px}.footer-brand strong{color:var(--brand);font-size:1rem}.footer-brand span{color:var(--ink);font-weight:700}.site-footer p{margin:0;line-height:1.45}.site-footer>div:last-child{display:flex;flex-wrap:wrap;gap:8px}[dir=rtl] .result-list dd,[dir=rtl] .share-card dd{text-align:left}@media(max-width:1024px){.site-header{grid-template-columns:minmax(0,1fr) auto}.top-nav{order:3;grid-column:1 / -1;overflow-x:auto;padding-bottom:2px}.hero-section,.two-column{grid-template-columns:1fr}.hero-copy{padding-bottom:0}}@media(max-width:768px){.main-content{width:min(100% - 24px,680px);padding-top:18px}.metric-strip,.result-summary-grid,.pressure-grid,.content-grid,.league-hero-stats,.seo-section-grid{grid-template-columns:1fr}.league-row{grid-template-columns:46px minmax(0,1.25fr) 44px 60px 58px;gap:8px;padding:10px}.league-head{font-size:.7rem}.action-row{display:grid;grid-template-columns:1fr}.secondary-action,.primary-action.compact,.link-action{width:100%;min-width:0}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.site-header{grid-template-columns:1fr;gap:10px}.brand-button,.top-nav,.language-picker{width:100%}.nav-button{flex:1 1 0;min-width:0}.language-picker select{width:100%;max-width:none}h1{font-size:clamp(2.15rem,14vw,3.7rem)}.tool-panel,.result-panel,.league-panel,.share-panel,.history-panel,.join-panel,.legal-page,.not-found-page{padding:16px}.panel-title-row{align-items:flex-start}.score-badge{width:50px;height:50px}.share-card-shell{padding:10px}.share-card{min-height:430px}.share-card-top,.result-list div,.share-card dl div{grid-template-columns:1fr}.share-card-top{display:grid}.result-list dd,.share-card dd{text-align:left}.share-card-metrics,.league-card-row,.history-row{grid-template-columns:1fr}.league-card-row>div:last-child{justify-items:start}.viral-hook,.season-strip{display:grid}}