:root{--bg:#101311;--panel:#191e1a;--panel2:#212721;--line:#354033;--text:#f5f4ea;--muted:#a1ac9c;--red:#ff5946;--lime:#d5f592;--gold:#ffd182;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}h1,h2,h3,p{margin:0}button{border:0}small{font-size:12px}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 64px));margin:0 auto}.header{height:95px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:11px;align-items:center;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.brand-ball{width:42px;height:42px;display:grid;place-items:center;background:var(--red);border-radius:12px;transform:rotate(-6deg);font-size:27px}.brand b{font-size:22px;letter-spacing:-.5px;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.7px;margin-top:3px}.header-right{display:flex;gap:20px;align-items:center}.header-link{font-size:12px;color:var(--muted)}.icon-button{color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:11px}.icon-button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.net{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.net i{display:block;width:6px;height:6px;border-radius:50%;background:var(--lime)}.net.lost i{background:var(--red)}main{padding:35px 0 30px;min-height:calc(100vh - 174px)}footer{border-top:1px solid var(--line);padding:18px 0 22px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:750}.tag{display:inline-flex;gap:7px;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:50px;font-size:10px;color:var(--muted)}.tag.live{color:var(--lime);border-color:#4c6139;background:#20291b}.button{min-height:46px;padding:12px 18px;border-radius:11px;font-size:13px;font-weight:750;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text);background:var(--panel2);border:1px solid var(--line)}.button:hover:not(:disabled){filter:brightness(1.13)}.button.primary{background:var(--red);color:#21110b;border-color:transparent}.button.good{background:var(--lime);color:#1a2712;border-color:transparent}.button.danger{background:#39231f;color:#ffa596;border-color:#6e4035}.button.ghost{background:transparent;color:var(--muted)}.button.small{padding:9px 13px;min-height:37px;font-size:11px}.button.wide{width:100%}.muted{color:var(--muted)}.panel{padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.landing-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:start}.hero{padding-top:8px}.hero h1{font-size:clamp(39px,4.8vw,63px);font-weight:800;letter-spacing:-2.7px;line-height:1.04;margin:20px 0 18px}.hero h1 span{color:var(--red)}.hero p{color:var(--muted);font-size:14px;line-height:1.7;max-width:410px}.hero-visual{margin-top:26px;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;gap:23px;background:var(--panel);align-items:center}.hero-visual img{width:47%;height:158px;object-fit:cover;object-position:50% 32%}.hero-visual div{padding:16px 15px 16px 0}.hero-visual strong{display:block;font-size:20px;letter-spacing:-.5px}.hero-visual small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.setup{padding:27px}.tabs{display:flex;background:#101510;padding:4px;border-radius:12px;gap:4px;margin-bottom:24px}.tabs button{flex:1;border-radius:8px;min-height:41px;color:var(--muted);font-size:12px;font-weight:700;background:transparent}.tabs button.active{background:var(--panel2);color:var(--text)}.setup h2{font-size:24px;letter-spacing:-.8px;margin-bottom:5px}.setup .lead{font-size:12px;color:var(--muted);margin-bottom:20px}.field{display:block;font-size:11px;color:var(--muted);margin:15px 0 7px}.input,select{display:block;width:100%;min-width:0;border:1px solid #454f3e;border-radius:10px;padding:12px 13px;background:#111611;color:var(--text);font-size:16px}.input::placeholder{color:#6f7c68}.row-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:12px;line-height:1.6;color:var(--muted)}.checkbox input{accent-color:var(--lime);width:17px;height:17px;flex:0 0 17px;margin:2px 0}.options{display:flex;gap:25px;margin:19px 0}.consent{border-top:1px solid var(--line);padding-top:17px;margin:17px 0}.consent b{color:var(--text);font-weight:650}.form-note{color:var(--muted);font-size:10px;line-height:1.6;margin-top:12px}.code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:3px;font-size:24px;text-transform:uppercase}.resume-card{margin-top:15px;padding:15px 18px;background:#212a1c;border:1px solid #475b36;border-radius:14px;display:flex;gap:15px;justify-content:space-between;align-items:center}.resume-card p{font-size:11px;color:var(--muted);margin-top:3px}.resume-card b{font-size:12px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px;border-top:1px solid var(--line);padding-top:22px}.feature-row b{font-size:12px;display:block;margin-bottom:4px}.feature-row p{font-size:11px;line-height:1.65;color:var(--muted)}.feature-row .num{color:var(--red);font-family:monospace;margin-right:8px}.notice{padding:14px 17px;border:1px solid #6d5632;background:#282718;border-radius:12px;font-size:12px;color:var(--gold);line-height:1.6;margin-bottom:16px}.notice.error{background:#2d1e1b;border-color:#704132;color:#ffb3a2}.notice.neutral{background:#1d2619;border-color:#4b5d3b;color:var(--muted)}.notice .button{margin-top:10px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.room-heading h1{font-size:30px;letter-spacing:-1px;margin-top:4px}.room-heading .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.invite-card{padding:17px 19px;border:1px dashed #536146;border-radius:15px;background:#171d15;display:flex;justify-content:space-between;gap:16px;align-items:center}.invite-card .code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:21px;font-weight:800;letter-spacing:2px;display:block;margin-top:3px}.invite-card p{color:var(--muted);font-size:10px}.invite-card .toolbar{flex-direction:column;align-items:stretch;gap:5px}.waiting{display:grid;grid-template-columns:1.13fr 1fr;gap:24px}.waiting-main{padding:31px}.waiting-main h2{font-size:25px;letter-spacing:-.7px;margin-bottom:8px}.waiting-main>p{font-size:12px;color:var(--muted)}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.player-card{padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:17px;min-width:0;position:relative}.player-card.turn{border-color:var(--red);background:#291f19}.player-card.p1.turn{border-color:#86995d;background:#222b1b}.player-card .who{display:flex;gap:10px;align-items:center;min-width:0}.player-card .mark{width:34px;height:34px;flex:0 0 34px;font-size:32px;font-weight:800;line-height:1;color:var(--red);display:grid;place-items:center}.player-card.p1 .mark{color:var(--lime)}.player-card .name{font-size:16px;font-weight:750;overflow-wrap:anywhere;line-height:1.3}.player-card .you{font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:3px}.presence{font-size:10px;color:var(--muted);display:block;margin-top:12px;overflow-wrap:anywhere}.presence.active{color:var(--lime)}.presence.hidden,.presence.blurred{color:var(--gold)}.presence.offline{color:#f49487}.player-card .wallet{font-size:12px;margin-top:11px;color:var(--gold);display:flex;justify-content:space-between;gap:8px;align-items:center}.wallet small{font-size:9px;color:var(--muted)}.ready-label{font-size:11px;color:var(--lime);margin-top:13px}.rules h3{font-size:17px;letter-spacing:-.4px;margin-bottom:14px}.rules p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:12px}.rules p:last-child{margin-bottom:0}.rules b{color:var(--text)}.spectators{padding:16px 0;font-size:11px;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap;align-items:center}.spectators strong{color:var(--text);font-weight:650;margin-right:5px}.spectator-name{font-size:10px;padding:4px 8px;background:var(--panel2);border-radius:6px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:22px;align-items:start}.game-main .players{margin:0 0 15px}.clock-bar{border:1px solid var(--line);background:#1b2318;border-radius:14px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.clock-bar .label{font-size:12px;font-weight:700}.clock-bar small{color:var(--muted);font-size:10px;display:block;margin-top:3px}.time{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1;letter-spacing:-1px;white-space:nowrap}.time small{display:inline;font-size:11px;letter-spacing:0;margin-left:5px;font-weight:400}.time.urgent{color:var(--red)}.board-card{padding:20px 18px 15px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.board{display:grid;grid-template-columns:86px repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.corner{display:flex;align-items:center;justify-content:center;color:#778870;font-size:26px}.axis{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;text-align:center;padding:7px 1px;min-width:0}.axis .label{font-size:10px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.badge{display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;position:relative;flex-shrink:0;background:#2c3527;border-radius:10px;color:var(--muted);font-size:11px;font-weight:800}.badge .initial{position:absolute}.badge img{position:relative;max-height:31px;max-width:31px;object-fit:contain;background:#273023;border-radius:5px}.flag{font-size:27px;min-height:37px;display:flex;align-items:center;justify-content:center}.flag.text-flag{font-size:13px;font-weight:750;background:#2b3426;border-radius:8px;padding:0 7px}.cell{background:#101610;border:1px solid #3f4938;border-radius:12px;min-height:114px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;color:var(--text);min-width:0;gap:5px;transition:border-color .12s,background .12s}.cell:hover{background:#222c1c}.cell.selected{border:2px solid var(--gold);background:#282819;padding:13px 7px}.cell.p0{border-color:#663c30;background:#281c17}.cell.p1{border-color:#4b6237;background:#202b19}.cell .empty{font-size:26px;color:#58604d;font-weight:300}.cell .owner{font-size:30px;line-height:1;font-weight:800;color:var(--red)}.cell.p1 .owner{color:var(--lime)}.cell .footballer{font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.cell .cell-note{font-size:8px;color:var(--muted)}.cell .bought{position:absolute;right:7px;top:7px;font-size:9px;color:var(--gold)}.cell.win{box-shadow:inset 0 0 0 2px var(--lime)}.board-caption{font-size:10px;color:var(--muted);margin-top:14px;line-height:1.6}.below-board{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.aside{display:grid;gap:14px;position:sticky;top:16px}.answer-panel{padding:23px}.answer-panel h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:10px 0 19px;overflow-wrap:anywhere}.answer-panel .question{font-size:12px;color:var(--muted);margin-bottom:12px}.answer-panel .button{margin-top:10px}.answer-panel .input{padding:13px 14px}.answer-placeholder{padding:25px 22px;min-height:210px;display:flex;flex-direction:column;justify-content:center}.answer-placeholder .symbol{font-size:39px;color:var(--red);line-height:1;margin-bottom:16px}.answer-placeholder h2{font-size:23px;letter-spacing:-.7px}.answer-placeholder p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.65}.scout{background:#1a2014;border:1px solid #56603a;border-radius:18px;overflow:hidden}.scout-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;background:#262a19}.scout-header b{font-size:14px}.scout-header .diamond{color:var(--gold);margin-right:7px}.scout-header small{color:var(--gold);font-size:11px}.scout-body{padding:18px}.scout-caption{font-size:11px;color:#b7bea5;line-height:1.65;margin-bottom:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.product{border:1px solid #525c35;border-radius:12px;padding:11px 9px;background:#252b1a;color:var(--text);text-align:left;min-height:126px;display:flex;flex-direction:column;gap:5px}.product small{font-size:9px;color:var(--muted)}.product b{font-size:11px}.product strong{color:var(--gold);font-size:22px;font-weight:750;line-height:1;margin-top:auto}.product.open{opacity:.8;border-color:#7c8854}.product.open strong{font-size:11px}.scout-foot{color:#98a289;font-size:9px;line-height:1.65;margin-top:12px}.clue{border-top:1px solid #444f2e;padding:18px;background:#18200f}.clue>.eyebrow{color:#b5c588;font-size:9px;margin-bottom:13px}.facts{display:grid;gap:9px}.fact{display:flex;gap:11px;align-items:center}.fact small{display:block;font-size:9px;color:#8f9d80}.fact b{font-size:12px;color:#e0e7d2;font-weight:650}.fact .flag{font-size:23px;min-height:29px}.name-mask{margin-top:15px;padding:12px 13px;border:1px solid #4e5935;background:#222c17;border-radius:10px;overflow-wrap:anywhere;letter-spacing:1px;font-size:17px;color:var(--gold);font-weight:650}.name-mask small{font-size:8px;letter-spacing:1px;display:block;color:var(--muted);margin-bottom:7px}.choices{display:grid;gap:7px;margin-top:13px}.choice{background:#29321f;border:1px solid #4f6037;border-radius:9px;padding:12px;color:#e4efd4;font-size:12px;font-weight:650;text-align:left;min-height:45px}.choice:hover{background:#35432a}.resolution{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.resolution p{font-size:11px;line-height:1.6;color:var(--gold)}.resolution .choice{width:100%;margin-top:7px}.resolution .manual{color:var(--gold);font-size:11px}.review-box{border:1px solid #8c693a;background:#292515;border-radius:18px;padding:22px}.review-box h2{font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:10px 0}.review-box p{font-size:12px;color:#c7b992;line-height:1.65}.review-box .timer{font-size:12px;color:var(--gold);font-weight:750;margin:13px 0}.review-box a{font-size:11px;display:inline-block;margin:10px 0}.review-box .buttons{display:flex;gap:8px;margin-top:12px}.review-box .button{flex:1}.room-log{border:1px solid var(--line);border-radius:17px;margin-top:18px;overflow:hidden}.room-log summary{padding:17px 20px;cursor:pointer;font-size:12px;font-weight:700;display:flex;justify-content:space-between;list-style:none;gap:10px}.room-log summary small{color:var(--muted);font-weight:400;font-size:10px}.log-list{max-height:350px;overflow:auto;padding:0 20px 10px}.log-entry{border-top:1px solid #2d3729;padding:10px 0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;font-size:11px}.log-entry time{color:#7d8b75;font-variant-numeric:tabular-nums;font-size:9px;padding-top:2px}.log-entry b{font-weight:650}.log-entry span{color:var(--muted)}.log-entry.attention span{color:var(--gold)}.result-box{border:1px solid #576c3b;background:linear-gradient(120deg,#293a1d,#172014);padding:24px;border-radius:18px;margin-bottom:17px}.result-box h2{font-size:30px;letter-spacing:-.9px;margin:7px 0}.result-box p{font-size:12px;color:#b0c39e}.result-box .button{margin-top:16px}.answers-review{margin:15px 0;padding:17px;border:1px solid var(--line);border-radius:14px}.answers-review summary{font-size:12px;font-weight:700;cursor:pointer}.answers-review p{font-size:11px;color:var(--muted);margin-top:12px}.answers-review b{color:var(--text)}.loading{display:flex;gap:12px;color:var(--muted);align-items:center;justify-content:center;min-height:300px}.pulse{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:pulse 1s infinite alternate}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:50;max-width:min(530px,calc(100% - 26px));width:max-content;padding:13px 19px;background:var(--gold);color:#2b2415;border-radius:12px;font-size:12px;font-weight:650;box-shadow:0 8px 40px #0008;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(520px,calc(100% - 28px));padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:18px;color:var(--text)}dialog::backdrop{background:#050905b8}dialog h2{font-size:22px;margin-bottom:8px}dialog p{font-size:12px;color:var(--muted)}dialog textarea{display:block;width:100%;height:100px;margin:15px 0;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;resize:vertical;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes pulse{to{opacity:.2}}
@media(max-width:1050px){.shell{width:calc(100% - 40px)}.landing-grid{gap:30px}.hero h1{font-size:49px}.game-grid{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.board{grid-template-columns:69px repeat(3,minmax(0,1fr));gap:6px}.board-card{padding:16px 12px}.cell{min-height:105px}.answer-panel{padding:20px}.products{gap:6px}.product{padding:10px 7px}.player-card{padding:15px}.player-card .wallet{flex-wrap:wrap}.header-right{gap:13px}}
@media(max-width:800px){.header .net{display:none}.hero h1{font-size:43px;letter-spacing:-1.9px}.landing-grid{gap:22px}.setup{padding:21px}.hero-visual{gap:12px}.hero-visual img{height:140px}.hero-visual strong{font-size:17px}.game-grid{grid-template-columns:1fr}.aside{position:static;grid-template-columns:1fr 1fr;align-items:start}.aside .answer-placeholder,.aside .review-box{grid-column:1/-1}.board{grid-template-columns:84px repeat(3,minmax(0,1fr))}.cell{min-height:128px}.cell .footballer{font-size:13px}.axis .label{font-size:11px}.invite-card{padding:15px}.invite-card .code{font-size:18px}.waiting{grid-template-columns:1fr;gap:18px}.waiting .rules{display:none}.header-right{gap:10px}.answer-panel h2{font-size:23px}.room-heading h1{font-size:26px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.header{height:77px}.brand b{font-size:18px}.brand small{font-size:6px;letter-spacing:1.3px}.brand-ball{height:35px;width:35px;font-size:23px;border-radius:10px}.header-right{gap:7px}.header-link{font-size:10px}.icon-button{font-size:0;width:31px;height:31px;padding:0}.icon-button:after{content:'♪';font-size:18px}.header{gap:8px}.brand{gap:8px}main{padding:25px 0}.landing-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:47px;letter-spacing:-2.2px;margin-top:18px}.hero p{font-size:13px;max-width:360px}.hero-visual{margin-top:20px;gap:18px}.hero-visual img{width:41%;height:108px}.hero-visual strong{font-size:19px}.hero-visual small{font-size:11px}.setup{padding:23px}.feature-row{grid-template-columns:1fr;gap:16px;margin-top:25px;padding-top:20px}.feature-row p{font-size:11px}footer{flex-direction:column;gap:5px;font-size:9px}.room-heading{align-items:flex-start;gap:9px;margin-bottom:17px}.room-heading h1{font-size:25px}.room-heading .tag{font-size:9px}.toolbar .button{font-size:10px;min-height:35px;padding:8px 10px}.invite-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.invite-card{padding:13px 16px}.invite-card .toolbar{flex-direction:row;gap:6px}.invite-card .code{font-size:20px}.invite-card .eyebrow{font-size:8px;letter-spacing:1.2px}.waiting-main{padding:23px}.waiting-main h2{font-size:24px}.players{gap:9px;margin:19px 0}.player-card{padding:14px 12px}.player-card .mark{font-size:28px;width:26px;flex-basis:26px}.player-card .who{gap:5px}.player-card .name{font-size:13px}.player-card .you{font-size:8px}.presence{font-size:9px;line-height:1.5;margin-top:9px}.player-card .wallet{font-size:11px;gap:3px;margin-top:9px}.wallet small{font-size:8px}.clock-bar{padding:12px 15px;position:sticky;top:8px;z-index:5;box-shadow:0 5px 15px #0005}.clock-bar .label{font-size:11px}.clock-bar small{font-size:9px}.time{font-size:29px}.board-card{padding:13px 10px}.board{grid-template-columns:66px repeat(3,minmax(0,1fr));gap:5px}.cell{min-height:99px;border-radius:9px;padding:11px 5px}.cell.selected{padding:10px 4px}.cell .footballer{font-size:10px;line-height:1.3}.cell .owner{font-size:25px}.cell .cell-note{font-size:7px}.axis .label{font-size:9px}.badge{width:31px;height:31px;border-radius:8px}.badge img{max-width:26px;max-height:26px}.flag{font-size:23px;min-height:31px}.flag.text-flag{font-size:11px}.axis{gap:4px}.corner{font-size:21px}.below-board{margin-bottom:6px;gap:6px}.below-board .button{font-size:10px;padding:9px 10px;min-height:38px}.aside{grid-template-columns:1fr;gap:13px}.answer-panel{padding:23px}.answer-panel h2{font-size:27px;line-height:1.2;margin:10px 0 14px}.scout-header{padding:17px 20px}.scout-body{padding:18px}.products{gap:8px}.product{min-height:121px;padding:12px 10px}.product b{font-size:12px}.product small{font-size:10px}.product strong{font-size:24px}.result-box{padding:23px}.result-box h2{font-size:29px}.room-log summary{padding:16px;font-size:11px}.log-list{padding:0 15px 10px}.log-entry{gap:8px;grid-template-columns:35px minmax(0,1fr)}.spectators{font-size:10px;padding:13px 0}.notice{font-size:11px}.resume-card{padding:14px}.resume-card .button{font-size:10px;padding:9px}.options{gap:16px}.checkbox{font-size:11px}.board-caption{font-size:9px}.toast{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Derbyo public beta */
.brand-period{color:var(--red)}.beta-badge{font-size:8px;letter-spacing:1.2px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;color:var(--lime);align-self:flex-start;margin-top:2px}.brand b{letter-spacing:-1px}.brand small{letter-spacing:1.5px}
.site-footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:22px}.site-footer>div{display:flex;flex-direction:column;gap:5px}.site-footer b{font-size:13px;color:var(--text)}.site-footer .quiet{font-weight:400;color:var(--muted);font-size:11px}.site-footer nav{display:flex;gap:17px;flex-wrap:wrap;align-items:center}.site-footer a,.footer-feedback{font-size:11px;color:var(--muted);text-decoration:none}.site-footer a:hover,.footer-feedback:hover{color:var(--lime)}.footer-feedback{background:none;border:0;padding:5px 0;cursor:pointer}
.commercial-region{margin:160px 0 35px;padding:20px 0;border-top:1px solid var(--line);text-align:center}.commercial-region:empty{display:none}.commercial-region .ad-label{display:block;font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-bottom:10px}.ad-preview{width:min(728px,100%);min-height:100px;margin:0 auto;border:1px dashed #58634c;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:repeating-linear-gradient(-45deg,#1a2016,#1a2016 10px,#171d14 10px,#171d14 20px);color:#a6b39b}.ad-preview strong{font-size:13px}.ad-preview span{font-size:11px}.commercial-region[data-placement=postmatch]{margin-top:180px}
.document-main{max-width:800px;margin:0 auto;padding:45px 0 55px}.document-main h1{font-size:clamp(32px,5vw,48px);line-height:1.1;letter-spacing:-1.4px;margin-bottom:23px}.document-main h2{font-size:22px;margin:30px 0 11px;letter-spacing:-.4px}.document-main p{font-size:14px;line-height:1.85;color:var(--muted);margin:12px 0}.document-main b,.document-main strong{color:var(--text)}.document-main .tag{margin-bottom:21px}.document-main .doc-note{padding:17px 19px;border:1px solid #56613b;border-radius:13px;background:#202916;color:#c8d8b4}.document-main .button{margin-top:16px}.document-main ul{padding-left:20px;font-size:14px;color:var(--muted);line-height:1.9}.document-main a{color:var(--lime)}
.feedback-dialog{max-width:560px}.feedback-dialog .form-note{line-height:1.6}.feedback-dialog textarea{height:140px;max-height:45vh}.feedback-dialog .field{display:block;font-size:12px;margin-top:16px}.feedback-dialog .buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.feedback-dialog .buttons button{min-height:43px}.feedback-meta{font-size:10px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;margin:13px 0;color:var(--muted);line-height:1.6}.feedback-dialog #feedback-status{margin-top:12px;color:var(--lime)}.feedback-dialog .warn{color:var(--gold);font-size:11px;margin:10px 0}
@media(max-width:620px){.beta-badge{display:none}.site-footer{align-items:flex-start;gap:18px;padding:22px 0}.site-footer nav{gap:11px 17px}.site-footer a,.footer-feedback{font-size:10px}.document-main{padding:30px 0}.document-main h2{font-size:21px}.commercial-region{margin-top:160px}.ad-preview{max-width:320px;min-height:100px;padding:14px}.ad-preview strong{font-size:12px}.ad-preview span{font-size:10px}.feedback-dialog{padding:21px}.feedback-dialog .buttons{flex-wrap:wrap}}