:root{--face: #C0C0C0;--hi: #FFFFFF;--lt: #DFDFDF;--sh: #808080;--dk: #000000;--navy: #000080;--navy2: #1084D0;--teal: #1C8C96;--yellow: #F5C542;--pink: #D94F6E;--ink: #101010}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:Tahoma,Verdana,Geneva,DejaVu Sans,sans-serif;font-size:13px;color:var(--ink);background-color:var(--teal);background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.12) 1px,transparent 1px);background-size:6px 6px,6px 6px;background-position:0 0,3px 3px}.desktop{position:relative;min-height:100dvh;display:grid;place-items:center;padding:clamp(10px,3vw,40px) clamp(10px,3vw,40px) calc(clamp(10px,3vw,40px) + 46px);overflow:hidden}.wallpaper{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.wallpaper:before,.wallpaper:after{content:"";position:absolute;inset:0}body[data-bg="1"] .wallpaper{background:repeating-linear-gradient(118deg,#f5c542 0 70px,#e8622a 70px 140px,#d94f6e 140px 210px,#1c8c96 210px 280px,#2f6fc4 280px 350px,#a8081f 350px 420px)}body[data-bg="1"] .wallpaper:after{background-image:radial-gradient(rgba(0,0,0,.2) 1.2px,transparent 1.4px);background-size:5px 5px}body[data-bg="2"] .wallpaper{background:linear-gradient(180deg,#3a2a5e,#8c3f7a 28%,#d94f6e 48%,#f5a442 58%,#f5c542 62%,#2a1c47 62.1% 100%)}body[data-bg="2"] .wallpaper:before{inset:auto auto 38% 50%;width:min(46vw,340px);height:min(46vw,340px);transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#f5c542,#f5a442 55%,#e8622a);clip-path:inset(0 0 8% 0);opacity:.95}body[data-bg="2"] .wallpaper:after{top:62%;bottom:-30%;background-image:linear-gradient(rgba(245,196,66,.55) 2px,transparent 2px),linear-gradient(90deg,rgba(245,196,66,.55) 2px,transparent 2px);background-size:56px 56px;transform:perspective(280px) rotateX(58deg);transform-origin:50% 0}body[data-bg="3"] .wallpaper{background:linear-gradient(135deg,#6fd8ff,#a9c4f2 42%,#d8b8e4 66%,#ffb5ce)}body[data-bg="3"] .wallpaper:before{inset:0 0 auto auto;width:min(34vw,420px);height:min(26vw,320px);background-image:linear-gradient(rgba(255,255,255,.65) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,255,255,.65) 1.5px,transparent 1.5px);background-size:38px 38px;background-color:#ffffff24;border-left:1.5px solid rgba(255,255,255,.65);border-bottom:1.5px solid rgba(255,255,255,.65)}body[data-bg="3"] .wallpaper:after{inset:auto auto 0 0;width:min(44vw,560px);height:min(24vw,300px);background-image:linear-gradient(rgba(255,255,255,.6) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,255,255,.6) 1.5px,transparent 1.5px);background-size:38px 38px;background-color:#ffffff1f;border-right:1.5px solid rgba(255,255,255,.6);border-top:1.5px solid rgba(255,255,255,.6)}body[data-bg="4"] .wallpaper{background:transparent}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:960;display:flex;align-items:center;gap:4px;min-height:38px;padding:3px 4px;background:var(--face);border-top:2px solid var(--hi);box-shadow:0 -1px 0 var(--lt)}.tb-games{display:flex;align-items:center;gap:4px}.tb-start,.tb-task{height:30px;display:flex;align-items:center;gap:6px;font:700 13px Tahoma,Verdana,sans-serif;color:var(--ink);background:var(--face);cursor:pointer;border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset 1px 1px 0 var(--lt),inset -1px -1px 0 var(--sh)}.tb-start{padding:0 14px}.tb-start svg,.tb-task svg{width:18px;height:18px;display:block;image-rendering:pixelated;flex:none}.tb-start[aria-expanded=true]{border-color:var(--dk) var(--hi) var(--hi) var(--dk);box-shadow:inset 1px 1px 0 var(--sh),inset -1px -1px 0 var(--lt);background:repeating-conic-gradient(var(--face) 0 25%,#fff 0 50%) 0 0 / 2px 2px}.tb-sep{width:2px;height:26px;border-left:1px solid var(--sh);border-right:1px solid var(--hi)}.tb-task{width:172px;padding:0 8px;cursor:default;justify-content:flex-start;border-color:var(--dk) var(--hi) var(--hi) var(--dk);box-shadow:inset 1px 1px 0 var(--sh),inset -1px -1px 0 var(--lt);background:repeating-conic-gradient(var(--face) 0 25%,#fff 0 50%) 0 0 / 2px 2px}.tb-task span{font-weight:700;font-size:12px;white-space:nowrap}.tb-tray{margin-left:auto;display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border:1px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh)}.picker{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700}.picker span{margin-right:3px}.picker button,.tb-tray .snd{width:22px;height:20px;padding:0;cursor:pointer;font:inherit;color:var(--ink);background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi)}.picker button[aria-pressed=true],.tb-tray .snd[aria-pressed=true]{background:var(--yellow);border-color:var(--dk) var(--hi) var(--hi) var(--dk)}.tb-tray .snd{width:26px;padding:2px;margin-left:2px}.tb-tray .snd svg{width:100%;height:100%;display:block;image-rendering:pixelated}.snd .snd__on{display:none}.snd[aria-pressed=true] .snd__on{display:block}.snd[aria-pressed=true] .snd__off{display:none}.tb-clock{font:12px Tahoma,Verdana,sans-serif;min-width:52px;text-align:center;padding-left:4px}.startmenu{position:fixed;left:2px;bottom:40px;z-index:962;display:flex;min-width:236px;padding:2px;background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset 1px 1px 0 var(--lt),inset -1px -1px 0 var(--sh),4px 4px #00000059}.startmenu[hidden]{display:none}.sm-side{width:28px;display:flex;align-items:flex-end;justify-content:center;padding:8px 0;background:linear-gradient(0deg,navy,#1084d0)}.sm-side span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font:400 19px/1 Archivo Black,Impact,sans-serif;letter-spacing:.02em;white-space:nowrap}.sm-side b{font-weight:400;color:var(--yellow);margin-top:4px}.sm-list,.sm-sub{list-style:none;margin:0;padding:2px 0}.sm-list{flex:1;min-width:0}.sm-list li{position:relative}.startmenu button,.startmenu a{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 10px;background:none;border:0;margin:0;font:13px Tahoma,Verdana,sans-serif;color:var(--ink);text-align:left;cursor:pointer;text-decoration:none}.startmenu svg{width:24px;height:24px;flex:none;display:block;image-rendering:pixelated}.startmenu button:hover,.startmenu a:hover,.startmenu button:focus-visible,.sm-has.open>button{background:navy;color:#fff;outline:none}.sm-arrow{margin-left:auto;font-style:normal;font-size:8px}.sm-sepli{height:0;margin:3px 4px;border-top:1px solid var(--sh);border-bottom:1px solid var(--hi)}.sm-sub{display:none;position:absolute;left:calc(100% - 2px);bottom:-4px;min-width:214px;background:var(--face);padding:2px;border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset 1px 1px 0 var(--lt),inset -1px -1px 0 var(--sh),4px 4px #00000059}.sm-has:hover>.sm-sub,.sm-has.open>.sm-sub,.sm-has:focus-within>.sm-sub{display:block}.balloon{position:fixed;left:8px;bottom:46px;z-index:963;max-width:280px;padding:6px 10px;background:#ffffe1;color:#000;border:1px solid #000;box-shadow:2px 2px #0000004d;font:12px/1.35 Tahoma,Verdana,sans-serif}.balloon[hidden]{display:none}@media (max-width: 760px),(pointer: coarse){.tb-games,.startmenu,.balloon{display:none!important}}.np{display:flex;align-items:center;gap:6px;height:22px;width:178px;padding:0 6px;background:#000;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);overflow:hidden}.np__eq{display:flex;align-items:flex-end;gap:2px;height:12px;flex:none}.np__eq i{display:block;width:3px;height:3px;background:#3f6}.np[data-state=on] .np__eq i{animation:eq .7s steps(5,end) infinite alternate}.np[data-state=on] .np__eq i:nth-child(2){animation-duration:.5s;animation-delay:-.2s}.np[data-state=on] .np__eq i:nth-child(3){animation-duration:.9s;animation-delay:-.4s}.np[data-state=on] .np__eq i:nth-child(4){animation-duration:.6s;animation-delay:-.1s}@keyframes eq{0%{height:2px}to{height:12px}}.np__win{position:relative;flex:1;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center}.np__txt{display:inline-block;white-space:nowrap;font:400 8px/1 "Press Start 2P",monospace;color:#3f6;text-shadow:0 0 4px rgba(51,255,102,.45)}.np[data-state=on] .np__txt{padding-left:100%;animation:marq 15s linear infinite}.np[data-state=armed] .np__txt{animation:npblink 1.1s steps(1) infinite}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes npblink{0%{opacity:1}50%{opacity:.3}}@media (max-width: 520px){.taskbar{padding:4px}.tb-tray{margin:0 auto;width:100%;height:auto;flex-wrap:wrap;justify-content:center;padding:4px 6px;border:0;row-gap:4px}.np{order:9;width:100%;margin:0}.desktop{padding-bottom:104px}}.w98{position:relative;z-index:2;width:100%;max-width:620px;background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset 1px 1px 0 var(--lt),inset -1px -1px 0 var(--sh),4px 4px #00000059;padding:3px}.w98__bar{display:flex;align-items:center;gap:5px;background:linear-gradient(90deg,var(--navy),var(--navy2));padding:3px 3px 3px 4px}.w98__ico{width:16px;height:16px;flex:none}.w98__ico svg{width:100%;height:100%;display:block}.w98__title{margin:0;flex:1;font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}.w98__btns{display:flex;gap:2px}.w98__btn{width:18px;height:16px;display:grid;place-items:center;font-size:9px;font-weight:700;line-height:1;background:var(--face);border:1px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset 1px 1px 0 var(--lt),inset -1px -1px 0 var(--sh)}.w98__menu{display:flex;gap:14px;padding:3px 6px;font-size:12px;border-bottom:1px solid var(--sh);box-shadow:0 1px 0 var(--hi);margin-bottom:2px}.w98__menu u{text-decoration:underline}.w98__body{padding:clamp(14px,4vw,26px) clamp(12px,4vw,26px) 14px;container-type:inline-size}.logo{font-size:clamp(1.4rem,7.4vw,3.4rem);text-align:center}@supports (font-size: 1cqw){.logo{font-size:min(4.6rem,11.4cqw)}.logo .logo__mark{font-size:calc(100cqw / 7.811);margin-left:-.074em;text-align:left}}.logo__mark{white-space:nowrap;font-family:Archivo Black,Impact,sans-serif;font-size:1em;line-height:.8;letter-spacing:-.028em;color:var(--ink);text-shadow:2px 2px 0 var(--yellow),4px 4px 0 var(--pink)}.logo__sub{margin-top:7px;font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.8vw,.52rem);letter-spacing:.22em;color:#3a3a3a}.soon{margin:18px auto 0;padding:10px 8px;background:var(--ink);border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);box-shadow:inset 1px 1px 0 var(--dk),inset -1px -1px 0 var(--lt);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.soon__txt{font-family:"Press Start 2P",monospace;font-size:clamp(.62rem,3.1vw,1.02rem);letter-spacing:.1em;color:#3f6;text-shadow:0 0 7px rgba(51,255,102,.55)}.soon__cursor{width:.55em;height:1em;background:#3f6;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bar98{margin-top:10px;height:18px;display:flex;gap:2px;padding:2px;background:var(--face);border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);box-shadow:inset 1px 1px 0 var(--dk),inset -1px -1px 0 var(--lt)}.bar98 i{flex:1;transition:opacity .12s linear}.bar98 i.off{opacity:.14}.bar98 i:nth-child(1),.bar98 i:nth-child(7){background:#f5c542}.bar98 i:nth-child(2),.bar98 i:nth-child(8){background:#e8622a}.bar98 i:nth-child(3),.bar98 i:nth-child(9){background:#d94f6e}.bar98 i:nth-child(4),.bar98 i:nth-child(10){background:#1c8c96}.bar98 i:nth-child(5),.bar98 i:nth-child(11){background:#2f6fc4}.bar98 i:nth-child(6),.bar98 i:nth-child(12){background:#a8081f}.copy{margin:16px 0 0;font-size:13px;line-height:1.65;text-align:center;color:#1d1d1d}.copy b{color:var(--navy)}.row{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.row--end{justify-content:flex-end;margin-top:12px}.btn98{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 15px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none;cursor:pointer;background:var(--face);border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);box-shadow:inset 1px 1px 0 var(--lt),inset -1px -1px 0 var(--sh)}.btn98:hover{background:#cacaca}.btn98:active{border-color:var(--dk) var(--hi) var(--hi) var(--dk);box-shadow:inset 1px 1px 0 var(--sh),inset -1px -1px 0 var(--lt);padding:6px 14px 4px 16px}.btn98:focus-visible{outline:1px dotted var(--ink);outline-offset:-5px}.btn98--accent{background:var(--yellow)}.btn98--accent:hover{background:#ffd65c}.btn98[disabled]{color:var(--sh);text-shadow:1px 1px 0 var(--hi);cursor:default}.btn98__ico{width:15px;height:15px;flex:none}.btn98__ico svg{width:100%;height:100%;display:block}.field98{margin:20px 0 0;border:1px solid var(--sh);padding:6px 12px 12px}.field98 legend{padding:0 5px;font-size:12px;font-weight:700}#csForm{display:flow-root}.f{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:center;margin-top:9px}.f--msg{align-items:start}.f label{font-size:12.5px}.f input,.f textarea{width:100%;padding:5px 7px;font-family:inherit;font-size:13px;color:var(--ink);background:#fff;border:2px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);box-shadow:inset 1px 1px 0 var(--dk),inset -1px -1px 0 var(--lt);border-radius:0}.f textarea{resize:vertical;min-height:62px;display:block}.f input:focus,.f textarea:focus{outline:1px dotted var(--navy);outline-offset:-4px}.f input::placeholder,.f textarea::placeholder{color:#9a9a9a}.f input[aria-invalid=true]{color:#c4122f;background:#fff1f1;outline:2px solid #C4122F;outline-offset:-3px}.fielderr{display:block;margin-top:3px;font-size:11.5px;line-height:1.3;font-weight:700;color:#c4122f}.fielderr[hidden]{display:none}.count{display:block;text-align:right;margin-top:3px;font-size:11px;color:#5a5a5a}.count b{font-weight:700}.count.warn b{color:var(--pink)}.sendpanel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0}.sendpanel[hidden],#csForm[hidden]{display:none}.sendpanel .row{margin-top:10px}#sendAgainRow{visibility:hidden}.sendpanel.is-result #sendAgainRow{visibility:visible}.sending__sub{visibility:hidden}.sending.is-done .sending__sub,.sending.is-err .sending__sub{visibility:visible}.sending{width:100%;text-align:center}.sending__stage{position:relative;height:104px;max-width:380px;margin:0 auto}.node{position:absolute;top:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.node--from{left:0;width:100px}.node--to{right:0;width:100px}.node__ico{width:52px;height:52px;display:block;image-rendering:pixelated}.node__lbl{font:700 11px/1.2 Tahoma,Verdana,sans-serif;letter-spacing:.06em;white-space:nowrap}.sending__lane{position:absolute;inset:0 50px;z-index:1}.node{z-index:2}.ln{transform-box:fill-box;transform-origin:0 50%;animation:typing 1.5s steps(7,end) infinite alternate}.ln2{animation-duration:1.9s;animation-delay:-.6s}.ln3{animation-duration:1.3s;animation-delay:-1s}.node__ico--rx .ln1{animation-delay:-.8s}.node__ico--rx .ln2{animation-delay:-1.3s}.node__ico--rx .ln3{animation-delay:-.3s}@keyframes typing{0%{transform:scaleX(.12)}to{transform:scaleX(1)}}.sending.is-done .ln,.sending.is-err .ln{animation:none;transform:none}.env{--ew: 26px;--ty: 28px;position:absolute;left:0;top:var(--ty);width:var(--ew);height:calc(var(--ew) * .77);opacity:0;animation:fly 1.2s steps(30,end) infinite}.env:nth-child(2){animation-delay:.3s}.env:nth-child(3){animation-delay:.6s}.env:nth-child(4){animation-delay:.9s}@keyframes fly{0%{left:calc(var(--ew) / -2);top:var(--ty);opacity:0}0.5%{opacity:1}50%{top:2px}99.5%{opacity:1}to{left:calc(100% - var(--ew) / 2);top:var(--ty);opacity:0}}@media (max-width: 480px){.node__ico{width:40px;height:40px}.node--from,.node--to{width:84px}.node__lbl{font-size:10px;letter-spacing:.03em}.sending__lane{left:42px;right:42px}.env{--ty: 24px}.env{--ew: 20px}}.sending__label{margin:6px 0 0;font-size:13px;font-weight:700;line-height:18px;height:18px}.dots:after{content:"";animation:dots 1.2s steps(1) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.node__ico--rx .ok,.node__ico--rx .bad,.sending.is-done .node__ico--rx .ln,.sending.is-err .node__ico--rx .ln{display:none}.sending.is-done .node__ico--rx .ok,.sending.is-err .node__ico--rx .bad{display:block}.sending.is-err .node__ico--rx .scr{fill:#c4122f}.sending.is-done .env,.sending.is-err .env{display:none}.sending.is-err .sending__label{color:#c4122f}.sending__sub{margin:2px 0 0;font-size:12.5px;line-height:18px;height:18px;color:#3a3a3a}.w98__status{display:flex;gap:3px;padding:0 clamp(12px,4vw,26px) 10px;font-size:11.5px}.sunken{flex:1;padding:4px 7px;border:1px solid;border-color:var(--sh) var(--hi) var(--hi) var(--sh);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crt{position:fixed;inset:0;z-index:900;pointer-events:none}.crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px)}.crt:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px 40px #ffffff21,inset 0 0 60px 10px #ffffff17,inset 0 0 220px 90px #00181e33}.grain{position:fixed;inset:-60px;z-index:902;pointer-events:none;opacity:.125;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grainMove .7s steps(1) infinite}@keyframes grainMove{0%{transform:translate(0)}20%{transform:translate(-31px,17px)}40%{transform:translate(24px,-38px)}60%{transform:translate(-12px,43px)}80%{transform:translate(37px,9px)}}.trail{position:fixed;top:0;left:0;z-index:950;width:23px;height:23px;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.45))}@media (pointer: coarse){.trail,.crt-scan{display:none}}@media (max-width: 480px){.w98__menu{gap:10px;font-size:11px}.f{grid-template-columns:1fr;gap:4px}.f label{font-weight:700}.row--end{justify-content:stretch}.row--end .btn98{flex:1;justify-content:center}.w98__status{flex-direction:column}}@media (max-width: 480px){.field98 legend{margin-inline:auto}.f label,.count,.fielderr{text-align:center}.np{justify-content:center}.np:after{content:"";flex:none;width:18px}.np__win{justify-content:center}.np[data-state=on] .np__win{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.soon__cursor,.bar98 i,.crt-scan,.grain,.env,.ln,.dots:after,.np__txt,.np__eq i{animation:none}.env{opacity:1;left:calc(50% - 13px);top:30px}}
