/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#02005c;--blue:#00a;--cyan:#0ff;--magenta:#f0f;--yellow:#fff200;--silver:silver;--dark-silver:gray;--light-silver:#fff;--black:#030303}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;cursor:crosshair;background-color:#010036;background-image:radial-gradient(circle at 14px 18px,#0ff 0 1px,#0000 2px),radial-gradient(circle at 48px 55px,#fff200 0 1px,#0000 2px),radial-gradient(circle at 77px 31px,#fff 0 1px,#0000 1.5px),linear-gradient(#0030a038 1px,#0000 1px),linear-gradient(90deg,#0030a038 1px,#0000 1px);background-size:83px 79px,111px 103px,127px 113px,42px 42px,42px 42px;margin:0;font-family:Courier New,Courier,monospace}a,button,input,textarea{cursor:crosshair}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px dashed var(--yellow);outline-offset:3px}.skip-link{z-index:10000;color:#000;background:var(--yellow);padding:10px 14px;font-weight:700;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.pixel-cursor{z-index:9999;pointer-events:none;filter:drop-shadow(2px 2px #000);width:25px;height:25px;margin:-12px 0 0 -12px;position:fixed}.pixel-cursor:before,.pixel-cursor:after{content:"";background:var(--yellow);position:absolute}.pixel-cursor:before{width:25px;height:3px;top:11px;left:0}.pixel-cursor:after{width:3px;height:25px;top:0;left:11px}.site-shell{min-height:100vh;padding:32px 24px 16px}.browser-window{color:#000;background:var(--silver);border:4px ridge #efefef;width:min(1440px,100%);margin:0 auto;box-shadow:14px 14px #00000073,0 0 45px #0ff3}.browser-titlebar,.window-bar{color:#fff;letter-spacing:.01em;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;min-height:28px;padding:3px 4px;font-family:Arial,sans-serif;font-weight:700;display:flex}.browser-titlebar{justify-content:flex-start;gap:8px;min-height:34px;font-size:15px}.tiny-page-icon{color:#001f89;background:var(--yellow);border:2px outset #fff;place-items:center;width:20px;height:20px;font:900 12px Arial;display:grid}.browser-controls,.window-controls{gap:3px;margin-left:auto;display:flex}.browser-controls i,.window-controls i{color:#000;background:var(--silver);border:2px outset #fff;place-items:center;width:22px;height:20px;font:700 15px Arial;display:grid}.browser-menu{border-bottom:1px solid #777;gap:22px;padding:8px 12px 6px;font:15px Arial,sans-serif;display:flex}.browser-menu a{text-decoration:none}.browser-menu a:hover{color:#fff;background:navy}.browser-toolbar{border-top:1px solid #fff;border-bottom:1px solid #777;align-items:stretch;padding:5px 8px;display:flex}.browser-toolbar>span{border-right:1px solid #8a8a8a;place-items:center;min-width:76px;min-height:48px;font:25px Times New Roman,serif;display:grid}.browser-toolbar small{font:11px Arial,sans-serif;display:block}.browser-toolbar .muted{color:#777;text-shadow:1px 1px #fff}.address-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:5px 8px;font:13px Arial,sans-serif;display:grid}.address-box{white-space:nowrap;background:#fff;border:2px inset #ddd;min-width:0;padding:5px 8px;overflow:hidden}.address-row>a{border:2px outset #fff;padding:4px 10px;text-decoration:none}.marquee{color:var(--yellow);white-space:nowrap;background:#000;border-block:3px ridge #888;padding:7px 0;font-size:13px;font-weight:700;overflow:hidden}.marquee div{width:max-content;animation:24s linear infinite marquee}@keyframes marquee{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.frameset{background:#333;grid-template-columns:188px minmax(0,1fr) 224px;gap:4px;min-height:720px;padding:4px;display:grid}.left-frame,.main-frame,.right-frame{background:var(--silver);border:3px ridge #e8e8e8;min-width:0}.window-bar{min-height:24px;padding:2px 4px;font-size:12px}.window-bar-dark{background:linear-gradient(90deg,navy,#0000e8)}.window-controls i{width:16px;height:15px;font-size:11px}.frame-body{height:calc(100% - 24px);overflow:auto}.nav-frame-body{color:#fff;text-align:center;background:#00004c radial-gradient(#0ff 1px,#0000 1px) 0 0/18px 18px;padding:16px 12px}.pixel-portrait{background:#00a7a7;border:4px ridge #eee;width:88px;height:100px;margin:4px auto 12px;position:relative;overflow:hidden;box-shadow:6px 6px #000}.pixel-portrait span{image-rendering:pixelated;display:block;position:absolute}.pixel-portrait .hair{clip-path:polygon(10% 0,88% 7%,100% 58%,81% 100%,13% 83%,0 36%);background:#1b0900;width:48px;height:35px;top:13px;left:18px}.pixel-portrait .face{background:#ffbd75;width:40px;height:42px;top:31px;left:23px;box-shadow:inset 8px 0 #db824b}.pixel-portrait .shirt{background:var(--magenta);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);width:64px;height:44px;top:70px;left:12px}.welcome-copy{text-shadow:2px 2px #000;font-size:12px;line-height:1.5}.welcome-copy strong{color:var(--yellow);font-size:15px}.page-nav{gap:8px;margin:18px 0;display:grid}.page-nav a{color:var(--cyan);background:#000;border:2px outset #777;padding:7px 3px;font-size:12px;font-weight:700;text-decoration:none}.page-nav a:hover{color:#000;background:var(--yellow)}.divider{background:repeating-linear-gradient(90deg, var(--magenta) 0 7px, transparent 7px 14px);height:6px;margin:18px 0}.tiny-label{margin:0 0 6px;font-size:10px}.status{font-size:10px}.status span{background:#0f0;border-radius:50%;width:8px;height:8px;animation:1s step-end infinite blink;display:inline-block;box-shadow:0 0 7px #0f0}@keyframes blink{50%{opacity:0}}.mini-eq{justify-content:center;align-items:end;gap:3px;height:28px;margin:12px auto;display:flex}.mini-eq i{background:var(--cyan);width:7px;height:60%;animation:.7s steps(3,end) infinite alternate equalize}.mini-eq i:nth-child(2),.mini-eq i:nth-child(6){background:var(--magenta);height:100%;animation-delay:-.4s}.mini-eq i:nth-child(3),.mini-eq i:nth-child(5){background:var(--yellow);height:35%;animation-delay:-.2s}.mini-eq i:nth-child(4){height:80%;animation-delay:-.55s}@keyframes equalize{to{height:18%}}.made-with{color:#000;background:#ddd;border:3px outset #fff;margin-top:20px;padding:8px 3px;font-family:Arial,sans-serif}.made-with small,.made-with strong{display:block}.made-with strong{color:#d40000;margin-top:3px;font-size:11px}.main-frame-body{color:#fff;scrollbar-color:silver #777;background:#000}.hero{text-align:center;background-image:radial-gradient(circle at 50% 48%,#00008cb3,#0000 45%),radial-gradient(#fff 1px,#0000 1px);background-size:auto,31px 31px;min-height:610px;padding:46px clamp(22px,5vw,78px)}.checker-rule{background:conic-gradient(from 90deg, var(--magenta) 25%, #000 0 50%, var(--magenta) 0 75%, #000 0) 0 0 / 14px 14px;border-block:2px solid var(--cyan);height:13px;margin-bottom:28px}.eyebrow{color:var(--yellow);letter-spacing:.22em;font-size:12px}.hero h1{color:var(--cyan);letter-spacing:.02em;text-shadow:5px 5px 0 #0000af, 9px 9px 0 var(--magenta);margin:16px 0 8px;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(60px,9vw,122px);line-height:.78}.hero h1 span{color:#fff;letter-spacing:.06em;font-size:.48em}.hero-tagline{color:var(--yellow);letter-spacing:.08em;margin:32px 0 18px;font-size:clamp(13px,2vw,21px);font-weight:700}.hero-tagline b{color:var(--magenta)}.retro-stereo{color:#111;background:linear-gradient(#d9d9d9,#8c8c8c 45%,#c8c8c8 46%,#777);border:6px ridge #eee;border-radius:4px;grid-template-columns:minmax(100px,.55fr) minmax(240px,1.4fr) minmax(100px,.55fr);gap:10px;width:min(740px,100%);margin:28px auto;padding:28px 14px 14px;display:grid;position:relative;box-shadow:9px 11px #000,0 0 25px #00ffff4d}.stereo-top{color:#333;letter-spacing:.2em;justify-content:space-between;font:900 9px Arial,sans-serif;display:flex;position:absolute;top:3px;left:12px;right:12px}.antenna{transform-origin:0;background:#aaa;height:3px;position:absolute;bottom:20px;left:13%;right:13%;transform:rotate(-4deg);box-shadow:0 -2px #333}.speaker{background:#1b1b1b;border:5px inset #aaa;min-height:210px;position:relative;overflow:hidden}.speaker:before,.speaker:after{content:"";background:repeating-radial-gradient(circle,#111 0 3px,#444 4px 6px,#111 7px 9px);border:5px ridge #555;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.speaker:before{width:54px;height:54px;top:15px}.speaker:after{width:106px;height:106px;bottom:12px;box-shadow:inset 0 0 0 22px #222,inset 0 0 0 25px #777}.speaker i{opacity:.45;background-image:radial-gradient(#666 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.stereo-center{background:#555;border:4px inset #aaa;min-width:0;padding:8px}.stereo-display{color:#00ff6a;text-align:left;background:#03190d;border:4px inset #999;padding:7px 8px;font-family:Courier New,monospace;box-shadow:inset 0 0 14px #00ff6a4d}.stereo-display small{color:#a7ffd0;font-size:7px;display:block}.stereo-display strong{white-space:nowrap;margin:2px 0 6px;font-size:clamp(8px,1.3vw,12px);display:block;overflow:hidden}.equalizer{align-items:end;gap:2px;height:26px;display:flex}.equalizer i{background:linear-gradient(#ff1b1b 0 18%,#fff200 18% 48%,#00ff6a 48%);flex:1;min-width:3px;height:35%;animation:.55s steps(4,end) infinite alternate equalize}.equalizer i:nth-child(2n){height:82%;animation-delay:-.2s}.equalizer i:nth-child(3n){height:58%;animation-delay:-.4s}.equalizer i:nth-child(5n){height:100%;animation-delay:-.1s}.cd-deck{background:#222;border:4px inset #aaa;justify-content:space-around;align-items:center;min-height:84px;margin-top:8px;padding:6px;display:flex}.hero-cd{background:conic-gradient(from 20deg,#0ff,#fff,#f0f,#fff200,#00f,#0ff);border-radius:50%;place-items:center;width:67px;height:67px;animation:4s linear infinite spin;display:grid;box-shadow:0 0 9px #fff}.hero-cd span{background:#111;border:3px ridge #aaa;border-radius:50%;width:16px;height:16px}.cd-label{color:#ddd;text-align:right;font:7px Arial,sans-serif}.cd-label b{font-size:9px}.deck-controls{justify-content:center;gap:5px;margin-top:7px;display:flex}.deck-controls i{background:#bbb;border:2px outset #fff;min-width:24px;padding:3px 4px;font:8px Arial,sans-serif}.winamp-stage{width:min(720px,100%);margin:28px auto 34px;position:relative}.winamp-shell{z-index:2;color:#d6d6d6;text-align:left;background:#20242d;border:3px outset #9ca0a9;width:min(520px,100% - 80px);margin:auto;font-family:Arial,sans-serif;position:relative;box-shadow:9px 10px #000,0 0 24px #00ffff40}.winamp-titlebar,.playlist-titlebar{color:#fff;letter-spacing:.08em;text-shadow:1px 1px #000;background:repeating-linear-gradient(0deg,#2f3440 0 2px,#151821 2px 4px);border-bottom:2px groove #aaa;justify-content:space-between;align-items:center;min-height:19px;padding:2px 5px;font:700 9px Arial,sans-serif;display:flex}.winamp-titlebar>span{color:var(--yellow)}.winamp-titlebar strong{color:#eee;white-space:nowrap;font-size:8px;overflow:hidden}.winamp-titlebar i,.playlist-titlebar i{color:#ddd;letter-spacing:.2em;font-style:normal}.winamp-main{background:linear-gradient(135deg,#343944,#171a20 45%,#272c35);border-bottom:3px ridge #7b7f89;grid-template-columns:90px 1fr;gap:7px 9px;padding:9px;display:grid}.winamp-time{color:#92ff28;letter-spacing:-.1em;text-shadow:0 0 7px #64ff00;background:#030803;border:3px inset #777;align-self:stretch;place-items:center;font:700 clamp(30px,6vw,48px)/1 Courier New,monospace;display:grid}.winamp-screen{color:#c9ff7b;background:#020600;border:3px inset #777;min-width:0;padding:5px 7px;box-shadow:inset 0 0 10px #7fff0024}.spectrum{border-bottom:1px solid #46691d;align-items:end;gap:2px;height:33px;display:flex}.spectrum i{background:linear-gradient(0deg,#00d500 0 48%,#ff0 48% 76%,#ff5300 76%);flex:1;min-width:2px;height:30%;animation:.55s steps(4,end) infinite alternate equalize}.spectrum i:nth-child(2n){height:70%;animation-delay:-.15s}.spectrum i:nth-child(3n){height:95%;animation-delay:-.4s}.spectrum i:nth-child(5n){height:45%;animation-delay:-.28s}.winamp-track{color:#e8ff7a;white-space:nowrap;text-shadow:0 0 5px #af0;margin-top:4px;font:700 9px Courier New,monospace;overflow:hidden}.winamp-specs{color:#9cff4b;gap:10px;margin-top:4px;font:7px Courier New,monospace;display:flex}.winamp-sliders{color:#aaa;grid-column:1/-1;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:5px;font:7px Arial,sans-serif;display:grid}.winamp-sliders b,.winamp-seek{background:#070707;border:2px inset #777;height:6px;display:block;position:relative}.winamp-sliders b i{background:#aaa;border:2px outset #ddd;width:8px;height:12px;position:absolute;top:-4px;left:58%}.winamp-sliders b:last-child i{left:43%}.winamp-seek{grid-column:1/-1;height:8px}.winamp-seek i{background:#9ba0a7;border:2px outset #ddd;width:12px;height:13px;position:absolute;top:-4px;left:29%}.winamp-transport{grid-column:1/-1;align-items:center;gap:3px;display:flex}.winamp-transport button{color:#171a20;background:linear-gradient(#b7bbc3,#6f747c);border:3px outset #cdd0d5;min-width:34px;height:24px;padding:0;font:700 10px Arial,sans-serif}.winamp-transport span{color:#c4c4c4;background:#17191f;border:2px inset #777;margin-left:auto;padding:3px 5px;font:7px Arial,sans-serif}.playlist-titlebar{color:#eef;background:repeating-linear-gradient(0deg,#172100 0 2px,#344300 2px 4px)}.winamp-playlist{color:#38f038;background:#050705;border-block:2px inset #777;margin:0;padding:7px 8px 7px 28px;font:10px/1.8 Courier New,monospace;list-style-position:outside}.winamp-playlist li{padding:0 5px}.winamp-playlist li span{vertical-align:bottom;white-space:nowrap;max-width:calc(100% - 50px);display:inline-block;overflow:hidden}.winamp-playlist time{float:right;color:#aaa}.winamp-playlist .playing{color:#000;background:#c6e93d}.winamp-playlist .playing time{color:#000}.playlist-footer{background:#1c2027;gap:4px;padding:4px;display:flex}.playlist-footer span{background:#383d46;border:2px outset #777;padding:3px 5px;font:7px Arial,sans-serif}.playlist-footer b{color:#75ff35;background:#020600;border:2px inset #777;margin-left:auto;padding:3px 7px;font:8px Courier New,monospace}.loose-disc{z-index:1;background:conic-gradient(from 15deg,#eee,#00d9ff,#fff,#ff00d0,#fff400,#eee,#00d9ff);border:2px solid #bbb;border-radius:50%;place-items:center;width:125px;height:125px;animation:7s linear infinite spin;display:grid;position:absolute;top:52px;box-shadow:0 0 12px #fff}.loose-disc span{background:#030303;border:6px ridge #ddd;border-radius:50%;width:30px;height:30px}.disc-left{left:0;transform:rotate(-13deg)}.disc-right{animation-direction:reverse;right:0;transform:rotate(17deg)}.construction-strip{color:#000;background:repeating-linear-gradient(135deg, var(--yellow) 0 12px, #000 12px 24px);border:3px outset #fff;align-items:center;gap:12px;padding:6px 12px;display:inline-flex}.construction-strip strong{background:var(--yellow);padding:4px 9px;font:700 11px Arial,sans-serif}.construction-strip span{color:var(--yellow)}.hero-intro{color:#ddd;max-width:680px;margin:26px auto;font-family:Arial,sans-serif;font-size:15px;line-height:1.7}.bevel-button{color:#000;background:var(--silver);border:3px outset #fff;padding:8px 13px;font:700 12px Arial,sans-serif;text-decoration:none;display:inline-block;box-shadow:2px 2px #000}.bevel-button:active{box-shadow:none;border-style:inset;transform:translate(1px,1px)}.primary-button{color:#000;background:var(--yellow);padding:12px 18px}.content-section{border-top:6px ridge #777;padding:44px clamp(18px,4vw,58px)}.section-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:28px;display:grid}.section-heading>span{color:#000;background:var(--cyan);border:3px outset #fff;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.section-heading h2{color:#fff;text-shadow:3px 3px var(--blue);margin:0;font-family:Arial Black,Impact,sans-serif;font-size:clamp(22px,4vw,40px)}.section-heading em{color:#000;background:var(--yellow);padding:4px 8px;font:700 10px Arial,sans-serif;transform:rotate(2deg)}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{background:var(--silver);color:#000;border:3px ridge #eee;box-shadow:6px 6px #00167c}.project-titlebar{color:#fff;background:navy;justify-content:space-between;padding:4px 6px;font:700 11px Arial,sans-serif;display:flex}.project-titlebar i{font-style:normal}.project-preview{background:var(--cyan);border:5px inset #aaa;place-items:center;min-height:160px;display:grid;position:relative;overflow:hidden}.project-card.magenta .project-preview{background:var(--magenta)}.project-card.yellow .project-preview{background:var(--yellow)}.project-preview:before,.project-preview:after{content:"";border:4px solid #000;border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(20deg)}.project-preview:before{width:120px;height:45px}.project-preview:after{width:45px;height:120px;transform:translate(-50%,-50%)rotate(35deg)}.project-disc{z-index:1;background:conic-gradient(#fff,#0af,#ff00d4,#fff600,#fff);border:3px solid #000000bf;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:7px 7px #00000080}.project-disc:before{content:"";background:#111;border:5px ridge #ddd;border-radius:50%;width:35px;height:35px;position:absolute}.project-disc span{z-index:1;background:#ddd;border-radius:50%;width:18px;height:18px;position:absolute}.project-disc b{z-index:2;color:#000;text-shadow:none;background:#fff;margin-top:48px;padding:1px 5px;font:900 12px Impact,sans-serif}.project-copy{padding:15px;font-family:Arial,sans-serif}.project-copy>p:first-child{color:#555;margin:0;font:700 9px Courier New,monospace}.project-copy h3{margin:8px 0;font:900 20px Arial Black,sans-serif}.project-copy p{font-size:12px;line-height:1.5}.career-credit{color:#00e;margin-top:6px;font:700 11px Courier New,monospace;text-decoration:underline;display:inline-block}.about-section{background-color:#00004c;background-image:linear-gradient(45deg,#ff00ff1f 25%,#0000 25% 75%,#ff00ff1f 75%),linear-gradient(45deg,#ff00ff1f 25%,#0000 25% 75%,#ff00ff1f 75%);background-position:0 0,15px 15px;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.about-grid{grid-template-columns:1.2fr .8fr;gap:28px;font-family:Arial,sans-serif;line-height:1.7;display:grid}.drop-cap:first-letter{float:left;color:var(--yellow);text-shadow:3px 3px var(--magenta);margin:4px 7px 0 0;font:700 55px/40px Impact,sans-serif}.ascii-art{color:var(--cyan);text-align:center;text-shadow:0 0 6px var(--cyan);background:#000;border:3px ridge #aaa;margin:24px 0 0;padding:14px 6px 8px;font:10px/1.25 Courier New,monospace;overflow:auto}.skills-box{color:#000;background:var(--silver);border:4px outset #fff;padding:16px}.skills-box h3{color:#fff;background:navy;margin:0 0 14px;padding:5px;font:700 13px Courier New,monospace}.skills-box ul{margin:0;padding:0;font:700 11px/2 Courier New,monospace;list-style:none}.skills-box span{color:#00c}.hidden-track{background:#fff;border:2px inset #aaa;margin-top:16px;padding:10px}.hidden-track b{color:purple;font:700 10px Courier New,monospace}.hidden-track p{margin:7px 0 0;font:10px/1.4 Arial,sans-serif}.right-frame-body{color:#fff;background:#36004d linear-gradient(135deg,#ff00ff29 25%,#0000 25% 50%,#ff00ff29 50% 75%,#0000 75%) 0 0/18px 18px;padding:12px 10px}.sidebar-panel{text-align:center;background:#000;border:3px ridge #ccc;margin-bottom:14px;padding:12px 9px}.sidebar-panel h2{color:var(--cyan);margin:0 0 10px;font-size:12px}.visitor-panel p,.visitor-panel small{margin:6px 0 0;font-size:9px}.counter{background:#222;border:3px inset #888;justify-content:center;gap:2px;padding:5px;display:flex}.counter span{color:#0f0;text-shadow:0 0 8px #0f0;background:#050505;border:1px solid #333;padding:2px 4px;font:700 19px Courier New,monospace}.cd{background:conic-gradient(var(--cyan), var(--magenta), var(--yellow), var(--cyan));width:76px;height:76px;box-shadow:0 0 12px var(--cyan);border-radius:50%;place-items:center;margin:8px auto;animation:5s linear infinite spin;display:grid}.cd span{background:#000;border:4px ridge #aaa;border-radius:50%;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.now-panel strong{color:var(--yellow);font-size:11px}.now-panel p{margin:5px 0;font-size:9px}.player-buttons{justify-content:center;gap:2px;margin-top:8px;display:flex}.player-buttons i{color:#000;background:var(--silver);border:2px outset #fff;padding:3px 4px;font:9px Arial}.contact-links{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;display:grid}.contact-links a{color:#00e;background:var(--silver);border:2px outset #fff;padding:5px 2px;font:700 8px Arial,sans-serif;text-decoration:underline}.guestbook-panel form{text-align:left;gap:5px;display:grid}.guestbook-panel label{color:var(--yellow);font-size:9px;font-weight:700}.guestbook-panel input,.guestbook-panel textarea{color:#000;resize:vertical;background:#fff;border:3px inset #ccc;width:100%;font:12px Courier New,monospace}.guestbook-panel button{justify-self:start;margin-top:5px}.guest-thanks{color:var(--yellow);padding:10px 4px;font-size:11px}.guest-thanks p{color:#fff;font-size:10px;line-height:1.5}.web-badges{gap:6px;display:grid}.web-badges span{color:#000;background:var(--silver);text-align:center;border:3px outset #fff;padding:5px 2px;font:8px Arial,sans-serif}.web-badges b{color:navy;font-size:10px}.browser-status{color:#000;border-top:2px groove #fff;justify-content:space-between;padding:5px 8px;font:12px Arial,sans-serif;display:flex}.outside-footer{color:var(--cyan);text-align:center;text-shadow:2px 2px #000;margin:18px auto 0;font-size:10px}@media (width<=1040px){.frameset{grid-template-columns:160px minmax(0,1fr)}.right-frame{grid-column:1/-1}.right-frame-body{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sidebar-panel{margin:0}.web-badges{align-content:start}.project-grid{grid-template-columns:1fr}.project-card{grid-template-columns:minmax(160px,.7fr) 1fr;display:grid}.project-titlebar{grid-column:1/-1}}@media (width<=700px){.site-shell{padding:8px}.pixel-cursor{display:none}.browser-toolbar{overflow-x:auto}.browser-toolbar>span{min-width:62px}.browser-menu{gap:12px;overflow-x:auto}.address-row{grid-template-columns:auto 1fr}.address-row>a{display:none}.frameset{flex-direction:column;display:flex}.left-frame,.main-frame,.right-frame{width:100%}.nav-frame-body{grid-template-columns:90px 1fr;align-items:center;gap:8px;display:grid}.pixel-portrait{grid-row:1/3}.page-nav{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.divider,.tiny-label,.status,.made-with{display:none}.hero{min-height:auto;padding:42px 16px 48px}.hero h1{font-size:clamp(52px,18vw,86px)}.winamp-shell{width:calc(100% - 28px)}.loose-disc{opacity:.8;width:75px;height:75px;top:82px}.loose-disc span{width:20px;height:20px}.winamp-main{grid-template-columns:68px 1fr;padding:6px}.winamp-time{font-size:26px}.winamp-transport button{min-width:26px}.winamp-transport span{display:none}.winamp-playlist{padding-left:23px;font-size:8px}.retro-stereo{grid-template-columns:72px minmax(155px,1fr) 72px;gap:5px;padding-inline:7px}.speaker{min-height:168px}.speaker:before{width:40px;height:40px}.speaker:after{width:70px;height:70px}.cd-label{display:none}.ascii-art{font-size:8px}.section-heading{grid-template-columns:auto 1fr}.section-heading em{display:none}.project-card{display:block}.project-preview{min-height:130px}.about-grid,.right-frame-body{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div,.cd,.hero-cd,.loose-disc,.status span,.mini-eq i,.equalizer i,.spectrum i{animation:none}.pixel-cursor{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}