/* Papierweiß mit Rasterlinien, Mono-Labels und Verlauf */
:root,:root{--ice:#efece6;--card:#f7f5f1;--ink:#141414;--muted:rgba(20,20,20,.58);--line:rgba(20,20,20,.14);
--red:#ff3d6b;--red-soft:#ffe3e4;--blue:#141414;--blue-soft:#e6e1d8;--ok:#14794a;--ok-soft:#d9efe1;--board:#141414;--board-ink:#fff;--amber:#ffb347;
--display:"Schibsted Grotesk",system-ui,sans-serif;--body:"Schibsted Grotesk",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
--grad:linear-gradient(95deg,#ffb347,#ff8a3d 22%,#ff5a5f 50%,#ff3d8b);color-scheme:light}
html{background:#efece6}
body{background:transparent;color:var(--ink);font-size:17px}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
linear-gradient(90deg,transparent calc(17% - 1px),rgba(20,20,20,.09) 17%,transparent calc(17% + 1px),transparent calc(50% - 1px),rgba(20,20,20,.09) 50%,transparent calc(50% + 1px),transparent calc(83% - 1px),rgba(20,20,20,.09) 83%,transparent calc(83% + 1px))}
#robo{position:fixed;left:0;top:0;width:100%;height:50svh;z-index:-1;display:block;pointer-events:none;transition:opacity .25s}
body[data-robo=off] #robo{opacity:0;width:10px;height:10px}
body[data-robo=mini] #robo{width:92px;height:92px;left:auto;right:max(10px,env(safe-area-inset-right));top:max(4px,env(safe-area-inset-top));z-index:3}
.robospace{height:calc(50svh - 40px);flex:none}
.wrap{gap:14px}
.label,.kicker,.hl,.board small,.tag,.tabs button,.back,.today,.sub,.info,.pack small,.stepbtn .n{font-family:var(--mono);letter-spacing:.05em}
.label{font-size:.68rem;color:var(--muted);font-weight:500}
.sub{font-size:.72rem;text-transform:uppercase;font-weight:400;background:var(--card);display:inline-block;padding:2px 6px;margin-top:6px}
.title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.title span{font-size:clamp(34px,10vw,56px);line-height:1;padding:4px 12px 7px;background:rgba(239,236,230,.88);position:relative;font-weight:400}
.title span::before{content:"";position:absolute;inset:0;padding:2px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.title span:first-child{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
h1 span{color:inherit}
h2{font-family:var(--display);text-transform:none;font-weight:500;font-size:1.6rem;letter-spacing:-.01em}
.rink{display:none}
.say{position:relative;background:var(--card);border:1px solid var(--ink);padding:10px 12px;font-family:var(--mono);font-size:.84rem;line-height:1.42;min-height:3.1em}
.say::after{content:"";display:inline-block;width:6px;height:11px;background:var(--ink);margin-left:3px;vertical-align:-1px;animation:car 1s steps(2) infinite}
.say.fin::after{display:none}
@keyframes car{50%{opacity:0}}
.robobar{min-height:78px;padding-right:98px;display:flex;align-items:center}
.robobar .say{width:100%;font-size:.76rem;min-height:0;padding:7px 9px}
.btn{border-radius:3px;background:var(--grad);color:#141414;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-weight:500;font-size:.98rem;min-height:54px}
.btn.blue{background:#141414;color:#fff}
.btn.line{border:1px solid var(--ink);color:var(--ink);background:var(--card);font-size:.8rem}
.next{border-radius:3px;background:#141414}
.next .what{font-family:var(--display);text-transform:none;font-size:1.65rem;line-height:1.1}
.next::after{display:none}
.card,.sheet,.stepbtn,.opt,.puck,.pack,.dr div,.flash,.tip,.fb,.memo,.lock,.tabs,.hcard,.board{border-radius:3px}
.card,.sheet,.puck,.pack,.opt,.dr div,.tabs{border:1px solid var(--line);background:var(--card)}
.puck{font-weight:500;border-color:var(--ink)}.puck b{font-family:var(--mono);font-size:.82rem}
.dr div b{font-family:var(--mono);font-size:.8rem;font-weight:500;margin-bottom:3px}
.dr div{font-size:.7rem;font-family:var(--mono)}
.board{background:#141414}.board b{font-family:var(--mono);font-size:1.5rem;color:#ffb347}
.prog{height:4px;border-radius:0;background:var(--line)}.prog i{background:var(--grad)}
.tag{border-radius:0;background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:400;font-size:.66rem}
.q{font-weight:500}.w{font-weight:500;letter-spacing:-.01em}
.ans{border:1px solid var(--ink);border-radius:3px;background:#fbfaf7;font-weight:500;font-size:1.2rem}
.ans:focus{border-color:#ff5a5f;box-shadow:0 0 0 2px rgba(255,90,95,.25)}
.small{border:1px solid var(--line);border-radius:3px;font-family:var(--mono);font-size:.76rem;font-weight:400;background:var(--card)}
.goal span{font-family:var(--display);font-weight:600;font-size:4.6rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hcard{background:#141414}.hcard::before{background:linear-gradient(#ffb347,#ff3d8b)}.ht{font-family:var(--display);text-transform:none;font-size:1.3rem;font-weight:500}
.hcard.locked{background:var(--card)}
.memo{background:#141414}
.teams button{border-radius:3px;border:1px solid var(--line);background:var(--card)}.teams button.on{border-color:#ff5a5f}
.big{font-family:var(--mono);font-weight:400;font-size:3.6rem}
.head{align-items:flex-start}.head img{background:var(--card);padding:6px;width:56px;height:56px}
.chat{display:flex;flex-direction:column;gap:8px}
.m{padding:9px 12px;max-width:86%;font-size:.94rem;line-height:1.35;border:1px solid var(--line);background:var(--card)}
.m.r{font-family:var(--mono);font-size:.84rem;border-color:var(--ink);align-self:flex-start}
.m.u{align-self:flex-end;background:#141414;color:#fff}
.note{font-family:var(--mono);font-size:.68rem;color:var(--muted);line-height:1.4}
.bet{font-family:var(--mono);font-size:.76rem;border:1px dashed var(--ink);padding:7px 9px;background:var(--card)}
.score{border-radius:3px;background:#141414}.score b{font-family:var(--mono);font-size:2.6rem;font-weight:400;color:#ffb347}