.demo-transition{--demo-blur:0px;--demo-dim:0;--demo-word-opacity:0;--demo-word-y:28px;--logic-opacity:0;--logic-chaos-copy:0;--logic-clear-copy:0;--demo-brand-opacity:1;--modern-opacity:0;--modern-blur:18px;--logic-tangled:#8c667e;--logic-line-a:#477d78;--logic-line-b:#696391;--logic-line-c:#547691;--logic-pulse-start:#64799c;--logic-pulse-center:#57517c;--logic-pulse-end:#4b8277;--logic-scan:#71689b;isolation:isolate;background:var(--background);position:relative}.dark .demo-transition{--logic-tangled:#b9a0b0;--logic-line-a:#9fc8c1;--logic-line-b:#b7b9de;--logic-line-c:#9eb8cf;--logic-pulse-start:#a3b3d6;--logic-pulse-center:#eeeaff;--logic-pulse-end:#b1d5ce;--logic-scan:#c7c6ff}.demo-scene-theme{z-index:5;position:fixed;top:24px;right:clamp(24px,4vw,80px)}.demo-scroll-track{background:var(--background);min-height:695svh}.demo-modern{z-index:3;opacity:var(--modern-opacity);filter:blur(var(--modern-blur));margin-top:-100svh;position:relative}.demo-legacy{filter:blur(var(--demo-blur))}.retro-scroll-cue{right:max(16px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:5;color:navy;cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffc;border:3px outset #fff;border-radius:0;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;font:700 14px/1.2 Arial,Helvetica,sans-serif;display:flex;position:fixed}.retro-scroll-cue[hidden]{display:none}.retro-scroll-cue:hover{background:#ff9}.retro-scroll-cue:active{border-style:inset}.retro-scroll-cue:focus-visible{outline-offset:4px;outline:2px dotted navy}.demo-reveal-scrim,.demo-brand-reveal{pointer-events:none;position:fixed;inset:0}.demo-reveal-scrim{z-index:1;background:var(--background);opacity:var(--demo-dim)}.demo-brand-reveal{z-index:4;opacity:var(--demo-brand-opacity);text-align:center;color:var(--foreground);place-items:center;display:grid;overflow:hidden}.demo-brand-lockup{flex-direction:column;align-items:center;padding:24px;display:flex}.demo-brand-mark{width:clamp(160px,28svh,240px)}.demo-brand-mark .iridescent-logo{max-width:100%}.demo-brand-mark .logo-circle{box-shadow:none;opacity:0;will-change:transform, border-radius}.demo-brand-copy{opacity:var(--demo-word-opacity);transform:translateY(var(--demo-word-y));margin-top:-20px}.demo-brand-copy h2{font-family:var(--font-brand), Georgia, serif;letter-spacing:-.035em;margin:0;font-size:clamp(64px,12vw,108px);font-weight:400;line-height:1.15}.demo-logic-field{z-index:2;pointer-events:none;opacity:var(--logic-opacity);position:fixed;inset:0;overflow:hidden}.demo-logic-field svg{width:100%;height:100%}.demo-logic-captions{text-align:center;max-width:600px;margin:18px auto 0;display:grid}.demo-logic-captions>h3{grid-area:1/1}.demo-logic-chaos{opacity:var(--logic-chaos-copy)}.demo-logic-clear{opacity:var(--logic-clear-copy)}.demo-logic-captions h3{color:var(--foreground);text-wrap:balance;margin:0;font:400 clamp(20px,2.5vw,30px)/1.4 Arial,Helvetica,sans-serif}.retro-bulletin{color:#000;background:#ffc;border:3px ridge #eee;max-width:620px;margin:0 auto 18px;font:12px/1.3 Times New Roman,serif}.retro-bulletin-title{color:#fff;letter-spacing:1px;background:maroon;padding:3px 8px;font:700 11px/1.4 Arial,sans-serif}.retro-bulletin-items{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.retro-bulletin-items button{color:navy;cursor:pointer;background:#ffc;border:1px outset #ddd;padding:8px 4px}.retro-bulletin-items button:hover{background:#ffff80}.retro-bulletin-items b{font-size:11px;text-decoration:underline;display:block}.retro-bulletin-items small{color:#000;margin-top:3px;font-size:10px;display:block}.retro-bulletin>p{padding:4px;font-size:10px;font-style:italic}.retro-webring{color:#000;background:#ddd;border:3px ridge #eee;max-width:500px;margin:12px auto 18px;padding:7px;font:12px/1.5 Times New Roman,serif}.retro-webring>b{color:purple;display:block}.retro-webring small{font-size:10px;display:block}.retro-page{color:#000;text-align:center;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:auto;background:#79b8df url(/demo/clouds.svg);min-height:100svh;padding:0 8px 12px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.15}.retro-page *,.retro-page :before,.retro-page :after{box-sizing:border-box;border-radius:0}.retro-page button{cursor:pointer;font-family:inherit}.retro-page button:focus-visible,.retro-page a:focus-visible{outline-offset:3px;outline:1px dotted #000}.retro-page ::selection{color:#fff;background:navy}.retro-link,.retro-page a{color:#00e;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.retro-link:active,.retro-page a:active{color:red}.retro-announcement{margin:0 auto 18px;font-weight:700;line-height:20px}.retro-window{text-align:left;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:422px;max-width:100%;margin:0 auto 16px;padding:3px;scroll-margin-top:10px;box-shadow:1px 1px #000}.retro-window.retro-maximized{width:740px}.retro-titlebar{color:#fff;background:navy;justify-content:space-between;align-items:center;min-height:19px;padding:1px 2px;font:700 12px Times New Roman,serif;display:flex}.retro-titlebar>span{align-items:center;gap:3px;display:flex}.retro-window-controls{gap:2px;display:flex}.retro-window-controls button,.retro-button{color:#000;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000}.retro-window-controls button{place-items:center;width:14px;height:14px;padding:0;font:700 13px/10px Arial,sans-serif;display:grid}.retro-button:active,.retro-window-controls button:active,.retro-button[aria-pressed=true]{box-shadow:none;border-color:#404040 #fff #fff #404040}.retro-directory{background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;grid-template-columns:repeat(4,1fr);padding:3px 1px 6px;display:grid}.retro-shortcut{color:#000;text-align:center;background:0 0;border:1px solid #0000;min-height:76px;padding:3px 0 5px;font-size:13px;line-height:15px}.retro-shortcut:hover{background:#efefff;border:1px dotted gray}.retro-shortcut:active{color:#fff;background:navy}.retro-icon-wrap{width:46px;margin:0 auto 3px;display:block;position:relative}.retro-icon{vertical-align:middle;width:32px;height:32px;image-rendering:pixelated;flex-shrink:0;display:inline-block}.retro-icon.small{width:16px;height:16px}.retro-new{color:#000;background:#ff0;font:9px Arial,sans-serif;position:absolute;top:0;left:-11px}.retro-statusbar{text-align:center;grid-template-columns:35% 1fr;gap:2px;margin-top:3px;font:10px/13px Arial,sans-serif;display:grid;position:relative}.retro-statusbar>span{white-space:nowrap;border:1px solid #fff;border-color:gray #fff #fff gray;overflow:hidden}.retro-statusbar i{clip-path:polygon(100% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,#0000 0 2px,gray 2px 3px,#fff 3px 4px);width:12px;height:12px;position:absolute;bottom:1px;right:0}.retro-main-banner{text-align:center;background:#980098;border:0;width:468px;max-width:100%;height:58px;margin:0 auto 15px;padding:0;display:flex}.retro-main-banner.blue{background:navy}.retro-main-banner.green{background:#006400}.retro-main-banner>span:first-child{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.retro-main-banner strong{color:#80ff00;font:italic 700 25px/26px Impact,Arial Black,sans-serif}.retro-main-banner b{color:#fff;font:700 11px/13px Arial,sans-serif}.retro-main-banner em{color:#fff;background:#000;width:80%;font:700 17px/16px Arial,sans-serif}.retro-sitebuilder{color:#000;background:#fff;flex-wrap:wrap;place-content:center;width:78px;font-size:12px;display:flex}.retro-sitebuilder>span{color:#fff;background:#000;font-weight:700}.retro-sitebuilder small{color:#a00000;letter-spacing:1px;width:100%;margin-top:5px;font-size:6px}.retro-advertising{margin:0 auto 20px;font-size:18px}.retro-toolbar{background:silver;border:2px solid gray;border-color:#fff gray gray #fff;gap:4px;max-width:100%;padding:3px;display:inline-flex}.retro-button{justify-content:center;align-items:center;gap:4px;padding:1px 5px;font-size:13px;line-height:17px;display:inline-flex}.retro-page h1{margin:17px 0 19px;font:700 34px/1.15 Arial,sans-serif}.retro-page h1 sup{vertical-align:baseline;font-size:10px}.retro-tagline{color:#00f;margin:0 auto 20px;font:italic 700 18px/1.3 Times New Roman,serif}.retro-tagline>span{background:#fff;padding:2px 5px}.retro-text-links{max-width:820px;margin:0 auto 19px;line-height:18px}.retro-sponsors{flex-wrap:wrap;justify-content:center;gap:3px;margin:0 auto 17px;display:flex}.retro-sponsors button{background:#fff;border:2px ridge #ddd;height:60px}.retro-webtrends{width:211px;padding:0 4px}.retro-webtrends strong{color:#000;background:#ffffb4;font:italic 700 39px/38px Times New Roman,serif;display:block}.retro-webtrends strong span{color:red}.retro-webtrends small{color:#b00000;letter-spacing:-.5px;font:700 12px/12px Arial Narrow,Arial,sans-serif;display:block}.retro-software{color:red;align-items:center;gap:6px;padding:2px 5px;font:20px/21px Arial Narrow,Arial,sans-serif;display:flex}.retro-software .retro-icon{width:42px;height:42px}.retro-software b{font-size:25px}.retro-gallery{color:#000060;background:#fff;border:4px ridge #eee;align-items:center;gap:9px;padding:3px;display:inline-flex}.retro-gallery>span{flex-direction:column;width:132px;font:700 16px/16px Times New Roman,serif;display:flex}.retro-gallery small{font-size:10px;line-height:10px}.retro-gallery em{writing-mode:vertical-rl;color:#fff;background:#b00000;padding:2px;font:700 18px/17px Arial,sans-serif;transform:rotate(180deg)}.retro-counter{margin:13px 0;font:11px Times New Roman,serif}.retro-counter b{color:#0f0;letter-spacing:1px;background:#000;border:2px inset #ddd;padding:1px 3px;font:700 12px/14px Courier New,monospace;display:inline-block}.retro-page-footer{border-top:2px groove #fff;margin-top:15px;padding-top:6px}.retro-copyright{margin:0 0 2px;font:italic 16px Times New Roman,serif}.retro-fineprint{max-width:900px;margin:0 auto 9px;font:italic 10px/11px Times New Roman,serif}.retro-composer{margin:0 0 5px;font:italic 10px Times New Roman,serif}.retro-badges{justify-content:space-between;align-items:center;gap:8px;max-width:820px;margin:0 auto;display:flex}.retro-badges button{border:3px ridge #eee}.retro-browser-badge{color:#000;text-align:left;background:#ddd;align-items:center;gap:4px;padding:2px;font:700 8px/8px Arial,sans-serif;display:flex}.retro-browser-badge strong{color:#00a6ff;background:#000;font:italic 700 30px/22px Times New Roman,serif}.retro-site-badge{color:#000060;background:#d2d2ff url(/demo/clouds.svg);padding:7px;font-size:16px;font-weight:700}.retro-server-badge{color:#000;background:#ddd;align-items:center;gap:5px;padding:2px 5px;font:italic 11px/10px Arial,sans-serif;display:flex}.retro-server-badge small{font-size:7px;display:block}.retro-copy{margin:21px 0 5px;font:italic 10px Times New Roman,serif}.retro-modern-link{font:11px Times New Roman,serif}.retro-content{overflow-wrap:anywhere;background:#fff;border:2px inset #eee;min-height:238px;padding:13px;font:14px/1.4 Times New Roman,serif}.retro-content h2{align-items:center;gap:8px;margin:12px 0;font-size:21px;font-weight:700;line-height:1.15;display:flex}.retro-content p{margin:10px 0}.retro-content ul{margin:10px 0;padding-left:22px;list-style:square}.retro-content h3{margin-top:15px;font-weight:700}.retro-back{font-size:12px}.retro-search label{margin:12px 0 4px;display:block}.retro-search>div{gap:6px;display:flex}.retro-content input,.retro-content textarea{color:#000;background:#fff;border:2px inset #ddd;border-radius:0;min-width:0;padding:3px 5px;font:14px Arial,sans-serif}.retro-search input{flex:1;width:0}.retro-table{border-collapse:collapse;width:100%;margin:14px 0}.retro-table th,.retro-table td{text-align:left;border:1px solid #888;padding:5px}.retro-table th{background:silver}.retro-glossary dt{margin-top:10px;font-weight:700}.retro-glossary dd{margin-left:16px}.retro-guest-form label{flex-direction:column;gap:3px;margin:8px 0;display:flex}.retro-content hr{border-top:2px groove #ddd}.retro-banner-options{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.retro-reopen{text-align:center;padding:30px 15px;font:14px Times New Roman,serif}.retro-reopen p{margin-bottom:15px}.retro-loading-screen{min-height:300px;padding:22px 16px}.retro-loading-screen h2{font:700 18px/1.3 Times New Roman,serif}.retro-load-progress{background:silver;border:2px inset #ddd;height:20px;margin-top:20px;padding:2px}.retro-load-progress>span{background:repeating-linear-gradient(90deg,navy 0 9px,#0000 9px 11px);height:100%;transition:width .3s steps(8,end);display:block}.retro-load-readout{flex-wrap:wrap;justify-content:space-between;gap:3px;margin-top:5px;font:10px/1.4 Arial,sans-serif;display:flex}.retro-load-message{min-height:40px}.retro-load-actions{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.retro-load-actions button:disabled{color:gray;text-shadow:1px 1px #fff;cursor:default}.retro-minesweeper{width:calc(var(--mine-columns) * 28px + 32px);color:#000;background:silver;border:3px outset #eee;max-width:100%;margin:18px auto 0;padding:8px;font-family:Arial,sans-serif}.retro-window:has(.retro-minesweeper[data-difficulty=medium]){width:540px}.retro-window:has(.retro-minesweeper[data-difficulty=hard]){width:940px}.retro-mine-difficulties{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.retro-mine-difficulties [aria-pressed=true]{outline-offset:-5px;border-style:inset;outline:1px dotted #000}.retro-mine-viewport{overscroll-behavior-x:contain;scrollbar-color:gray silver;max-width:100%;overflow-x:auto}.retro-mine-top{border:2px inset #eee;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px;display:flex}.retro-mine-top output{color:#f33;letter-spacing:1px;background:#180000;padding:2px 3px;font:700 27px/1 Courier New,monospace}.retro-mine-reset{background:silver;border:3px outset #eee;width:34px;height:34px;padding:3px}.retro-mine-reset:active{border-style:inset}.retro-mine-reset svg{width:100%;height:100%}.retro-mine-board{width:calc(var(--mine-columns) * 28px + 6px);border:3px inset #eee}.retro-mine-board>div{grid-template-columns:repeat(var(--mine-columns), 28px);display:grid}.retro-mine-cell{aspect-ratio:1;color:navy;touch-action:manipulation;background:silver;border:3px outset #eee;place-items:center;min-width:0;padding:2px;font:700 19px/1 Courier New,monospace;display:grid}.retro-mine-cell svg{width:18px;max-width:100%;height:18px}.retro-mine-cell.is-open{border:1px solid gray;padding:4px}.retro-mine-cell.is-exploded{background:red}.retro-mine-cell.is-wrong{background:#ff9c9c}.retro-mine-cell[data-number="1"]{color:#00f}.retro-mine-cell[data-number="2"]{color:#007000}.retro-mine-cell[data-number="3"]{color:#d00000}.retro-mine-cell[data-number="4"]{color:navy}.retro-mine-cell[data-number="5"]{color:maroon}.retro-mine-cell[data-number="6"]{color:#066}.retro-mine-cell[data-number="7"]{color:#000}.retro-mine-cell[data-number="8"]{color:#444}.retro-page .retro-mine-cell:focus-visible{outline-offset:-3px;z-index:1;outline:2px solid navy;position:relative}.retro-mine-options{justify-content:space-between;align-items:center;gap:5px;margin-top:9px;font:10px/1.4 Arial,sans-serif;display:flex}.retro-mine-options .retro-button{font-size:11px}.retro-mine-status{min-height:32px;font:12px/1.3 Times New Roman,serif}.retro-mine-help{font:10px/1.5 Arial,sans-serif}.retro-loading-screen>small{color:#555;margin-top:20px;font-size:10px;display:block}@media (prefers-reduced-motion:reduce){.retro-load-progress>span{transition:none}}@media (min-width:1000px){.retro-page{padding-top:8px}}@media (max-width:520px){.retro-announcement{margin-bottom:14px;font-size:13px}.retro-shortcut{font-size:11px;line-height:14px}.retro-main-banner strong{font-size:20px}.retro-main-banner em{font-size:13px}.retro-sitebuilder{width:62px}.retro-advertising{font-size:15px;line-height:20px}.retro-toolbar{gap:3px}.retro-toolbar .retro-button{gap:2px;padding:1px 3px;font-size:11px}.retro-toolbar .retro-icon{width:13px;height:13px}.retro-page h1{font-size:27px}.retro-tagline{font-size:16px}.retro-text-links{font-size:14px}.retro-sponsors{gap:5px}.retro-counter{line-height:20px}.retro-statusbar{font-size:8px}}@media (prefers-reduced-motion:reduce){.retro-page{scroll-behavior:auto}}
.modern-portal{background:var(--background);min-height:100svh;color:var(--foreground);font:14px/1.5 var(--font-sans), Arial, sans-serif}.modern-shell{--modern-gutter:clamp(24px, 4vw, 80px);width:100%}.modern-header{min-height:88px;padding-inline:var(--modern-gutter);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modern-brand{color:var(--foreground);align-items:center;gap:5px;text-decoration:none;display:flex}.modern-brand>span{font:400 32px/1 var(--font-brand), Georgia, serif;letter-spacing:-.025em}.modern-header-actions{align-items:center;gap:18px;display:flex}.modern-main-layout{grid-template-columns:55% 45%;min-height:calc(100svh - 88px);display:grid}.modern-controls{min-width:0;padding:clamp(40px, 7vh, 100px) var(--modern-gutter) 24px;flex-direction:column;justify-content:center;display:flex}.modern-home-content{max-width:640px;margin-block:auto;padding-block:35px}.modern-home-content h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(38px,4.2vw,72px);font-weight:500;line-height:1.08}.modern-home-content h2>span{color:var(--muted-foreground)}.modern-home-description{max-width:420px;color:var(--muted-foreground);text-wrap:pretty;margin:26px 0 0;font-size:clamp(15px,1.1vw,18px);line-height:1.7}.modern-signup{max-width:520px;margin-top:0}.modern-signup label{margin-bottom:24px;font-size:24px;font-weight:500;display:block}.modern-signup-row{gap:10px;display:flex}.modern-signup-row input{min-width:0;height:44px;padding-inline:14px;font-size:14px}.modern-signup-row button{height:44px;padding-inline:18px;font-size:13px}.modern-signup-status{color:var(--muted-foreground);margin-top:10px;font-size:12px;line-height:1.5}.modern-signup-status:empty{margin:0}.modern-signup-error{color:var(--destructive)}.modern-connect{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.modern-connect>a[href^=mailto\:]{text-underline-offset:4px}.modern-connect>a[href^=mailto\:]:hover{color:var(--foreground);text-decoration:underline}.modern-home-bottom{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.modern-home-bottom>a{text-underline-offset:4px}.modern-home-bottom>a:hover{color:var(--foreground);text-decoration:underline}.modern-home-bottom>button{color:var(--muted-foreground);padding-right:0;font-size:12px}.modern-art{isolation:isolate;background:linear-gradient(145deg,#a0a1cf,#434a5f 55%,#9f9f9f);place-items:center;min-height:620px;padding:clamp(24px,3.5vw,64px);display:grid;position:relative;overflow:hidden}.modern-art-content{background:var(--background);border-radius:16px;width:100%;max-width:460px;padding:clamp(24px,2vw,32px);position:relative;box-shadow:0 20px 70px #00000029}.modern-art-content .modern-signup-row{flex-direction:column}.modern-art-content .modern-signup-row button{align-self:stretch}.modern-art-content .modern-home-bottom{gap:8px;margin-top:28px}.modern-art-content .modern-home-bottom>button{padding-left:0}.modern-portal a:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (min-width:1600px){.modern-controls{padding-right:clamp(60px,6vw,120px)}}@media (max-width:1000px){.modern-main-layout{grid-template-columns:60% 40%}.modern-controls{padding-inline:28px}.modern-home-content h2{font-size:clamp(38px,4.7vw,52px)}.modern-signup-row{flex-direction:column}.modern-signup-row button{align-self:flex-start}}@media (max-width:720px){.modern-main-layout{grid-template-columns:1fr;min-height:calc(100svh - 80px)}.modern-controls{padding:44px var(--modern-gutter) 24px}.modern-home-content{width:100%;max-width:560px;padding-block:0 40px}.modern-home-content h2{font-size:clamp(38px,8vw,56px)}.modern-signup-row{flex-direction:row}.modern-signup-row button{align-self:stretch}.modern-header{min-height:80px}.modern-header-actions{gap:8px}.modern-art{height:auto;min-height:480px;padding:32px 24px}.modern-home-bottom{margin-top:0}}@media (max-width:420px){.modern-signup-row{flex-direction:column}.modern-signup-row button{align-self:stretch}.modern-home-content h2{font-size:38px}}@media (max-width:380px){.modern-shell{--modern-gutter:16px}.modern-brand>span{font-size:28px}.modern-brand .iridescent-logo{width:34px!important}.modern-header-actions [data-slot=button]{padding-inline:8px;font-size:11px}.modern-header-actions{gap:2px}}