.game-frame-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:48px;display:grid}.game-frame-header>a{justify-self:start}.game-frame-title{letter-spacing:-.04em;align-items:baseline;gap:7px;display:flex}.game-frame-title span{color:#fff;letter-spacing:.16em;font-size:13px;font-weight:900}.game-frame-title strong{font-size:24px}.game-frame-actions{justify-self:end;gap:8px;display:flex}.game-frame-actions .control--icon{font-size:21px}.game-scoreboard{border:3px solid var(--control-ink);background:var(--control-paper);box-shadow:0 5px 0 var(--control-ink);overflow:hidden}.game-setup{z-index:10;backdrop-filter:blur(4px);background:#10213dc2;place-items:center;padding:72px 16px 16px;display:grid;position:fixed;inset:0;overflow:hidden}.game-setup-card{text-align:center;width:min(100%,520px);max-height:calc(100dvh - 92px);padding:22px;position:relative;overflow:hidden}.game-setup-back{align-self:flex-start;margin-bottom:12px}.game-setup-intro{color:#59667d;font-size:12px;font-weight:700;display:block}.game-option{border-color:var(--control-ink);transition:transform .13s cubic-bezier(.23,1,.32,1),background-color .13s ease-out}.game-option[aria-pressed=true]{background:var(--game-option-selected,#dcecff);box-shadow:inset 0 0 0 2px var(--game-option-accent,#2878d4), 0 3px 0 var(--control-ink)}.game-option--toggle[aria-pressed=true]{--game-option-selected:#dff8e8;--game-option-accent:#25875f}@media (width<=440px){.game-setup{padding-inline:10px}.game-setup-card{padding:15px 13px}}@media (width<=680px){.game-frame-header{grid-template-columns:1fr auto}.game-frame-title{display:none}}:root{--fraction-ink:#10213d;--fraction-paper:#fff9e8;--fraction-blue:#2878d4;--fraction-red:#e84f5f;--fraction-gold:#ffc857;--fraction-mint:#72d6b2;color:var(--fraction-ink);font-synthesis:none;background:#65c7e8;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{margin:0}.fraction-page{background:linear-gradient(#1529451a,#1529453d),url(/art/playground-world.webp) 50%/cover;place-items:center;min-height:100dvh;display:grid;overflow:hidden}.fraction-shell{flex-direction:column;gap:10px;width:min(96vw,1280px);height:min(94dvh,600px);padding:12px;display:flex;overflow:hidden}.fraction-scoreboard{border:3px solid var(--fraction-ink);background:var(--fraction-paper);min-height:68px;box-shadow:0 5px 0 var(--fraction-ink);border-radius:17px 17px 11px;grid-template-columns:1fr 150px 1fr;align-items:stretch;display:grid;overflow:hidden}.fraction-score{justify-content:space-between;align-items:center;gap:10px;padding:7px 18px;display:flex}.fraction-score--blue{background:#d7e9ff}.fraction-score--red{background:#ffe0df}.fraction-score span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.fraction-score strong{font-size:34px;line-height:1}.fraction-scoreboard>p{color:#65728a;letter-spacing:.08em;border-inline:2px dashed #a9b3c4;place-items:center;margin:0;font-size:10px;font-weight:900;display:grid}.fraction-scoreboard>p strong{color:var(--fraction-ink);font-size:20px}.fraction-grid{flex:1;grid-template-columns:minmax(240px,1fr) minmax(320px,1.45fr) minmax(240px,1fr);gap:10px;min-height:0;display:grid}.fraction-grid--solo{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.7fr)}.fraction-station,.fraction-race{border:3px solid var(--fraction-ink);min-height:0;box-shadow:0 6px 0 var(--fraction-ink);border-radius:22px 22px 14px}.fraction-station{background:var(--fraction-paper);grid-template-rows:auto minmax(0,1fr) 28px;gap:10px;padding:14px;display:grid}.fraction-station--blue{border-top-color:var(--fraction-blue)}.fraction-station--red{border-top-color:var(--fraction-red)}.fraction-station.is-correct{background:#dff8e8}.fraction-station.is-wrong{background:#ffe1df}.fraction-station header{justify-content:space-between;gap:8px;display:flex}.fraction-station header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.fraction-station header span{color:#65728a;letter-spacing:.08em;font-size:8px;font-weight:1000}.fraction-station output{color:#65728a;letter-spacing:.11em;text-align:center;font-size:9px;font-weight:1000}.fraction-choices{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;min-height:0;display:grid}.fraction-choices button{border:3px solid var(--fraction-ink);min-width:0;min-height:92px;color:var(--fraction-ink);box-shadow:0 5px 0 var(--fraction-ink);cursor:pointer;background:#fff;border-radius:18px;grid-template-rows:1fr 3px 1fr;place-items:center;padding:10px;display:grid}.fraction-choices button span{font-size:clamp(28px,4vw,46px);font-weight:1000;line-height:.9}.fraction-choices button i{background:currentColor;width:72%;height:3px;display:block}.fraction-choices button:active:not(:disabled){box-shadow:0 2px 0 var(--fraction-ink);transform:translateY(3px)scale(.98)}.fraction-choices button:disabled{opacity:.7}.fraction-vs{color:#7b879b;align-self:center;font-size:8px;font-weight:1000}.fraction-race{background:#c4efd9;flex-direction:column;gap:8px;padding:15px;display:flex}.fraction-race>strong{letter-spacing:.14em;text-align:center;font-size:10px}.fraction-track{border:3px solid var(--fraction-ink);background:#e9d3a6;border-radius:16px;flex:1;grid-template-rows:1fr 1fr;gap:12px;min-height:0;padding:32px 18px 14px;display:grid;position:relative;overflow:hidden}.fraction-finish{letter-spacing:.12em;font-size:9px;font-weight:1000;position:absolute;top:7px;right:10px}.fraction-lane{background:#ffffff61;border-block:2px dashed #10213d4d;position:relative}.fraction-lane:after{content:"";inset-block:0;border-right:7px double var(--fraction-ink);position:absolute;right:5%}.fraction-lane b{z-index:2;aspect-ratio:1;border:3px solid var(--fraction-ink);background:var(--fraction-blue);color:#fff;width:clamp(38px,4.5vw,52px);box-shadow:4px 4px 0 var(--fraction-ink);border-radius:50% 50% 34%;place-items:center;font-size:clamp(15px,2vw,22px);line-height:1;display:grid;position:absolute;top:50%;translate:-50% -50%}.fraction-lane b:before{content:"";z-index:-1;opacity:.7;border-block:3px solid;width:18px;height:8px;position:absolute;right:72%}.fraction-lane--red b{background:var(--fraction-red)}.fraction-lane b span{translate:-1px -1px}.fraction-setup{--game-option-accent:var(--fraction-blue)}.fraction-setup-card{flex-direction:column;display:flex}.fraction-eyebrow{color:#1d65be;letter-spacing:.2em;margin:0;font-size:9px;font-weight:1000}.fraction-setup h1{letter-spacing:-.045em;margin:5px 0 4px;font-size:30px;line-height:1}.fraction-intro{color:#59667d;font-size:12px;font-weight:700;display:block}.fraction-setup fieldset{border:0;margin:13px 0 0;padding:0}.fraction-setup legend{color:#526078;letter-spacing:.16em;text-align:left;width:100%;margin-bottom:5px;font-size:8px;font-weight:1000}.fraction-mode-grid,.fraction-difficulty-grid{gap:7px;display:grid}.fraction-mode-grid{grid-template-columns:repeat(2,1fr)}.fraction-difficulty-grid{grid-template-columns:repeat(3,1fr)}.fraction-mode-grid button,.fraction-difficulty-grid button{border:2px solid var(--fraction-ink);min-height:70px;color:var(--fraction-ink);box-shadow:0 3px 0 var(--fraction-ink);cursor:pointer;background:#fff;border-radius:13px;place-items:center;padding:7px;display:grid}.fraction-mode-grid button{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;column-gap:8px}.fraction-mode-grid button b{border:2px solid var(--fraction-ink);background:var(--fraction-gold);border-radius:50%;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.fraction-mode-grid button strong,.fraction-difficulty-grid button strong{font-size:13px}.fraction-mode-grid button small,.fraction-difficulty-grid button small{color:#4e5a70;font-size:9px;font-weight:700}.fraction-target>div{gap:7px;display:flex}.fraction-target button{flex:1}.fraction-start{width:100%;margin-top:14px}.fraction-winner{background:0 0;border:0;max-width:none;max-height:none;padding:0}.fraction-winner::backdrop{backdrop-filter:blur(5px);background:#10213db8}.fraction-winner section{border:3px solid var(--fraction-ink);background:var(--fraction-paper);width:min(100vw - 32px,460px);box-shadow:8px 9px 0 var(--fraction-ink);text-align:center;border-radius:28px 28px 18px;padding:34px 24px}.fraction-winner section>span{color:var(--fraction-gold);-webkit-text-stroke:2px var(--fraction-ink);font-size:58px}.fraction-winner p{color:#1d65be;letter-spacing:.16em;margin:7px 0;font-size:9px;font-weight:1000}.fraction-winner h2{margin:0 0 22px;font-size:38px}.fraction-winner section>div{justify-content:center;gap:8px;display:flex}@media (width<=980px) and (orientation:portrait){body{height:100dvh;overflow:hidden}.fraction-page{height:100dvh;min-height:0}.fraction-shell{gap:7px;width:100%;height:100dvh;padding:8px}.fraction-grid,.fraction-grid--solo{grid-template-rows:minmax(260px,.78fr) minmax(0,1.22fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fraction-grid--solo{grid-template-rows:minmax(300px,.85fr) minmax(0,1.15fr);grid-template-columns:1fr}.fraction-race{grid-area:1/1/auto/-1;min-height:0}.fraction-station{grid-row:2;min-height:0}}@media (width<=680px){.fraction-scoreboard{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);min-height:64px}.fraction-score{text-align:center;flex-direction:column;justify-content:center;gap:0;padding:4px 7px}.fraction-score--red{flex-direction:column-reverse}.fraction-score span{width:100%;font-size:9px}.fraction-score strong{font-size:27px}.fraction-scoreboard>p{font-size:7px}.fraction-scoreboard>p strong{font-size:16px}.fraction-grid,.fraction-grid--solo{grid-template-rows:minmax(120px,.62fr) minmax(0,1.38fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fraction-grid--solo{grid-template-columns:1fr}.fraction-race{grid-area:1/1/auto/-1;padding:7px}.fraction-track{gap:4px;padding:20px 10px 5px}.fraction-race>strong{display:none}.fraction-lane b{width:32px;box-shadow:2px 2px 0 var(--fraction-ink);border-width:2px;font-size:13px}.fraction-station{border-radius:14px 14px 9px;grid-row:2;gap:5px;padding:7px}.fraction-station header{text-align:center;display:block}.fraction-station header strong{font-size:11px;display:block}.fraction-station header span{display:none}.fraction-choices{gap:4px}.fraction-choices button{border-radius:11px;min-height:88px;padding:5px}.fraction-choices button span{font-size:clamp(26px,8vw,38px)}.fraction-vs{font-size:7px}.fraction-setup-card{padding:18px 15px}.fraction-setup h1{font-size:27px}.fraction-setup fieldset{margin-top:10px}.fraction-mode-grid button{min-height:66px}.fraction-difficulty-grid button{min-height:62px}.fraction-difficulty-grid button small{display:none}.fraction-start{margin-top:11px}}@media (width<=980px) and (height<=560px) and (orientation:landscape){body{overflow:hidden}.fraction-shell{gap:6px;width:100%;height:100dvh;padding:6px 9px}.game-frame-header{z-index:15;pointer-events:none;position:fixed;inset:7px 9px auto}.game-frame-header>*{pointer-events:auto}.fraction-scoreboard{align-self:center;width:min(60%,520px);min-height:50px}.fraction-grid,.fraction-grid--solo{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(190px,.9fr) minmax(280px,1.5fr) minmax(190px,.9fr)}.fraction-grid--solo{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.7fr)}.fraction-race,.fraction-station{grid-area:1}.fraction-station{gap:4px;padding:7px}.fraction-choices button{min-height:68px}.fraction-setup{padding:6px 96px}.fraction-setup-card{max-height:calc(100dvh - 12px);padding:12px 17px}.game-setup-back{margin:0;position:absolute;top:8px;left:10px}.fraction-setup h1{font-size:24px}.fraction-intro{display:none}.fraction-setup fieldset{margin-top:6px}.fraction-mode-grid button,.fraction-difficulty-grid button{min-height:54px}.fraction-start{min-height:44px;margin-top:7px}}