.racepage{padding-block:28px 56px;display:flex;flex-direction:column;gap:18px}.race-head h1{font-size:clamp(30px,5vw,48px);margin:6px 0 10px}.race-head .lead{max-width:62ch;color:var(--tekst2)}.race-controls{display:flex;gap:10px;flex-wrap:wrap}.race-controls .seg{display:inline-flex;gap:2px;padding:3px;border-radius:14px;background:var(--krem);border:1px solid var(--linje)}.race-controls .seg button{min-height:40px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:var(--dempet);font:inherit;font-size:15px;font-weight:500;cursor:pointer}.race-controls .seg button[aria-pressed=true]{background:var(--skog);color:var(--pa-skog);font-weight:600}.race-stage{margin:0;display:flex;flex-direction:column;gap:12px;align-items:center}.race-stage canvas{width:100%;height:auto;border-radius:22px;box-shadow:0 10px 40px #2f3b331f;background:#f6f3ee;display:block}.race-stage.mobil canvas{max-width:420px}.race-stage.kvadrat canvas{max-width:640px}.race-bar{display:flex;align-items:center;gap:12px;width:100%;max-width:760px}.race-play{min-width:52px;min-height:48px;padding:0;font-size:18px}.race-bar input[type=range]{flex:1;accent-color:var(--skog);min-height:44px}.race-bar output{font-family:var(--serif);font-weight:600;font-size:22px;min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.race-note{max-width:70ch}.small{font-size:14px}body.render{margin:0;background:#f6f3ee}body.render>:not(main),body.render .race-head,body.render .race-controls,body.render .race-bar,body.render .race-note{display:none!important}body.render main{padding:0;max-width:none}body.render canvas{border-radius:0;box-shadow:none}
