body{min-height:100svh} .play{max-width:520px;margin:auto;padding:20px 22px 28px} .play header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px} .brand{min-height:44px;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:22px} .brand img{width:26px;height:26px} .language,.meta,label,.hint,button,.stats,.foot{font-family:var(--mono)} .language{font-size:12px;min-height:44px;display:inline-flex;align-items:center}  h1{font-size:clamp(38px,10vw,54px);line-height:1.03;letter-spacing:-.025em;font-optical-sizing:auto} .intro{font-size:19px;line-height:1.3;margin:10px 0 18px} .scene{position:relative;overflow:hidden;border-radius:5px;border:1px solid var(--muted-dark);background:var(--film-2)} canvas{display:block;width:100%;height:285px} canvas[role=slider]{touch-action:pan-y;cursor:ew-resize} .badge{position:absolute;left:12px;top:12px;background:var(--film);padding:5px 8px;font:12px var(--mono);color:var(--cream)} .meta{font-size:12px;color:var(--cream);margin:10px 0 18px} .control{margin-top:16px} label{display:flex;align-items:center;justify-content:space-between;font-size:12px} output{font-size:30px;color:var(--cream)} input[type=range]{width:100%;height:44px;accent-color:var(--lean);cursor:pointer} .scale{display:flex;justify-content:space-between;font:12px var(--mono);color:var(--cream)} .actions{display:flex;gap:10px;margin:14px 0 10px;flex-wrap:wrap} button{border:1px solid var(--muted-dark);border-radius:3px;background:var(--film-2);color:var(--cream);min-height:46px;padding:11px 16px;font-size:12px;cursor:pointer;flex:1} button.primary{background:var(--cream);color:var(--ink);border-color:var(--cream)} button:active{transform:scale(.98)} button:disabled{opacity:.5;cursor:default} :focus-visible{outline:3px solid var(--oransje-tekst);outline-offset:4px} [hidden]{display:none!important} .result{min-height:48px;font-size:20px;line-height:1.3;margin-top:12px} .hint{font-size:12px;line-height:1.6;color:var(--cream)} .stats{display:flex;justify-content:space-between;margin:16px 0 9px;font-size:12px} .stats strong{font-size:24px;font-weight:500} progress{width:100%;height:12px;accent-color:var(--lean)} .foot{margin-top:22px;font-size:12px;line-height:1.7;color:var(--cream)} .foot a{display:inline-block;padding:5px 0} textarea{width:100%;min-height:95px;background:var(--film-2);color:var(--cream);font:13px var(--mono);padding:10px} @media(max-height:740px){canvas{height:235px}.play header{margin-bottom:18px}} @media(prefers-reduced-motion:reduce){button:active{transform:none}}

/* Reset the main site’s floating stage hint for normal game text. */
.play .hint{position:static;margin:6px 0 0;top:auto;bottom:auto;left:auto;z-index:auto;display:block;transform:none;opacity:1;white-space:normal;max-width:100%;padding:0;background:none;border:0;letter-spacing:normal;text-transform:none;pointer-events:auto;transition:none;overflow-wrap:anywhere}

.foot a{display:inline-block;padding-block:12px}