:root{color-scheme:dark;--void:#12141d;--void-2:#1a1d2a;--panel:#262b3d;--panel-2:#30364c;--panel-3:#3c4461;--hi:#5a6590;--lo:#161925;--edge:#07080d;--ink:#ece7d8;--ink-dim:#aeb2c6;--ink-mute:#737a98;--brass:#e2a53a;--brass-hi:#ffd98a;--brass-lo:#94621a;--brass-ink:#2b1b06;--ok:#66d36e;--bad:#e5534b;--teal:#4cc0ae;--font: Tahoma, Verdana, "DejaVu Sans", "Segoe UI", sans-serif}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:var(--void)}body{color:var(--ink);font:11px/1.4 var(--font);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:default;touch-action:none}#game.pan{cursor:grabbing}#game.hand{cursor:pointer}#game.place{cursor:crosshair}#game.move{cursor:move}button,input,textarea,select{font:inherit;color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.px{border:2px solid var(--edge);background:var(--panel);box-shadow:inset 2px 2px 0 var(--panel-3),inset -2px -2px 0 var(--lo);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:3px 10px;border:2px solid var(--edge);background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--hi),inset -2px -2px 0 var(--lo);font-weight:700;cursor:pointer;white-space:nowrap;clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.btn:hover{background:var(--panel-3)}.btn:active,.btn.on{box-shadow:inset -2px -2px 0 var(--hi),inset 2px 2px 0 var(--lo);transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brass-hi);outline-offset:1px}.btn.gold{background:var(--brass);color:var(--brass-ink);box-shadow:inset 2px 2px 0 var(--brass-hi),inset -2px -2px 0 var(--brass-lo)}.btn.gold:hover{background:#efb54c}.btn.gold:active{box-shadow:inset -2px -2px 0 var(--brass-hi),inset 2px 2px 0 var(--brass-lo)}.btn.red{background:#a8423c;box-shadow:inset 2px 2px #d9716a,inset -2px -2px #5c1f1b}.btn[disabled]{opacity:.45;cursor:default;transform:none}.btn.sq{width:30px;min-width:30px;padding:0}.btn canvas{image-rendering:pixelated}input.txt,textarea.txt{background:#0f111a;border:2px solid var(--edge);box-shadow:inset 2px 2px #05060a;padding:4px 6px;color:var(--ink);outline:none;-webkit-user-select:text;user-select:text}input.txt:focus,textarea.txt:focus{border-color:var(--brass)}textarea.txt{width:100%;box-sizing:border-box;resize:vertical;font:10px/1.3 ui-monospace,Menlo,Consolas,monospace}#bar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:2px solid var(--edge);box-shadow:inset 0 2px 0 var(--panel-3);z-index:20}#tools{display:flex;gap:4px}.tool{position:relative;width:44px;height:40px;padding:0}.tool canvas{width:32px;height:32px}.tool .key{position:absolute;right:2px;bottom:0;font-size:9px;color:var(--ink-mute);font-weight:400}#chatbox{flex:1 1 220px;display:flex;gap:4px;min-width:0}#chat{flex:1;min-width:0;height:26px;box-sizing:border-box}#opts{display:flex;gap:4px;margin-left:auto}@media(max-width:640px){#bar{gap:6px;padding-inline:8px}#chatbox{order:3;flex-basis:100%}.tool{width:40px}#opts{margin-left:auto}}#hud{position:fixed;left:12px;top:calc(10px + env(safe-area-inset-top,0px));display:flex;gap:8px;align-items:center;z-index:5;pointer-events:none}#roomtag{padding:5px 10px 5px 8px;display:flex;gap:8px;align-items:center}#roomtag b{font-size:12px;letter-spacing:.02em}#roomtag span{color:var(--ink-dim)}#b-clear,#b-undo,#b-like{pointer-events:auto;min-height:22px;padding:2px 9px;font-size:10px}#modetag{padding:4px 10px;background:var(--brass);color:var(--brass-ink);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:10px}#placehint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 10px;z-index:6;display:flex;gap:8px;align-items:center;white-space:nowrap}@media(max-width:640px){#placehint{bottom:calc(100px + env(safe-area-inset-bottom,0px));white-space:normal;width:calc(100% - 48px)}}kbd{display:inline-block;min-width:14px;padding:0 3px;background:#0f111a;border:1px solid var(--hi);border-bottom-width:2px;font:bold 10px var(--font);text-align:center;color:var(--brass-hi)}#toasts{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:60;pointer-events:none;width:max-content;max-width:calc(100% - 32px)}.toast{padding:6px 12px;animation:tin .18s steps(3) both}@media(max-width:640px){#toasts{top:calc(52px + env(safe-area-inset-top,0px))}}.toast.out{animation:tout .3s steps(3) both}@keyframes tin{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}@keyframes tout{to{transform:translateY(-8px);opacity:0}}.win{position:fixed;z-index:30;display:flex;flex-direction:column;border:2px solid var(--edge);background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel-3),6px 6px #00000059;max-width:calc(100vw - 16px);max-height:calc(100% - 80px)}.win .tb{display:flex;align-items:center;gap:8px;height:24px;padding:0 4px 0 8px;cursor:grab;touch-action:none;background:linear-gradient(var(--brass-hi) 0 2px,var(--brass) 2px calc(100% - 3px),var(--brass-lo) calc(100% - 3px) calc(100% - 2px),var(--edge) calc(100% - 2px));color:var(--brass-ink)}.win .tb canvas{image-rendering:pixelated}.win .tb .x{margin-left:auto;width:18px;height:18px;border:2px solid var(--brass-ink);background:#c7542d;box-shadow:inset 1px 1px #f08a5f,inset -1px -1px #7a2a12;cursor:pointer;padding:0;display:grid;place-items:center}.win .tb .x:hover{background:#dd6a3f}.win .tb .x canvas{width:10px;height:10px}.win .body{padding:10px;overflow:auto;min-height:0}.win.front{z-index:31}.hint{color:var(--ink-dim)}.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lbl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:700;margin:10px 0 5px}.lbl:first-child{margin-top:0}.sw{width:22px;height:22px;border:2px solid var(--edge);cursor:pointer;padding:0;box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #00000040}.sw.on{outline:2px solid var(--brass-hi);outline-offset:1px}.chip{padding:3px 8px;min-height:22px;font-weight:700}.chip.on{background:var(--brass);color:var(--brass-ink);box-shadow:inset -2px -2px 0 var(--brass-hi),inset 2px 2px 0 var(--brass-lo)}#w-cat{width:570px}.cat-wrap{display:grid;grid-template-columns:150px 1fr;gap:8px;min-height:0}.cat-tabs{display:flex;flex-direction:column;gap:3px}.cat-tab{justify-content:flex-start;padding:2px 6px;min-height:28px;font-weight:700;gap:6px}.cat-tab canvas{width:20px;height:20px}.cat-tab.on{background:var(--brass);color:var(--brass-ink);box-shadow:inset -2px -2px 0 var(--brass-hi),inset 2px 2px 0 var(--brass-lo)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;align-content:start;background:#171a26;border:2px solid var(--edge);padding:4px;min-height:150px;max-height:220px;overflow:auto}.cell{position:relative;height:64px;background:#20243370;border:2px solid transparent;cursor:pointer;display:grid;place-items:center;padding:0}.cell:hover{background:#2c3247;border-color:var(--hi)}.cell.on{border-color:var(--brass);background:#3a3322}.cell canvas{max-width:60px;max-height:60px;image-rendering:auto}.cell .n{position:absolute;right:2px;bottom:1px;font-size:10px;font-weight:700;color:var(--brass-hi);text-shadow:1px 1px 0 #000}.detail{display:grid;grid-template-columns:132px 1fr;gap:10px;margin-top:8px}.pv{height:132px;background:repeating-conic-gradient(#1b1f2d 0 25%,#202537 0 50%) 0 0/16px 16px;border:2px solid var(--edge);display:grid;place-items:center;overflow:hidden;cursor:pointer}.pv canvas{image-rendering:pixelated}.dname{font-size:13px;font-weight:700;color:var(--brass-hi)}.tags{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0 6px}.tag{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;background:#171a26;border:1px solid var(--hi);color:var(--ink-dim)}@media(max-width:640px){.cat-wrap{grid-template-columns:1fr}.cat-tabs{flex-direction:row;flex-wrap:wrap}.cat-tab{min-height:26px}.cat-tab span{display:none}.detail{grid-template-columns:96px 1fr}.pv{height:96px}}#w-info{width:220px}#w-info .pv{height:110px;margin-bottom:8px}#w-info .acts{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}#w-av{width:600px}.av-wrap{display:grid;grid-template-columns:128px 1fr;gap:10px}.av-pv{height:190px;background:linear-gradient(#2a3048,#1b1f2e);border:2px solid var(--edge);display:grid;place-items:center;position:relative}.av-pv canvas{image-rendering:pixelated}.av-rot{position:absolute;bottom:4px;left:4px;right:4px;display:flex;justify-content:space-between}.opt{min-width:34px;height:34px;padding:0}.opt canvas{width:28px;height:28px;image-rendering:pixelated}@media(max-width:640px){.av-wrap{grid-template-columns:1fr}.av-pv{height:150px}}#w-room{width:360px}#w-inv,#w-help{width:380px}#w-io{width:420px}.help dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0}.help dt{font-weight:700;color:var(--brass-hi);white-space:nowrap}.help dd{margin:0;color:var(--ink-dim)}.confirm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;padding:6px;background:#3a1f22;border:2px solid #7a2f2f}.hint.err{color:var(--bad);font-weight:700}#w-kicked .body,#w-pw .body{width:290px}#start{position:fixed;inset:0;z-index:50;overflow:auto;display:grid;place-items:center;padding:16px;background:#0b0d16;touch-action:pan-y;overscroll-behavior:contain}#start.out{opacity:0;transition:opacity .4s steps(5);pointer-events:none}#start-bg{position:fixed;left:0;top:0;image-rendering:pixelated;pointer-events:none}#start-card{position:relative;width:min(360px,100%);box-sizing:border-box;padding:16px 18px;display:flex;flex-direction:column;gap:10px;margin:auto;animation:tin .3s steps(4) both}#start-card .logo{display:block;margin:2px auto 0;image-rendering:pixelated;max-width:100%}.start-sub{margin:0;text-align:center;color:var(--ink-dim);font-size:12px}#start-card .av2-tabs{margin-top:2px}.sf-form{display:flex;flex-direction:column;gap:9px}.sf{display:flex;flex-direction:column;gap:3px}.sf-l{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:700}.sf-i{width:100%;box-sizing:border-box;height:30px;font-size:13px}.sf-i[aria-invalid=true],#w-pw input[aria-invalid=true]{border-color:var(--bad)}.sf-h{font-size:10px;color:var(--ink-mute)}.sf-chk{display:flex;gap:6px;align-items:center;color:var(--ink-dim);cursor:pointer;margin-top:6px}.sf-form .sf-chk{margin-top:0}.sf-chk input{margin:0;accent-color:var(--brass)}.sf-form .hint.err,#w-pw .hint.err{margin:0;min-height:0}.sf-form .hint.err:empty,#w-pw .hint.err:empty{display:none}.sf-go{width:100%;min-height:34px;font-size:13px}.start-row{display:flex;gap:6px}.start-row .btn{flex:1}.start-note{margin:0;font-size:10px;text-align:center}.start-note.warn{color:var(--brass-hi)}.sw-who{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0}.sw-who canvas{image-rendering:pixelated}.sw-n{font-size:20px;font-weight:700;color:var(--brass-hi);word-break:break-all}@media(max-width:640px){.sf-i{font-size:16px;height:34px}}@media(prefers-reduced-motion:reduce){#start-card{animation:none}#start.out{transition:none}}#w-nav .body{width:300px}.nav-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:320px;overflow:auto}.nav-row{display:grid;grid-template-columns:1fr auto auto 28px;align-items:center;gap:8px;padding:5px 8px;border:2px solid var(--edge);background:var(--panel-2);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo);cursor:pointer;text-align:left}.nav-row:hover{background:var(--panel-3)}.nav-row.on{outline:2px solid var(--brass);outline-offset:-2px}.nav-name{font-weight:700;display:flex;gap:6px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-owner{color:var(--ink-mute);white-space:nowrap}.nav-n{justify-self:end;min-width:22px;text-align:center;padding:1px 4px;background:#171a26;border:1px solid var(--lo);color:var(--ink-mute);font-weight:700}.nav-n.live{color:#10220f;background:var(--ok);border-color:#2f7a33}#w-adm .body{width:430px;max-width:calc(100vw - 40px)}.adm-tabs{margin-bottom:8px}.adm-list{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow:auto}.adm-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:5px 8px;border:2px solid var(--edge);background:var(--panel-2);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo)}.adm-list .nav-row{grid-template-columns:1fr auto}.adm-acts{display:flex;gap:4px;flex-wrap:wrap}.adm-acts .btn{min-height:22px;padding:2px 7px}.adm-detail{padding:6px 8px 8px;margin:-2px 0 4px;border:2px solid var(--edge);border-top:0;background:var(--panel)}.adm-detail .row input.txt{flex:1;min-width:0}.adm-tags{display:inline-flex;gap:4px}.tag.ok{color:#10220f;background:var(--ok);border-color:#2f7a33}.tag.warn{color:#2b1b06;background:var(--brass);border-color:var(--brass-lo)}.tag.bad{color:#fff;background:var(--bad);border-color:#7a2a24}.adm-stats{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 6px}.adm-stats dt{color:var(--ink-mute)}.adm-stats dd{margin:0;font-weight:700}.adm-list .row input.txt{flex:1;min-width:0}#w-say .body{width:300px}.say-text{font-size:13px;font-weight:700;color:var(--brass-hi);margin:0 0 4px;white-space:pre-wrap}.av2{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}.av2-left .av-pv{height:250px}.av2-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.av2-acts .btn{flex:1}.av2-body{display:flex;gap:6px}.av2-body .btn{flex:1;min-height:28px}.av2-tabs{display:flex;gap:4px;margin-top:12px;border-bottom:2px solid var(--edge)}.av2-tab{flex:1;box-shadow:none;border-bottom:0;background:var(--panel-2);clip-path:none}.av2-tab.on{background:var(--brass);color:var(--brass-ink);transform:none;box-shadow:inset 2px 2px 0 var(--brass-hi)}.av2-pane{max-height:390px;overflow:auto;padding:2px 4px 6px 0}.av2-pane .lbl:first-child{margin-top:8px}.av-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.av-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 3px;border:2px solid var(--edge);background:#1b1f2e;cursor:pointer;color:var(--ink-dim)}.av-opt:hover{background:var(--panel-3);color:var(--ink)}.av-opt.on{border-color:var(--brass);background:var(--panel-3);color:var(--brass-hi)}.av-opt:focus-visible{outline:2px solid var(--brass-hi);outline-offset:1px}.av-opt canvas{image-rendering:pixelated;background:linear-gradient(#2a3048,#1b1f2e)}.av-opt span{font-size:9px;line-height:1.15;text-align:center;max-width:62px}@media(max-width:640px){.av2{grid-template-columns:1fr}.av2-left .av-pv{height:170px}.av2-pane{max-height:none}}.cat-search{width:100%;box-sizing:border-box;margin-bottom:6px}.rights{display:flex;flex-direction:column;gap:4px}.rights .row input.txt{flex:1;min-width:0}.rights-row{justify-content:space-between;padding:3px 6px;border:2px solid var(--edge);background:var(--panel-2)}#w-room .body{max-height:calc(100vh - 140px)}.cat-tab.gold-tab{background:linear-gradient(#5a4520,#3a2c16);color:var(--brass-hi);box-shadow:inset 2px 2px #8a6a2a,inset -2px -2px #22180a}.cat-tab.gold-tab.on{background:var(--brass);color:var(--brass-ink)}.cell.prem{background:linear-gradient(#3a3020,#241f16);border-color:#6a5220}.cell.prem:hover{border-color:var(--brass)}.cell .star{position:absolute;left:3px;top:1px;font-size:10px;color:var(--brass-hi);text-shadow:1px 1px 0 #000}.prem-box{margin:6px 0 4px;padding:6px 8px;background:#2e2616;border:2px solid #6a5220}.prem-box p{margin:4px 0 0;color:#f0dfb4}.tag.prem{background:var(--brass);color:var(--brass-ink);border-color:var(--brass-lo)}#w-info .acts .btn:nth-child(n+5){grid-column:span 2}#w-piano .body{width:392px}.piano{position:relative;height:118px;margin-top:6px;background:#15141a;border:2px solid var(--edge);border-top:6px solid #2a2530}.pk{position:absolute;top:0;padding:0;border:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;font:bold 9px var(--font)}.pk.w{width:25px;height:112px;background:#f4f1e8;color:#8a8478;box-shadow:inset -2px -3px #c9c3b4;z-index:1}.pk.b{width:16px;height:68px;background:#1f1d26;color:#8a8a9a;box-shadow:inset 2px 2px #3a3844,inset -2px -3px #0b0a0e;z-index:2}.pk span{margin-bottom:5px;pointer-events:none}.pk.w.down{background:#ffd98a;box-shadow:inset -2px -3px #d9a93a}.pk.b.down{background:#8a6a2a}.snake{display:grid;grid-template-columns:auto 130px;gap:10px}.snake-scr{position:relative;border:4px solid #07080d;box-shadow:0 0 0 2px #3a3f55;line-height:0}.snake-scr canvas{image-rendering:pixelated;display:block}.snake-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#060e0ab8;color:#bfffcf;line-height:1.3;text-align:center;cursor:pointer}.snake-over b{font-size:15px;letter-spacing:.08em;color:#6dff9a}.snake-score{font-size:22px;font-weight:700;color:var(--brass-hi)}.hs{margin:0;padding-left:18px}.hs li{display:list-item}.hs li span{display:inline-block;min-width:74px}.hs li b{color:var(--brass-hi)}@media(max-width:640px){.snake{grid-template-columns:1fr}.snake-scr canvas{width:100%;height:auto}}#w-board .body{width:380px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:300px;overflow:auto;padding:6px;background:#8a6038;border:2px solid var(--edge);box-shadow:inset 2px 2px #5a3c20}.board-grid .hint{color:#f6e8d0;grid-column:1/-1}.note-card{position:relative;padding:8px 8px 6px;color:#2b2418;box-shadow:2px 2px #00000059;min-height:54px}.note-card:before{content:"";position:absolute;left:50%;top:2px;width:6px;height:6px;margin-left:-3px;background:#e0402f;box-shadow:inset -1px -1px #8a1f1a}.note-t{font-size:11px;line-height:1.3;word-break:break-word;margin-top:4px;-webkit-user-select:text;user-select:text}.note-by{margin-top:4px;font-size:9px;color:#5a4a30}.note-x{position:absolute;right:2px;top:1px;border:0;background:none;cursor:pointer;color:#6a4a30;font-size:11px;padding:0 2px}.note-x:hover{color:#a8201a}.wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.wheel-row{display:flex;align-items:center;gap:6px}.wheel-row .sw{flex:none;cursor:default}.wheel-row input{flex:1;min-width:0}#w-prof .body{width:260px}.prof{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.prof-pv{background:linear-gradient(#2a3048,#1b1f2e);border:2px solid var(--edge);padding:4px;line-height:0}.prof-pv canvas{image-rendering:pixelated}.prof-info{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.prof-motto{margin:0;font-style:italic;color:#f0e6cc;word-break:break-word}.prof-motto.hint{font-style:normal;color:var(--ink-mute)}.prof-resp{display:flex;gap:5px;align-items:center;font-weight:700}.prof-resp .heart{color:#ff6f9a;font-size:13px}#w-prof .acts{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.whisper-chip{background:#4a3a6a;color:#e7e0f6;flex:none}.btn.like{min-height:22px;padding:2px 9px;font-size:10px;color:#ffb3c8}.btn.like.on{background:#8a2a4a;color:#fff;box-shadow:inset 2px 2px #c0507a,inset -2px -2px #4a1026}.nav-likes{color:#ff8fb0;font-weight:700;white-space:nowrap}.nav-row.guest{grid-template-columns:1fr auto auto;cursor:default}.nav-row.guest .btn{min-height:22px;padding:2px 8px}#w-kamera .body{width:372px}.cam-vf{position:relative;width:360px;height:240px;border:4px solid #07080d;box-shadow:0 0 0 2px #3a3f55;background:#000;line-height:0}.cam-live{width:360px;height:240px;image-rendering:pixelated}.cam-opts{display:grid;grid-template-columns:auto 1fr;gap:0 14px}.cam-corners{position:absolute;inset:8px;pointer-events:none;background:linear-gradient(#fff,#fff) top left/14px 2px no-repeat,linear-gradient(#fff,#fff) top left/2px 14px no-repeat,linear-gradient(#fff,#fff) top right/14px 2px no-repeat,linear-gradient(#fff,#fff) top right/2px 14px no-repeat,linear-gradient(#fff,#fff) bottom left/14px 2px no-repeat,linear-gradient(#fff,#fff) bottom left/2px 14px no-repeat,linear-gradient(#fff,#fff) bottom right/14px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 14px no-repeat;opacity:.8}.cam-rec{position:absolute;left:12px;top:10px;font:bold 10px var(--font);color:#ff5a4a;text-shadow:1px 1px 0 #000;line-height:1;animation:recblink 1s steps(2) infinite}.cam-rec.done{color:#fff;animation:none}.cam-count{position:absolute;inset:0;display:grid;place-items:center;font:bold 64px var(--font);color:#fff;text-shadow:3px 3px 0 #000;line-height:1}@keyframes recblink{50%{opacity:.25}}.cam-vf.shot:after{content:"";position:absolute;inset:0;background:#fff;animation:camflash .5s ease-out forwards}@keyframes camflash{0%{opacity:1}to{opacity:0}}#cam-frame{position:fixed;z-index:4;pointer-events:none;outline:1px dashed rgba(255,255,255,.55);box-shadow:0 0 0 9999px #080a142e}#w-foto .body{width:auto}.polaroid{background:#f7f3ea;padding:14px 14px 10px;box-shadow:3px 3px #00000059}.polaroid canvas{display:block;width:360px;height:240px;image-rendering:pixelated;border:1px solid #d8d0c0}.polaroid.big canvas{width:720px;height:480px}@media(max-width:800px),(max-height:700px){.polaroid.big canvas{width:360px;height:240px}}.pol-title{margin-top:8px;font:bold 13px var(--font);color:#2b2418}.pol-by{font-size:10px;color:#6a5a40}#w-c4 .body{width:470px}.c4{display:grid;grid-template-columns:auto 1fr;gap:12px}.c4-cv{width:280px;height:284px;image-rendering:pixelated;cursor:pointer;border:2px solid var(--edge)}.c4-player{display:flex;gap:6px;align-items:center;padding:4px 6px;border:2px solid transparent}.c4-player.on{border-color:var(--brass);background:#2e2616}.c4-dot{width:12px;height:12px;border-radius:50%;border:2px solid #0b0a10}.c4-dot.c1{background:#e0402f}.c4-dot.c2{background:#f4c21f}.c4-status{margin:8px 0;font-weight:700;color:var(--ink)}.c4-status.won{color:var(--brass-hi);font-size:13px}.c4-acts{display:flex;flex-direction:column;gap:4px}@media(max-width:640px){.c4{grid-template-columns:1fr}}#w-wetter .body{width:430px}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.weather-opt{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:8px;justify-content:start;text-align:left;padding:4px 8px;min-height:54px;white-space:normal}.weather-opt canvas{grid-row:1/3;align-self:center;justify-self:center}.weather-opt span{font-weight:400;color:var(--ink-dim);font-size:10px}.weather-opt.on{background:var(--brass);color:var(--brass-ink)}.weather-opt.on span{color:var(--brass-ink)}#w-led .body{width:300px}.led-pv{display:block;width:280px;height:64px;border:3px solid #1c1b22;box-shadow:0 0 0 2px #3a3f55;margin-bottom:4px}#w-katze .body{width:270px}.cat-pv canvas{image-rendering:pixelated}#w-katze .acts{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.weather-grid.off .weather-opt{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}