@font-face{font-family:Barlow Condensed;font-weight:500;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-condensed-500.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-condensed-700.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:400;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-400.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-500.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-600.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-style:normal;font-display:swap;src:url(../../../fonts/barlow-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-style:normal;font-display:swap;src:url(../../../fonts/ibm-plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-style:normal;font-display:swap;src:url(../../../fonts/ibm-plex-mono-500.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e13;--bg-2:#11151c;--chassis-a:#1d242e;--chassis-b:#141920;--panel:#171d26;--line:#ffffff12;--line-2:#ffffff1f;--text:#eef1f5;--muted:#8e97a6;--dim:#5b6472;--glow:#1f5fd62e;--hover:#ffffff0f;--nav-bg:#141920d9;--grain:.06;--tile-face:#f4f0e6;--tile-face-2:#e6e1d4;--tile-ink:#14171c;--orange-text:#ffb073;--green-text:#bff5d1;--red-text:#ffb3b3;--flap-face:#f4f0e6;--flap-face-2:#e6e1d4;--flap-ink:#14171c;--flap-dark:#272d37;--flap-dark-ink:#f4f0e6;--kampong:#1f5fd6;--kampong-2:#5b8cff;--orange:#ff7a1a;--yellow:#ffd23f;--green:#3ccf6e;--red:#ff4d4d;--r-s:8px;--r-m:14px;--r-l:22px;--shadow-chassis:0 1px 0 #ffffff0f inset, 0 -1px 0 #00000080 inset, 0 30px 60px -20px #000c;--shadow-flap:0 1px 0 #ffffff59 inset, 0 -2px 0 #00000014 inset, 0 2px 4px #00000073;--f-ui:"Barlow", system-ui, sans-serif;--f-cond:"Barlow Condensed", "Barlow", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.34,1.4,.4,1);--t-fast:.18s;--t-med:.32s;--t-slow:.6s}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f4;--bg-2:#fff;--panel:#fff;--line:#0a142814;--line-2:#0a142824;--text:#14171c;--muted:#5d6675;--dim:#8b93a1;--glow:#1f5fd61a;--hover:#0a14280f;--nav-bg:#ffffffd1;--grain:.035;--tile-face:#272d37;--tile-face-2:#1f252e;--tile-ink:#f4f0e6;--kampong-2:#1f5fd6;--orange-text:#b4500a;--green-text:#116b34;--red-text:#b3261e}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f4;--bg-2:#fff;--panel:#fff;--line:#0a142814;--line-2:#0a142824;--text:#14171c;--muted:#5d6675;--dim:#8b93a1;--glow:#1f5fd61a;--hover:#0a14280f;--nav-bg:#ffffffd1;--grain:.035;--tile-face:#272d37;--tile-face-2:#1f252e;--tile-ink:#f4f0e6;--kampong-2:#1f5fd6;--orange-text:#b4500a;--green-text:#116b34;--red-text:#b3261e}.chassis,.sheet,.match.next{--bg-2:#11151c;--panel:#171d26;--line:#ffffff12;--line-2:#ffffff1f;--text:#eef1f5;--muted:#8e97a6;--dim:#5b6472;--hover:#ffffff0f;--tile-face:#f4f0e6;--tile-face-2:#e6e1d4;--tile-ink:#14171c;--kampong-2:#5b8cff;--orange-text:#ffb073;--green-text:#bff5d1;--red-text:#ffb3b3;color:var(--text)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}body{font-family:var(--f-ui);background:radial-gradient(1200px 600px at 50% -200px, var(--glow), transparent 60%), var(--bg);min-height:100dvh;margin:0;font-size:16px;line-height:1.4}body:before{content:"";pointer-events:none;z-index:0;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.phone{z-index:1;max-width:430px;min-height:100dvh;margin:0 auto;padding:0 16px 110px;position:relative}.wide{z-index:1;max-width:1180px;margin:0 auto;padding:0 24px 60px;position:relative}.topbar{align-items:center;gap:12px;padding:18px 0 14px;display:flex}.topbar .mark{font-family:var(--f-cond);letter-spacing:.02em;color:var(--tile-ink);background:linear-gradient(180deg, var(--tile-face) 50%, var(--tile-face-2) 50%);box-shadow:var(--shadow-flap);border-radius:6px;padding:3px 8px 2px;font-size:18px;font-weight:700}.topbar .title{letter-spacing:.01em;font-size:15px;font-weight:600}.topbar .sub{font-family:var(--f-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.topbar .spacer{flex:1}.label{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px}.label.ink{color:var(--flap-ink);opacity:.6}h1,h2,h3{font-family:var(--f-cond);letter-spacing:.005em;margin:0;font-weight:600}h1{font-size:34px;line-height:1}h2{font-size:24px;line-height:1.05}h3{font-size:18px}.num{font-variant-numeric:tabular-nums}.chassis{border-radius:var(--r-l);background:linear-gradient(180deg, var(--chassis-a), var(--chassis-b));border:1px solid var(--line);box-shadow:var(--shadow-chassis);padding:18px;position:relative}.chassis:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.chassis .head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel{border-radius:var(--r-m);background:var(--panel);border:1px solid var(--line);padding:16px}.panel+.panel,.chassis+.panel,.panel+.chassis,.chassis+.chassis{margin-top:12px}.led{background:var(--dim);vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:inset 0 0 0 2px #00000059}.led.on-green{background:var(--green);box-shadow:0 0 10px var(--green), 0 0 0 1px #0000004d inset}.led.on-orange{background:var(--orange);box-shadow:0 0 10px var(--orange), 0 0 0 1px #0000004d inset;animation:1.4s ease-in-out infinite blink}.led.on-red{background:var(--red);box-shadow:0 0 10px var(--red), 0 0 0 1px #0000004d inset}.led.on-blue{background:var(--kampong-2);box-shadow:0 0 10px var(--kampong-2)}@keyframes blink{50%{opacity:.35;box-shadow:none}}.flaps{gap:4px;display:inline-flex}.flaps.gap-l{gap:6px}.flap{--h:64px;--w:44px;width:var(--w);height:var(--h);perspective:500px;font-family:var(--f-cond);font-weight:700;font-size:calc(var(--h) * .82);line-height:var(--h);color:var(--flap-ink);text-transform:uppercase;letter-spacing:0;flex:none;position:relative}.flap>div{background:var(--flap-face);backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.flap>div>span{width:100%;height:var(--h);text-align:center;position:absolute;left:0}.flap .t,.flap .ft{border-radius:6px 6px 2px 2px;top:0;box-shadow:inset 0 1px #fff6}.flap .b,.flap .fb{background:var(--flap-face-2);border-radius:2px 2px 6px 6px;bottom:0;box-shadow:inset 0 -1px #00000014}.flap .t span,.flap .ft span{top:0}.flap .b span,.flap .fb span{top:calc(var(--h) * -.5)}.flap .ft{transform-origin:bottom;z-index:2;transform:rotateX(0)}.flap .fb{transform-origin:top;z-index:2;transform:rotateX(90deg)}.flap.go .ft{animation:fold var(--t-fast) ease-in forwards}.flap.go .fb{animation:unfold var(--t-fast) var(--t-fast) ease-out forwards}@keyframes fold{to{transform:rotateX(-90deg)}}@keyframes unfold{to{transform:rotateX(0)}}.flap:after{content:"";z-index:3;pointer-events:none;background:#0000008c;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.flap:before{content:"";pointer-events:none;border-radius:6px;position:absolute;inset:0;box-shadow:0 3px 6px #00000080}.flap.tile{color:var(--tile-ink)}.flap.tile>div{background:var(--tile-face)}.flap.tile .b,.flap.tile .fb{background:var(--tile-face-2)}.flap.dark{color:var(--flap-dark-ink)}.flap.dark>div{background:var(--flap-dark)}.flap.dark .b,.flap.dark .fb{background:#1f252e}.flap.orange{color:#1a0d00}.flap.orange>div{background:var(--orange)}.flap.orange .b,.flap.orange .fb{background:#e86a0e}.flap.blue{color:#fff}.flap.blue>div{background:var(--kampong)}.flap.blue .b,.flap.blue .fb{background:#1a4fb3}.flap.sm{--h:34px;--w:24px}.flap.md{--h:46px;--w:32px}.flap.lg{--h:64px;--w:44px}.flap.xl{--h:84px;--w:60px}.flap.wide{--w:calc(var(--h) * 1.1)}.flap.text{font-family:var(--f-cond);font-weight:600}.flapline{background:linear-gradient(180deg, var(--tile-face) 50%, var(--tile-face-2) 50%);height:40px;color:var(--tile-ink);line-height:40px;font-family:var(--f-cond);letter-spacing:.02em;box-shadow:var(--shadow-flap);border-radius:6px;padding:0 12px;font-size:26px;font-weight:700;display:inline-block;position:relative}.flapline:after{content:"";background:#00000073;height:1px;position:absolute;top:50%;left:0;right:0}.flapline.dark{background:linear-gradient(180deg, var(--flap-dark) 50%, #1f252e 50%);color:var(--flap-dark-ink)}.flapline.orange{background:linear-gradient(180deg, var(--orange) 50%, #e86a0e 50%);color:#1a0d00}.plate{background:linear-gradient(180deg, var(--tile-face) 50%, var(--tile-face-2) 50%);width:30px;height:30px;color:var(--tile-ink);font-family:var(--f-cond);box-shadow:var(--shadow-flap);border-radius:6px;flex:none;place-items:center;font-size:16px;font-weight:700;display:inline-grid}.plate.blue{background:linear-gradient(180deg, var(--kampong) 50%, #1a4fb3 50%);color:#fff}.plate.orange{background:linear-gradient(180deg, var(--orange) 50%, #e86a0e 50%);color:#1a0d00}.plate.dark{background:linear-gradient(180deg, var(--flap-dark) 50%, #1f252e 50%);color:var(--flap-dark-ink)}.plate.lg{border-radius:8px;width:40px;height:40px;font-size:21px}.chip{background:var(--bg-2);border:1px solid var(--line-2);white-space:nowrap;height:40px;transition:transform var(--t-fast) var(--ease-spring), border-color var(--t-fast);border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 5px;font-size:15px;font-weight:600;display:inline-flex}.chip:active{transform:scale(.96)}.chip.me{border-color:var(--kampong-2);box-shadow:0 0 0 3px #5b8cff2e}.chip.open{border-color:var(--orange);color:var(--orange-text);background:#ff7a1a1a;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 3px #ff7a1a26}.chip.ghost{color:var(--muted);border-style:dashed;font-weight:500}@keyframes pulse{50%{box-shadow:0 0 0 7px #ff7a1a00}}.chips{flex-wrap:wrap;gap:8px;display:flex}.flag{vertical-align:-1px;width:16px;height:12px;margin-left:2px;display:inline-block;position:relative}.flag:before{content:"";background:#d9d4c7;border-radius:1px;width:2px;height:18px;position:absolute;top:-2px;left:0}.flag:after{content:"";background:repeating-conic-gradient(var(--orange) 0 25%, var(--yellow) 0 50%) 0 0 / 50% 50%;transform-origin:0;border-radius:1px;width:14px;height:11px;animation:1.3s ease-in-out infinite wave;position:absolute;top:0;left:2px}.flag.big{width:28px;height:22px}.flag.big:before{width:3px;height:30px;top:-4px}.flag.big:after{border-radius:2px;width:25px;height:19px;left:3px}.flag.still:after{animation:none}@keyframes wave{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-8deg)scaleX(.92)}}.btn{letter-spacing:.005em;background:var(--bg-2);border:1px solid var(--line-2);width:100%;height:48px;transition:transform var(--t-fast) var(--ease-spring), filter var(--t-fast);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 6px 14px -8px #000c}.btn:active{filter:brightness(1.1);transform:translateY(1px)scale(.985)}.btn.primary{background:linear-gradient(180deg, #2a6ff0, var(--kampong));color:#fff;border-color:#3b7cf5}.btn.warn{background:linear-gradient(180deg, #ff8a35, var(--orange));color:#1a0d00;border-color:#ff9a52}.btn.ok{background:linear-gradient(180deg, #4ad97c, var(--green));color:#04200f;border-color:#5fe08c}.btn.ghost{box-shadow:none;background:0 0}.btn.sm{border-radius:11px;width:auto;height:38px;padding:0 14px;font-size:14px}.btn.block{width:100%}.btns{gap:10px;display:grid}.btns.two{grid-template-columns:1fr 1fr}.row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.row:first-child{border-top:0}.row .grow{flex:1;min-width:0}.row .meta{font-family:var(--f-mono);color:var(--muted);letter-spacing:.04em;font-size:12px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:3px 7px 2px;font-size:10.5px;display:inline-block}.badge.thuis{color:var(--kampong-2);border-color:#5b8cff66}.badge.uit{color:var(--orange-text);border-color:#ff7a1a66}.badge.ok{color:var(--green-text);border-color:#3ccf6e66}.nav{z-index:20;padding:0 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav .bar{pointer-events:auto;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line-2);border-radius:20px;grid-template-columns:repeat(3,1fr);width:100%;max-width:398px;padding:6px;display:grid;box-shadow:0 20px 40px -10px #000c,inset 0 1px #ffffff0f}.nav a{height:54px;color:var(--muted);font-size:11px;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:14px;place-items:center;gap:3px;display:grid}.nav a.active{color:var(--text);background:var(--hover);box-shadow:inset 0 1px #ffffff14}.nav a svg{width:22px;height:22px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#0000008c;position:fixed;inset:0}.sheet{z-index:31;max-width:430px;padding:10px 18px calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:linear-gradient(180deg, var(--chassis-a), var(--chassis-b));border-top:1px solid var(--line-2);max-height:94dvh;animation:up var(--t-slow) var(--ease-spring);border-radius:24px 24px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -30px 60px #0009}.sheet .grip{background:var(--line-2);border-radius:3px;width:44px;height:5px;margin:0 auto 16px}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.toast{color:var(--green-text);background:#3ccf6e1f;border:1px solid #3ccf6e59;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:inline-flex}.stack>*+*{margin-top:12px}.muted{color:var(--muted)}.dim{color:var(--dim)}.mono{font-family:var(--f-mono)}.small{font-size:13px}.center{text-align:center}.mt{margin-top:14px}.mt-l{margin-top:24px}.mb{margin-bottom:14px}.hr{background:var(--line);height:1px;margin:14px 0}.icon{vertical-align:-3px;width:18px;height:18px}.flap.line{--w:160px;--h:36px;font-size:calc(var(--h) * .72);letter-spacing:.03em;white-space:nowrap}.flap.line>div>span{padding:0 10px}html,body{overflow-x:hidden}.phone{padding-top:env(safe-area-inset-top)}:focus-visible{outline:2px solid var(--kampong-2);outline-offset:2px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.warnline{color:#ffe38a;background:#ffd23f14;border:1px solid #ffd23f4d;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:13.5px;display:flex}.state{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.state.open{color:var(--orange-text)}.state.est{color:var(--kampong-2)}.topbar .mark,.mark{font-family:var(--f-cond);letter-spacing:.02em;color:var(--tile-ink);background:linear-gradient(180deg, var(--tile-face) 50%, var(--tile-face-2) 50%);box-shadow:var(--shadow-flap);border-radius:6px;padding:3px 8px 2px;font-size:18px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.14s var(--ease-out) both vt-uit}::view-transition-new(root){animation:.22s var(--ease-out) both vt-in}@keyframes vt-uit{to{opacity:0;transform:translateY(-4px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(6px)}}}