:root{--ink:#130f08;--umber:#1c170d;--umber2:#2a2213;--line:#54431d;--honey:#e6b422;--straw:#f2d98a;--brass:#a37f1b;--cream:#f4ecd6;--mute:#b8aa80;--rust:#c4573a;--bar:44px;font-family:Bricolage Grotesque,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--straw)}.ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}:focus-visible{outline:2px solid var(--honey);outline-offset:2px}#wall{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}#desk{inset:0 0 var(--bar) 0;position:fixed}#vig{pointer-events:none;background:radial-gradient(at 62% 64%,#0000 35%,#0009 100%);position:fixed;top:0;bottom:0;left:0;right:0}.icon{text-align:center;width:92px;height:92px;color:var(--straw);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-size:13px;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex;position:absolute}.icon span{text-shadow:0 1px 2px #000;border-radius:2px;padding:1px 5px}.icon:hover{background:#e6b4222a;border-color:#e6b42270;transform:translateY(-2px)}.icon:hover .ic{color:#fff3c4;filter:drop-shadow(0 0 6px #e6b422aa)}.icon.sel{border-color:var(--honey);background:#e6b42240}.icon.sel span{background:var(--honey);color:var(--ink);text-shadow:none}.icon.drag{z-index:5;opacity:.85;transition:none;transform:none}.win{background:var(--umber);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:300px;min-height:180px;display:flex;position:fixed;box-shadow:0 10px 30px #000a,inset 1px 1px #ffffff12}.win[hidden]{display:none}.win.max{border-radius:0;inset:0 0 var(--bar) 0!important;width:auto!important;height:auto!important}.bar{background:var(--umber2);border-bottom:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;height:34px;color:var(--mute);align-items:center;gap:8px;padding:0 4px 0 10px;display:flex}.win.on .bar{color:var(--cream);background:#4a3a12}.bar .ic{width:16px;height:16px}.bar b{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.btns{gap:3px;display:flex}.btns button{border:1px solid var(--line);background:var(--umber);border-radius:2px;width:28px;height:24px;font-size:14px;line-height:1}.btns button:hover{background:var(--brass);color:var(--ink)}.btns button[data-a=x]:hover{background:var(--rust);color:#fff}.body{flex:1;min-height:0;overflow:auto}.body iframe{background:var(--ink);border:0;width:100%;height:100%;display:block}.win:not(.on) iframe{pointer-events:none}.grip{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 55%,var(--line) 55% 62%,transparent 62% 72%,var(--line) 72% 79%,transparent 79%);width:16px;height:16px;position:absolute;bottom:0;right:0}.win.max .rz{display:none}.rz{z-index:3;touch-action:none;position:absolute}.rz[data-d=n]{height:7px;top:-3px;left:10px;right:10px}.rz[data-d=s]{height:7px;bottom:-3px;left:10px;right:10px}.rz[data-d=e]{width:7px;top:10px;bottom:10px;right:-3px}.rz[data-d=w]{width:7px;top:10px;bottom:10px;left:-3px}.rz[data-d=ne]{width:14px;height:14px;top:-3px;right:-3px}.rz[data-d=nw]{width:14px;height:14px;top:-3px;left:-3px}.rz[data-d=se]{width:14px;height:14px;bottom:-3px;right:-3px}.rz[data-d=sw]{width:14px;height:14px;bottom:-3px;left:-3px}#band{z-index:4;pointer-events:none;border:1px solid var(--honey);background:#e6b42233;position:fixed}#band[hidden]{display:none}#sd{border:1px solid var(--line);background:var(--umber);border-radius:2px;place-items:center;width:36px;height:32px;display:grid}#sd .ic{width:18px;height:18px}#sd:hover{background:var(--honey);color:var(--ink)}.pad{padding:20px 22px 26px;line-height:1.55}.pad h1{letter-spacing:-.02em;margin:0 0 4px;font-size:34px;font-weight:800}.pad h2{margin:0 0 6px;font-size:17px}.pad p{color:#e6dcc0;max-width:62ch;margin:0 0 12px}.who{align-items:center;gap:18px;margin-bottom:12px;display:flex}.who img{border:1px solid var(--line);object-fit:cover;border-radius:4px;width:88px;height:88px}.item{border:1px solid var(--line);border-left:3px solid var(--honey);background:#221c0f;border-radius:2px;margin-bottom:10px;padding:12px 14px}.item p{color:var(--mute);margin:0;font-size:14px}details.item summary{cursor:pointer;justify-content:space-between;gap:10px;font-weight:600;display:flex}details.item summary i{color:var(--mute);font-size:14px;font-style:normal;font-weight:400}details.item[open] summary{margin-bottom:8px}.mono{font-family:DM Mono,ui-monospace,monospace;font-size:13px}.btn{border:1px solid var(--honey);background:var(--honey);color:var(--ink);border-radius:2px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.btn.ghost{color:var(--straw);background:0 0}.tools{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tools button{border:1px solid var(--line);background:#221c0f;border-radius:2px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-size:14px;display:flex}.tools button:hover{border-color:var(--honey)}.tools .ic{width:26px;height:26px;color:var(--honey)}#bar{height:var(--bar);background:var(--umber2);border-top:1px solid var(--line);z-index:9000;align-items:center;gap:6px;padding:0 6px;display:flex;position:fixed;bottom:0;left:0;right:0}#start{border:1px solid var(--line);background:var(--umber);letter-spacing:.02em;border-radius:2px;align-items:center;gap:8px;height:32px;padding:0 14px;font-weight:800;display:flex}#start:hover,#start[aria-expanded=true]{background:var(--honey);color:var(--ink)}#start i{background:var(--honey);width:10px;height:10px;display:block;transform:rotate(45deg)}#start:hover i,#start[aria-expanded=true] i{background:var(--ink)}#tasks{flex:1;gap:4px;display:flex;overflow:hidden}#tasks button{border:1px solid var(--line);background:var(--umber);white-space:nowrap;text-overflow:ellipsis;border-radius:2px;min-width:0;max-width:180px;height:32px;padding:0 10px;font-size:13px;overflow:hidden}#tasks button.on{border-color:var(--honey);background:#4a3a12}#clock{border:1px solid var(--line);background:var(--ink);border-radius:2px;flex-direction:column;justify-content:center;align-items:flex-end;height:36px;padding:0 12px;font-size:13px;line-height:1.15;display:flex}#clock small{color:var(--mute);font-size:11px}#clock:hover,#clock[aria-expanded=true]{border-color:var(--honey)}#menu{left:6px;bottom:calc(var(--bar) + 4px);background:var(--umber);border:1px solid var(--line);z-index:9001;border-radius:4px;width:250px;padding-bottom:6px;position:fixed;box-shadow:0 10px 30px #000a}#menu[hidden]{display:none}#menu h3{background:var(--brass);color:var(--ink);margin:0 0 6px;padding:12px 14px;font-size:16px}#menu button,#menu a{text-align:left;width:100%;color:var(--cream);background:0 0;border:0;align-items:center;gap:10px;padding:8px 14px;font-size:14px;text-decoration:none;display:flex}#menu button:hover,#menu a:hover{background:var(--honey);color:var(--ink)}#menu .ic{width:18px;height:18px}#menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}#card{right:14px;bottom:calc(var(--bar) + 14px);background:var(--umber);border:1px solid var(--line);border-radius:4px;width:330px;padding:8px;position:fixed}#card small{color:var(--mute);margin:0 0 6px 2px;font-size:12px;display:block}#card img{border-radius:6px;width:100%;height:auto;display:block}#cal{right:6px;bottom:calc(var(--bar) + 4px);background:var(--umber);border:1px solid var(--line);z-index:9001;border-radius:4px;width:300px;padding:14px;position:fixed;box-shadow:0 10px 30px #000a}#cal[hidden]{display:none}#cal .ct{letter-spacing:-.01em;font-size:34px;font-weight:800}#cal .cd{color:var(--mute);margin-bottom:12px;font-size:14px}#cal .ch{justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:600;display:flex}#cal button{border:1px solid var(--line);background:var(--umber2);border-radius:2px;padding:3px 10px}#cal button:hover{background:var(--honey);color:var(--ink)}.cg{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cg em{color:var(--mute);padding:4px 0;font-size:12px;font-style:normal}.cg b{border-radius:2px;padding:7px 0;font-size:14px;font-weight:400}.cg b:hover{background:var(--umber2)}.cg b.today{background:var(--honey);color:var(--ink);font-weight:800}.cf{border-top:1px solid var(--line);color:var(--mute);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;font-size:12px;display:flex}#ctx{background:var(--umber);border:1px solid var(--line);z-index:9100;border-radius:4px;min-width:220px;padding:4px 0;position:fixed;box-shadow:0 10px 30px #000a}#ctx[hidden]{display:none}#ctx button{text-align:left;background:0 0;border:0;width:100%;padding:7px 16px;font-size:14px;display:block}#ctx button:hover{background:var(--honey);color:var(--ink)}#ctx hr{border:0;border-top:1px solid var(--line);margin:4px 0}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.row small{color:var(--mute);font-size:13px;display:block}.pad h2+.row{border-top:1px solid var(--line)}.pad h2:not(:first-child){margin-top:22px}input[role=switch]{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--ink);border-radius:11px;flex:none;width:38px;height:22px;position:relative}input[role=switch]:after{content:"";background:var(--mute);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}input[role=switch]:checked{background:var(--brass);border-color:var(--honey)}input[role=switch]:checked:after{background:var(--cream);transform:translate(16px)}.acts{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.acts .btn{cursor:pointer}html{--ca:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 2l16 9-7 2-3 7z' fill='%23e6b422' stroke='%23130f08' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto;--cp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 2l16 9-7 2-3 7z' fill='%23f4ecd6' stroke='%23130f08' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,pointer}html.cur *{cursor:var(--ca)}html.cur a,html.cur button,html.cur summary,html.cur label,html.cur .icon,html.cur .icon *{cursor:var(--cp)}html.cur .grip{cursor:nwse-resize}html.cur input[type=text],html.cur textarea{cursor:var(--ct)}.rz[data-d=n]{cursor:n-resize}.rz[data-d=s]{cursor:s-resize}.rz[data-d=e]{cursor:e-resize}.rz[data-d=w]{cursor:w-resize}.rz[data-d=ne]{cursor:ne-resize}.rz[data-d=sw]{cursor:sw-resize}.rz[data-d=nw]{cursor:nw-resize}.rz[data-d=se]{cursor:se-resize}.bar.gr,.bar.gr *{cursor:grabbing}html.cur .rz[data-d=n],html.cur .rz[data-d=s]{cursor:var(--cns)}html.cur .rz[data-d=e],html.cur .rz[data-d=w]{cursor:var(--cew)}html.cur .rz[data-d=ne],html.cur .rz[data-d=sw]{cursor:var(--cnesw)}html.cur .rz[data-d=nw],html.cur .rz[data-d=se]{cursor:var(--cnwse)}html.cur .bar,html.cur .bar *{cursor:var(--cg)}html.cur .bar button,html.cur .bar button *{cursor:var(--cp)}html.cur .bar.gr,html.cur .bar.gr *,html.cur .icon.drag,html.cur .icon.drag *,html.cur #card small.gr{cursor:var(--cgg)}html.cur #card small{cursor:var(--cg)}html.sb *{scrollbar-width:thin;scrollbar-color:var(--brass) var(--ink)}html.sb ::-webkit-scrollbar{width:12px;height:12px}html.sb ::-webkit-scrollbar-track{background:var(--ink)}html.sb ::-webkit-scrollbar-corner{background:var(--ink)}html.sb ::-webkit-scrollbar-thumb{background:var(--brass);border:2px solid var(--ink);border-radius:6px}html.sb ::-webkit-scrollbar-thumb:hover{background:var(--honey)}.hero{align-items:center;gap:18px;margin-bottom:14px;display:flex}.hero h1{margin:0 0 4px;font-size:30px}.hero p{margin:0}.logo{border:1px solid var(--line);background:#221c0f;border-radius:6px;flex:none;place-items:center;width:72px;height:72px;display:grid}.logo .ic{width:40px;height:40px;color:var(--honey)}.lk{color:var(--cream);align-items:center;gap:12px;text-decoration:none;display:flex}.lk:hover{border-color:var(--honey)}.lk .ic{width:26px;height:26px;color:var(--honey)}.lk small{color:var(--mute);font-size:13px;display:block}#card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#card img{pointer-events:none;-webkit-user-drag:none}.calm *,.calm :before,.calm :after{transition:none!important;animation:none!important}.calm .icon:hover{transform:none}#tasks button{align-items:center;gap:8px;display:flex;position:relative}#tasks .ic{flex:none;width:16px;height:16px}#tasks button span{text-overflow:ellipsis;overflow:hidden}#tasks button{background:0 0;border-color:#0000}#tasks button:hover{background:#ffffff10}#tasks button.on{background:#ffffff14;border-color:#0000}#tasks button.min{opacity:.65}#tasks button:after{content:"";background:var(--brass);border-radius:1px;width:8px;height:2px;transition:width .18s,background .18s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}#tasks button.on:after{background:var(--honey);width:calc(100% - 16px)}#tasks button.min:after{background:var(--line)}#pins{border-left:1px solid var(--line);border-right:1px solid var(--line);gap:2px;margin:0 2px;padding:0 6px;display:flex}#pins button{background:0 0;border:1px solid #0000;border-radius:2px;place-items:center;width:34px;height:32px;display:grid}#pins button:hover{background:var(--umber);border-color:var(--line)}#pins .ic{width:18px;height:18px}.mh{align-items:center;gap:10px;display:flex}.mh img{object-fit:cover;border-radius:4px;width:34px;height:34px}#msearch{background:var(--ink);border:1px solid var(--line);width:calc(100% - 28px);color:var(--cream);font:inherit;border-radius:2px;margin:0 14px 8px;padding:8px 10px;font-size:14px;display:block}#msearch:focus{border-color:var(--honey);outline:none}.nores{color:var(--mute);margin:6px 14px;font-size:14px}.wel{text-align:center}.wel img{border:2px solid var(--honey);object-fit:cover;border-radius:50%;width:96px;height:96px;margin:6px auto 12px;display:block}.wel p{margin-left:auto;margin-right:auto}.tips{text-align:left;color:#e6dcc0;max-width:46ch;margin:14px auto;padding-left:20px;line-height:1.7}@media (max-width:820px),(max-height:520px){#tasks button span,#pins{display:none}}.pad a:not(.btn):not(.lk){text-underline-offset:3px;text-decoration-color:#e6b42266;transition:color .15s,text-decoration-color .15s}.pad a:not(.btn):not(.lk):hover{color:var(--cream);-webkit-text-decoration-color:var(--honey);text-decoration-color:var(--honey)}.btn{transition:background .15s,border-color .15s,color .15s}.btn:hover{background:#d4a520;border-color:#d4a520}.btn.ghost:hover{border-color:var(--honey);color:var(--cream);background:#e6b42218}.tools button{transition:border-color .15s,background .15s}.tools button:hover{background:#2a2213}.lk{transition:background .15s}.lk:hover{background:#2a2213}#start,#clock,#sd,#sd2,#pins button,#tasks button{transition:background .15s,border-color .15s,color .15s}.btns button{transition:background .12s,color .12s}#sd2{border:0;border-left:1px solid var(--line);background:0 0;border-radius:0;align-self:stretch;width:14px;margin:0 -6px 0 2px;padding:0}#sd2:hover{background:#e6b42222}.win{transition:opacity .15s}body.peek .win{opacity:0;pointer-events:none}#boot{animation:.5s 1.3s forwards bye}.bt{letter-spacing:0;flex-direction:column;align-items:center;gap:8px;display:flex}.bt img{border:2px solid var(--honey);object-fit:cover;border-radius:50%;width:72px;height:72px;margin-bottom:6px}.bt b{color:var(--cream);letter-spacing:.02em;font-size:28px}.bt span{color:var(--mute);font-size:14px;font-weight:400}.pg{background:var(--umber2);border-radius:2px;width:180px;height:3px;margin-top:10px;display:block;position:relative;overflow:hidden}.pg:after{content:"";background:var(--honey);transform-origin:0;animation:1.2s ease-out forwards fill;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.clks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clk{margin:0}.clk small{color:var(--mute);font-size:13px}.big{letter-spacing:-.01em;margin:4px 0 6px;font-size:34px;font-weight:800}@media (max-width:820px),(max-height:520px){.clks{grid-template-columns:1fr}}#tasks button.drag{-webkit-user-select:none;user-select:none;background:#ffffff1f}::selection{color:var(--cream);background:#e6b42255}.proj{align-items:flex-start;gap:14px;display:flex}.proj h2{margin:0 0 4px}.proj .lg{border:1px solid var(--line);background:var(--ink);border-radius:4px;flex:none;place-items:center;width:44px;height:44px;display:grid}.proj .lg .ic{width:24px;height:24px;color:var(--honey)}.pr{margin-top:10px!important}.btn.sm{padding:4px 11px;font-size:13px}.gm{flex-direction:column;align-items:center;gap:10px;display:flex}.gm canvas{border:1px solid var(--line);background:#130f08;border-radius:4px;outline:none;max-width:100%;height:auto}.gh{color:var(--mute);margin:0;font-size:14px}.rf .icon{animation:.3s rfl}@keyframes rfl{50%{opacity:.25}}.note{border:1px solid var(--line);border-left:3px solid var(--honey);color:#e6dcc0;background:#221c0f;border-radius:2px;margin:0 0 14px;padding:10px 14px;font-size:14px}.feat{border:1px solid var(--line);background:#1f190e;border-radius:4px;margin-bottom:14px;padding:16px}.fh{align-items:center;gap:14px;margin-bottom:10px;display:flex}.fh>div{flex:1}.fh h2{margin:0;font-size:20px}.ft{font-size:14px;color:var(--straw)!important;margin:2px 0 0!important}.fh .lg{border:1px solid var(--line);background:var(--ink);border-radius:4px;flex:none;place-items:center;width:48px;height:48px;display:grid}.fh .lg .ic{width:26px;height:26px;color:var(--honey)}.facts{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;display:grid}.fx{border:1px solid var(--line);background:var(--ink);border-radius:3px;padding:8px 10px}.fx b{color:var(--honey);font-size:17px;display:block}.fx span{color:var(--mute);font-size:12px}.chips{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:2px 9px;font-size:12px}.role{border-top:1px solid var(--line);padding-top:10px;font-size:13px;color:var(--mute)!important;margin:12px 0 0!important}@media (max-width:820px),(max-height:520px){.facts{grid-template-columns:1fr}.fh{flex-wrap:wrap}}#menu{max-height:calc(100vh - var(--bar) - 12px);flex-direction:column;display:flex}#menu h3,#msearch{flex:none}#mlist,#mres{min-height:0;overflow-y:auto}.mg{color:var(--mute);margin:8px 14px 2px;font-size:12px}@media (max-height:780px){#menu button,#menu a{padding:6px 14px}#menu h3{padding:8px 14px}}.ab h2{margin:20px 0 6px;font-size:17px}.lead{font-size:17px;color:var(--cream)!important}.wb{flex-wrap:wrap;gap:8px;display:flex;margin-top:18px!important}.wel .wb{justify-content:center}.wel .fx{text-align:center}.wr{color:var(--straw)!important;margin:0 auto 12px!important}.wh{font-size:13px;color:var(--mute)!important;margin-top:16px!important}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}@supports (height:100dvh){html,body{height:100dvh}}button,summary,label{touch-action:manipulation}#bar{padding-bottom:env(safe-area-inset-bottom,0px)}#menu{max-height:calc(100dvh - var(--bar) - 12px)}.fl{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (pointer:coarse){.btns button{width:42px;height:32px}.bar{height:42px}#start,#clock,#sd,#sd2{min-height:38px}#tasks button{height:38px}#pins button{width:40px;height:38px}#menu button,#menu a{padding:11px 14px}.rz[data-d=e],.rz[data-d=w]{width:18px}.rz[data-d=n],.rz[data-d=s]{height:18px}.rz[data-d=ne],.rz[data-d=nw],.rz[data-d=se],.rz[data-d=sw]{width:24px;height:24px}#sd2{width:22px}}@media (max-width:820px),(max-height:520px){.pad{padding:16px}#menu{width:min(330px,100vw - 12px)}.hero{flex-wrap:wrap}.tools{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:420px){#clock small{display:none}.pad h1{font-size:26px}}#boot{z-index:99999;background:var(--ink);letter-spacing:.04em;color:var(--honey);place-items:center;font-size:22px;font-weight:800;animation:.5s .9s forwards bye;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes bye{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){#boot{animation-duration:10ms;animation-delay:.2s}}@media (max-width:820px),(max-height:520px){#desk{flex-wrap:wrap;align-content:flex-start;gap:4px;padding:10px;display:flex;overflow:auto}.icon{touch-action:auto;height:auto;position:static!important}#card{display:none}.win{border-radius:0;inset:env(safe-area-inset-top,0px) 0 var(--bar) 0!important;width:auto!important;height:auto!important}.rz,.btns [data-a=max]{display:none}.bar{cursor:default}}#card img[hidden],#card p[hidden],#offline-badge[hidden]{display:none}#card .card-status{min-height:86px;color:var(--mute);margin:0;padding:14px 10px;font-size:13px;line-height:1.5}#card .card-hint{margin-top:8px;font-size:11px}#card small span{color:var(--straw)}#offline-badge{border:1px solid var(--line);background:var(--umber);color:var(--straw);border-radius:4px;flex:none;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}#offline-badge svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:16px;height:16px}@media (max-width:420px){#offline-badge{padding:6px}#offline-badge span{display:none}}.frame-wrap{width:100%;height:100%}.frame-wrap iframe{border:0;width:100%;height:100%}.missing-path{overflow-wrap:anywhere;color:var(--mute)}#page-content{z-index:100001;color:#f4ecd6;background:#1c170d;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}#page-content nav{flex-wrap:wrap;gap:16px;display:flex}#page-content article{max-width:800px;margin:24px 0}.traffic-controls{justify-content:center;gap:12px;margin-top:12px;display:flex}.traffic-controls button{min-width:80px;min-height:44px}.traffic{gap:8px}.traffic .traffic-help{text-align:center;color:var(--mute);margin:0;font-size:12px}.traffic canvas{touch-action:manipulation;width:min(100%,300px)}.traffic .traffic-controls{gap:8px;margin-top:0}.traffic-controls button{min-width:70px}.dino-game,.snake-game{gap:10px;padding:18px}.dino-game .traffic-controls,.snake-game .traffic-controls{gap:8px;margin-top:0}.dino-game small,.snake-game small{color:var(--mute);font-size:11px;line-height:1.5}.dino-game canvas,.snake-game canvas{border-color:#62502b;box-shadow:0 5px 18px #0004}.dino-game .btn[aria-pressed=true]{background:var(--honey);border-color:var(--honey);color:var(--ink)}