.gm{gap:22px;display:grid}.gm-intro{gap:10px;display:grid}.gm-intro h2{margin:0}.gm-intro p{max-width:62ch}.gm-hud{background:var(--surface);border:1px solid var(--line);border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) minmax(0,1.2fr);align-items:center;gap:14px 24px;padding:16px 20px;display:grid}.gm-hud small{font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.gm-klus b{font:700 1.05rem/1.2 var(--display);display:block}.gm-klus span{font:500 .76rem var(--mono);color:var(--brand)}.gm-meters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px 16px;display:grid}.gm .rf-meter span{flex-wrap:wrap}@media (width<=560px){.gs-chat{min-height:0}.gb svg{width:52px}}.gm-time{font:500 .72rem var(--mono);color:var(--muted);margin:0;display:grid}.gm-time b{color:var(--ink);font-size:.82rem;font-weight:500}.gm-lessons .pills{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gm-lessons .pill{font:500 .72rem var(--mono);background:var(--wait-soft);color:var(--wait);border-radius:999px;padding:.3rem .65rem}.gm-lessons .pill.live{background:var(--ok-soft);color:var(--ok)}.gm-lessons .pill.plain{background:var(--surface2);color:var(--muted)}.gm-lessons .pill.new{animation:.6s cubic-bezier(.3,1.6,.5,1) gm-pop}@media (width<=980px){.gm-hud{grid-template-columns:1fr}}.gm-line{counter-reset:gs;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}@media (width<=980px){.gm-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.gm-line{grid-template-columns:1fr}}.gs{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-rows:auto auto 1fr;gap:10px;min-width:0;padding:16px;transition:transform .25s,border-color .25s;display:grid;position:relative}.gs:not(:last-child):after{content:"";background:repeating-linear-gradient(90deg,var(--ink) 0 5px,transparent 5px 9px);width:18px;height:3px;position:absolute;top:38px;right:-18px}@media (width<=980px){.gs:nth-child(2n):after{display:none}}@media (width<=560px){.gs:after{display:none}}.gs.on{border-color:var(--brand);transform:translateY(-3px)}.gs header{align-items:center;gap:10px;min-height:44px;display:flex}.gs header div{flex:1;min-width:0}.gs h3{margin:0;font-size:1.1rem}.gs header small{font:400 .7rem var(--mono);color:var(--muted)}.gs-n{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border:2.5px solid var(--ink);font:500 .85rem var(--mono);border-radius:50% 50% 50% 8%;flex:none;place-items:center;display:grid;transform:rotate(-12deg)}.gs-box{opacity:0;font:500 .62rem var(--mono);letter-spacing:.06em;background:var(--accent);color:var(--on-accent);border:2.5px solid var(--ink);border-radius:5px;flex:none;padding:5px 6px;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1);transform:scale(.4)rotate(-8deg)}.gs.on .gs-box{opacity:1;transform:none}.gs-bots{justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.gb{text-align:center;border-radius:14px;flex:1;justify-items:center;gap:2px;min-width:0;padding:4px 2px;transition:background .2s;display:grid}.gb svg{width:62px;height:auto;overflow:visible}.gb.lead svg{width:70px}.gb span{font:600 .7rem/1.15 var(--body);overflow-wrap:anywhere;hyphens:auto}.gb .rb-body{transform-box:fill-box;transform-origin:bottom}.gb .eye{transform-box:fill-box;transform-origin:50%;animation:5s infinite tb-blink}.gb:nth-child(2) .eye{animation-delay:1.6s}.gb:nth-child(3) .eye{animation-delay:3s}.gb .ant{transform-box:fill-box;transform-origin:bottom;animation:2.6s ease-in-out infinite tb-wob}.gb.talk{background:var(--wait-soft)}.gb.talk .rb-body{animation:.3s ease-in-out infinite alternate tb-hop}.gb.talk .eye{animation:none;transform:scaleY(.3)}.gb.oops .rb-body{animation:.7s cubic-bezier(.3,1.5,.5,1) gm-oops}.gm[data-lvl="3"] .gb .ant{animation-duration:.45s}.gs-chat{background:var(--surface2);border-radius:16px;align-content:start;gap:6px;min-height:118px;margin:0;padding:10px 12px;list-style:none;display:grid}.gs-chat li{gap:1px;font-size:.86rem;line-height:1.35;animation:.25s ease-out gm-in;display:grid}.gs-chat li b{font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.gs-chat li.bad span{color:var(--warn);font-weight:600}.gs-chat li.good span{font-weight:600}.gs-chat:empty:before{content:"Wacht op de klus…";font:400 .76rem var(--mono);color:var(--muted)}.gm-ctl{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;justify-items:center;gap:12px;padding:20px;display:grid}.gm-msg{justify-items:center;gap:8px;display:grid}.gm-msg p{max-width:52ch;margin:0}.gm-stamp{font:500 .9rem var(--mono);letter-spacing:.08em;color:var(--good);border:3px solid var(--good);border-radius:6px;padding:4px 10px;font-style:normal;animation:.4s cubic-bezier(.3,1.8,.5,1) gm-stamp;transform:rotate(-6deg)}.gm-stamp.no{color:var(--warn);border-color:var(--warn)}.gm-choices{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gm-choices button{font:600 .9rem var(--body);cursor:pointer;background:var(--accent);color:var(--on-accent);border:2px solid var(--ink);border-radius:999px;padding:.6rem 1rem}.gm-choices button:hover{transform:translateY(-2px)}.gm-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gm-btns button[disabled]{opacity:.5;cursor:default}.gm-note{font:400 .7rem var(--mono);color:var(--muted);text-align:center;margin:0}.gm-teams{background:var(--surface2);border-radius:18px;padding:14px 18px}.gm-teams summary{cursor:pointer;font:600 .95rem var(--body)}.gm-teams ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px 20px;margin:12px 0 0;padding:0;list-style:none;display:grid}.gm-teams li{gap:2px;font-size:.88rem;display:grid}.gm-teams li b{font:700 .95rem var(--display)}.gm-teams li span{color:var(--muted)}@keyframes gm-in{0%{opacity:0;transform:translateY(4px)}}@keyframes gm-pop{0%{transform:scale(.3)}}@keyframes gm-stamp{0%{opacity:0;transform:rotate(-6deg)scale(2)}}@keyframes gm-oops{25%{transform:rotate(-14deg)translateY(-6px)}55%{transform:rotate(10deg)}to{transform:none}}@keyframes tb-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes tb-wob{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes tb-hop{to{transform:translateY(-5px)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.gm *{transition:none!important;animation:none!important}}