#rijkswachter-proef{--ink:#181716;--paper:#f5f0e6;--red:#a42f32;--edge:#cbbfb1;--muted:#71665b;font:14px/1.5 Arial,sans-serif;color:var(--paper)}
#rijkswachter-proef *{box-sizing:border-box}
#rijkswachter-proef button{font:inherit;cursor:pointer}
#rijkswachter-proef button:focus-visible{outline:3px solid #dfb941;outline-offset:3px}
#rijkswachter-proef .shell{background:var(--ink);border-radius:10px;overflow:hidden}
#rijkswachter-proef .chrome{padding:18px 22px;border-bottom:2px solid var(--red);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#rijkswachter-proef .brand{display:flex;align-items:center;gap:12px}
#rijkswachter-proef .monogram{background:var(--red);padding:9px;color:var(--paper)}
#rijkswachter-proef .eyebrow{font:11px/1.5 monospace;letter-spacing:1px;color:#dfb941}
#rijkswachter-proef .demo{padding:18px 22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#rijkswachter-proef .demo button{padding:8px 12px;border:1px solid #73665a;background:transparent;color:var(--paper);border-radius:3px;min-height:44px}
#rijkswachter-proef .demo button.primary{background:var(--red);border-color:var(--red)}
#rijkswachter-proef .status{color:#d4c8ba;font:12px/1.5 monospace;margin-left:auto}
#rijkswachter-proef .stage{min-height:430px;position:relative;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(260px,1.2fr);gap:10px;padding:5px 22px 24px;overflow:hidden}
#rijkswachter-proef .actor-zone{position:relative;min-height:390px;display:flex;align-items:flex-end;justify-content:center}
#rijkswachter-proef .actor{width:200px;height:300px;position:relative;flex:none;transform-origin:bottom center}
#rijkswachter-proef .actor canvas{display:block;width:200px;height:300px}
#rijkswachter-proef .smoke{position:absolute;left:116px;top:36px;pointer-events:none;opacity:0}
#rijkswachter-proef .smoke.show{opacity:1}
#rijkswachter-proef .smoke i{position:absolute;width:10px;height:12px;background:#dfded7;border-radius:50%;filter:blur(5px);opacity:0}
#rijkswachter-proef .smoke.show i{animation:rw-smoke 2.8s ease-out infinite}
#rijkswachter-proef .smoke i:nth-child(2){animation-delay:.45s}
#rijkswachter-proef .smoke i:nth-child(3){animation-delay:.9s}
#rijkswachter-proef .phase{position:absolute;top:4px;left:0;right:0;text-align:center;color:#cabfb3;font:12px/1.5 monospace}
#rijkswachter-proef .chat{background:var(--paper);color:var(--ink);border-top:3px solid var(--red);border-radius:6px;align-self:start;min-width:0;box-shadow:0 12px 35px #0005}
#rijkswachter-proef .chat-head{padding:16px;border-bottom:1px solid var(--edge);display:flex;gap:10px;justify-content:space-between;align-items:center}
#rijkswachter-proef .chat-head strong{font-size:18px}
#rijkswachter-proef .sub{font-size:11px;color:var(--muted)}
#rijkswachter-proef .close{background:transparent;color:var(--red);border:1px solid var(--edge);border-radius:3px;min-height:44px;min-width:44px}
#rijkswachter-proef .chat-body{padding:16px}
#rijkswachter-proef .chat-body p{margin:0 0 14px}
#rijkswachter-proef .suggestions{display:flex;flex-wrap:wrap;gap:7px}
#rijkswachter-proef .suggestions button{background:transparent;border:1px solid var(--edge);color:var(--red);padding:8px;min-height:44px}
#rijkswachter-proef .reply{margin-top:15px;padding:12px;background:#e9e1d5;border-left:2px solid var(--red);font-size:13px}
#rijkswachter-proef .input{margin-top:18px;padding:10px;background:#fffcf7;border:1px solid var(--edge);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:6px}
#rijkswachter-proef .input span:last-child{color:var(--red)}
#rijkswachter-proef .chat-foot{padding:12px 16px;border-top:1px solid var(--edge);font-size:11px;color:var(--muted)}
#rijkswachter-proef .garage{position:absolute;right:0;bottom:26px;display:flex;align-items:center;gap:4px}
#rijkswachter-proef .car-button{width:142px;height:115px;background:none;border:none;padding:0;position:relative;transition:transform .7s ease,opacity .4s}
#rijkswachter-proef .car{width:142px;height:115px;background-repeat:no-repeat}
#rijkswachter-proef .garage.stowed .car-button{transform:translateX(160px);opacity:0;pointer-events:none}
#rijkswachter-proef .edge-toggle{background:var(--red);color:var(--paper);width:32px;min-height:62px;border:0;border-radius:5px 0 0 5px;z-index:2}
#rijkswachter-proef .closed-caption{position:absolute;left:22px;top:26px;color:#c9bcae;font-size:13px;max-width:230px}
#rijkswachter-proef .closed .stage{min-height:330px;display:block}
#rijkswachter-proef .closed .actor-zone,#rijkswachter-proef .closed .chat{display:none}
#rijkswachter-proef [hidden]{display:none!important}
@keyframes rw-smoke{0%{opacity:.0;transform:translate(0,0) scale(.5)}15%{opacity:.3}100%{opacity:0;transform:translate(55px,-65px) scale(4)}}
@keyframes rw-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@media(max-width:480px){#rijkswachter-proef .stage{display:flex;flex-direction:column;padding:5px 14px 20px}#rijkswachter-proef .actor-zone{min-height:325px}#rijkswachter-proef .chat{width:100%}#rijkswachter-proef .chrome,#rijkswachter-proef .demo{padding:14px}#rijkswachter-proef .status{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){#rijkswachter-proef .actor,#rijkswachter-proef .smoke i{animation:none!important}#rijkswachter-proef .pose,#rijkswachter-proef .car-button{transition:none}}
#rijkswachter-proef .actor{height:320px;width:240px}#rijkswachter-proef .full-pose{position:absolute;inset:0;background-repeat:no-repeat;opacity:0;transition:none}#rijkswachter-proef .full-pose.active{opacity:1}#rijkswachter-proef .full-smoke{position:absolute;left:125px;top:65px;opacity:0;pointer-events:none}#rijkswachter-proef .full-smoke.show{opacity:1}#rijkswachter-proef .full-smoke i{position:absolute;width:7px;height:9px;background:#ddd7ce;border-radius:50%;filter:blur(4px);opacity:0}#rijkswachter-proef .full-smoke.show i{animation:rw-smoke 2.2s ease-out infinite}#rijkswachter-proef .full-smoke i:nth-child(2){animation-delay:.4s}#rijkswachter-proef .full-smoke i:nth-child(3){animation-delay:.8s}@media(prefers-reduced-motion:reduce){#rijkswachter-proef .full-pose{transition:none}#rijkswachter-proef .full-smoke{display:none}}#rijkswachter-proef .full-smoke{--drift:72px}#rijkswachter-proef .full-smoke.leftward{--drift:-72px}#rijkswachter-proef .full-smoke i{width:17px;height:13px;background:#eee9df;filter:blur(2px)}#rijkswachter-proef .full-smoke.show i{animation:rw-visible-smoke 2.6s ease-out infinite}#rijkswachter-proef .full-smoke i:nth-child(2){animation-delay:-.65s}#rijkswachter-proef .full-smoke i:nth-child(3){animation-delay:-1.3s}#rijkswachter-proef .full-smoke.paused.show i{animation:none;opacity:.55;transform:translate(20px,-15px) scale(1.4)}#rijkswachter-proef .full-smoke.paused.show i:nth-child(2){transform:translate(40px,-28px) scale(1.8);opacity:.35}#rijkswachter-proef .full-smoke.paused.show i:nth-child(3){transform:translate(60px,-43px) scale(2.1);opacity:.2}@keyframes rw-visible-smoke{0%{opacity:0;transform:translate(0,0) scale(.45)}12%{opacity:.75}40%{opacity:.58}100%{opacity:0;transform:translate(var(--drift),-68px) scale(3)}}@media(prefers-reduced-motion:reduce){#rijkswachter-proef .full-smoke{display:none}}#rijkswachter-proef .full-smoke.leftward.paused.show i{transform:translate(-20px,-15px) scale(1.4)}#rijkswachter-proef .full-smoke.leftward.paused.show i:nth-child(2){transform:translate(-40px,-28px) scale(1.8)}#rijkswachter-proef .full-smoke.leftward.paused.show i:nth-child(3){transform:translate(-60px,-43px) scale(2.1)}#rijkswachter-proef .actor .whole-actor{display:block;width:240px;height:320px}#rijkswachter-proef .spent-butt{position:absolute;left:0;top:0;width:4px;height:2px;border-radius:1px;background:#b48455;pointer-events:none}#rijkswachter-proef .spent-butt[hidden]{display:none}#rijkswachter-proef .full-smoke.lighting{--drift:28px}#rijkswachter-proef .full-smoke.lighting i{width:9px;height:8px;filter:blur(1.4px)}#rijkswachter-proef .full-smoke.lighting.show i{animation-duration:1.9s}#rijkswachter-proef .ignition{position:absolute;width:5px;height:9px;left:122px;top:87px;border-radius:60% 40% 50% 50%;background:#ffd996;box-shadow:0 0 6px #efa34e;pointer-events:none}#rijkswachter-proef .ignition[hidden]{display:none}
#rijkswachter-proef{position:fixed;right:0;bottom:max(12px,env(safe-area-inset-bottom));width:min(660px,calc(100vw - 16px));z-index:95;max-height:calc(100dvh - 90px);overflow:auto;isolation:isolate}
#rijkswachter-proef .shell{border:1px solid #6d5950;box-shadow:0 12px 35px #0006;border-radius:8px 0 0 8px}
#rijkswachter-proef .stage{min-height:340px;grid-template-columns:240px minmax(0,1fr);padding:0 12px 12px;gap:5px}
#rijkswachter-proef .actor-zone{min-height:320px}
#rijkswachter-proef .phase,#rijkswachter-proef .closed-caption{display:none!important}
#rijkswachter-proef .demo{padding:8px 12px}
#rijkswachter-proef .demo .status{font-size:11px;letter-spacing:0}
#rijkswachter-proef .chat-head{padding:12px}
#rijkswachter-proef .chat-head strong{font-size:17px}
#rijkswachter-proef .chat-body{padding:12px}
#rijkswachter-proef .chat{overflow:hidden}
#rijkswachter-proef .chat-foot{background:var(--paper);color:#71665b;margin:0;max-width:none;width:auto}
#rijkswachter-proef .suggestions a{display:block;flex:1 0 100%;min-height:44px;border:1px solid var(--edge);padding:9px 10px;color:#832729;text-decoration:none;background:#fffaf3}
#rijkswachter-proef .suggestions a:hover{background:#eee3d6}
#rijkswachter-proef .suggestions a:focus-visible{outline:3px solid #dfb941;outline-offset:2px}
#rijkswachter-proef.is-closed{width:180px;height:125px;overflow:hidden;pointer-events:none}
#rijkswachter-proef .closed{background:transparent;border:0;box-shadow:none}
#rijkswachter-proef .closed .demo{display:none}
#rijkswachter-proef .closed .stage{min-height:125px;height:125px;padding:0}
#rijkswachter-proef .garage{bottom:0;pointer-events:none}
#rijkswachter-proef .garage .edge-toggle,#rijkswachter-proef .garage:not(.stowed) .car-button{pointer-events:auto}
#rijkswachter-proef .edge-toggle{min-width:36px;min-height:52px;font-size:23px}
@media(max-width:600px){#rijkswachter-proef .stage{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:300px;padding:0 8px 8px}#rijkswachter-proef .actor-zone{min-height:190px;height:190px;align-self:end}#rijkswachter-proef .actor{transform:scale(.52);transform-origin:bottom center}#rijkswachter-proef .chat-head strong{font-size:15px}#rijkswachter-proef .chat-head{padding:8px}#rijkswachter-proef .chat-body{padding:8px}#rijkswachter-proef .chat-foot{padding:8px}#rijkswachter-proef .demo .status{display:none}}