.w1-os .w1-page-texture{z-index:0}.w1-os{--title-max:1000px}.w1-os .w1-band:before{content:none}.w1-os .w1-rail{padding-block:clamp(64px,6vw,154px)}.w1-os .w1-section-hero .w1-rail{padding-block:32px 0}.os-desktop{padding-left:clamp(120px,10vw,256px)}.os-files{gap:var(--role-space);flex-direction:column;width:clamp(100px,8vw,204px);display:flex;position:absolute;top:16px;left:calc(-50vw + 50% + 12px)}.os-file{min-height:88px;font-size:var(--role-label);text-align:center;flex-direction:column;align-items:center;gap:.7em;text-decoration:none;display:flex}.os-filename{background:var(--panel-bg);color:var(--panel-ink);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:.3em .6em;display:-webkit-box;overflow:hidden}.os-file-icon{place-items:center;width:clamp(48px,4vw,102px);height:clamp(48px,4vw,102px);display:grid}.os-file-icon svg,.os-file-icon .tpl-icon-frame{width:100%;height:100%}.os-bat{font:700 clamp(28px,2.4vw,62px)/1 var(--tpl-mono,ui-monospace), monospace;border:2px solid;padding:.3em .15em}.w1-os .tpl-icon-frame[data-frame=other]{border:2px solid;border-radius:2px}.os-window{--band-bg:var(--panel-bg);--band-ink:var(--panel-ink);--button-bg:var(--accent-bg);--button-ink:var(--accent-ink);--key-edge:color-mix(in srgb,var(--panel-bg),var(--surface-white) 28%);background:var(--panel-bg);color:var(--panel-ink);border:3px solid;border-color:var(--key-edge) var(--button-shadow) var(--button-shadow) var(--key-edge);box-shadow:8px 12px 0 color-mix(in srgb,var(--page-ink),transparent 65%);min-width:0;padding:5px}.os-window[data-focused=true]{box-shadow:16px 18px 0 color-mix(in srgb,var(--page-ink),transparent 50%)}.os-titlebar{background:var(--panel-bg);color:var(--panel-ink);font-size:var(--role-label);border-bottom:2px solid;align-items:center;gap:.7em;padding:.6em .7em;display:flex}.os-window[data-focused=true] .os-titlebar{background:var(--accent-bg);color:var(--accent-ink)}.os-titlebar>p{font-family:var(--tpl-mono,ui-monospace), monospace;font-size:var(--role-label);overflow-wrap:anywhere;margin-right:auto}.os-app-icon{width:var(--role-control);height:var(--role-control);flex:none}.os-app-icon svg{width:100%;height:100%}.os-controls{gap:4px;display:flex}.os-controls>span{width:var(--role-control);height:var(--role-control);background:color-mix(in srgb,var(--panel-bg),var(--surface-white) 12%);color:var(--panel-ink);border:2px solid;border-color:var(--key-edge) var(--button-shadow) var(--button-shadow) var(--key-edge);box-shadow:2px 2px 0 var(--button-shadow);place-items:center;display:grid}.os-controls svg{fill:none;stroke:currentColor;stroke-width:2px;width:100%;height:100%}.os-content{anchor-scope:--hero-cap;padding:clamp(24px,3vw,76px);position:relative}.os-welcome{width:94%}.os-welcome .os-content{align-items:start;gap:var(--role-space);flex-direction:column;min-height:clamp(630px,44vw,1126px);display:flex}.os-welcome .w1-title-wrap{z-index:2;width:96%}.os-welcome-art{pointer-events:none;place-items:center;width:min(58%,540px);height:40%;display:grid;position:absolute;top:auto;bottom:-8%;right:-4%}.os-welcome-art .tpl-art{opacity:1;width:auto;height:100%}.os-welcome .os-content>p:last-of-type{width:46%;max-width:22ch;margin-top:0;font-size:clamp(20px,1.5vw,24px)}.os-about-art{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:clamp(210px,15vw,384px);padding:0;display:grid;transform:rotate(-6deg)}.os-about-art .tpl-art{width:auto;height:100%;filter:drop-shadow(5px 8px 5px var(--button-shadow))}.w1-os .w1-section-about h2{font-size:clamp(36px,5.6vw,144px)}.os-story{gap:var(--role-space);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2em;display:grid}.os-story article{border:2px solid;padding:1.3em}.w1-os[data-example=true] .os-story h3{font-size:clamp(24px,1.6vw,40px)}.w1-os[data-example=true] .w1-picture-viewer[data-count="4"] .w1-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.w1-os[data-example=true] .w1-picture-viewer[data-count="4"] .w1-thumbnails button{width:100%;height:clamp(44px,3vw,72px)}@media (max-width:759px){.w1-os[data-example=true] .w1-picture-viewer[data-count="4"] .w1-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}}.w1-os .w1-slot:not(.w1-slot-hero,.w1-slot-footer){margin-top:-56px}.w1-os .w1-slot:not(.w1-slot-hero,.w1-slot-footer) .os-window{width:86%}.w1-os .w1-slot:nth-child(2n of :not(.w1-slot-mind)) .os-window{margin-left:auto}.w1-os .w1-slot-meme-gallery .os-window{width:74%!important}.w1-os .w1-slot-contract-strip .os-window{width:94%!important}.w1-os[data-mode=mixed] .w1-slot:nth-child(2n of :not(.w1-slot-mind)) .os-window{--panel-bg:var(--desktop-dark);--panel-ink:var(--desktop-dark-ink)}.w1-os .tpl-button[data-shape=soft-3d]{border-radius:2px}.w1-os .tpl-button[data-shape=flat]{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent-bg),var(--surface-white) 30%), 0 3px 0 var(--button-shadow)}.w1-os .tpl-button[data-shape=flat]:active{box-shadow:inset 0 2px 0 var(--button-shadow)}.w1-os .tpl-button[data-shape=tactile-press]{background:color-mix(in srgb,var(--accent-bg),var(--surface-white) 8%);box-shadow:inset 2px 2px 0 color-mix(in srgb,var(--accent-bg),var(--surface-white) 35%), 6px 6px 0 var(--button-shadow)}.os-player{border:3px solid}.os-poster{--band-bg:var(--accent-bg);--band-ink:var(--accent-ink);background:var(--accent-bg);color:var(--accent-ink);padding:var(--role-space);grid-template:1fr/1fr;place-items:center;height:clamp(480px,48vw,1024px);display:grid;position:relative}.os-poster .tpl-art{grid-area:1/1;align-self:end;width:100%;height:80%}.os-poster-title{z-index:1;overflow-wrap:anywhere;width:100%;font:400 clamp(48px,7vw,180px)/1.15 var(--tpl-display), sans-serif;grid-area:1/1;align-self:start}.os-poster figcaption{font-size:var(--role-note);position:absolute;bottom:16px;left:24px}.os-player-controls{font-size:var(--role-note);font-family:var(--tpl-mono,ui-monospace), monospace;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"zero" 0;align-items:center;gap:1em;padding:1em;display:flex}.w1-os[data-example=true] .os-player-controls{justify-content:end}.os-player-controls>span{border:2px solid;place-items:center;width:clamp(44px,4vw,102px);height:clamp(44px,4vw,102px);font-size:clamp(24px,2vw,52px);display:grid}.os-scrub{background:currentColor;flex:1;height:6px;position:relative}.os-scrub:before{content:"";background:var(--accent-bg);border:2px solid;width:10px;height:20px;position:absolute;top:-7px;left:20%}.w1-os .w1-slot-footer{z-index:20;position:relative}.w1-os .w1-section-footer .w1-rail{width:100%;max-width:none;padding:0}.os-taskbar{background:var(--panel-bg);width:100%;color:var(--panel-ink);border:3px solid;border-color:color-mix(in srgb,var(--panel-bg),var(--surface-white) 28%) var(--button-shadow) var(--button-shadow) color-mix(in srgb,var(--panel-bg),var(--surface-white) 28%);--band-bg:var(--panel-bg);--band-ink:var(--panel-ink);align-items:center;gap:1em;padding:.6em;display:flex}.os-start{border:2px solid;border-color:color-mix(in srgb,var(--panel-bg),var(--surface-white) 28%) var(--button-shadow) var(--button-shadow) color-mix(in srgb,var(--panel-bg),var(--surface-white) 28%);align-items:center;gap:.7em;min-height:44px;padding:.5em .8em;text-decoration:none;display:inline-flex}.os-start .tpl-icon-frame{width:clamp(28px,2.8vw,72px);height:clamp(28px,2.8vw,72px)}.os-task-ticker{min-width:0;-webkit-mask-image:linear-gradient(90deg,var(--surface-black) 85%,transparent);mask-image:linear-gradient(90deg,var(--surface-black) 85%,transparent);flex:1}.os-task-ticker .tpl-marquee{padding:.3em 0}.os-task-ticker .tpl-marquee-track{font-family:var(--tpl-mono,ui-monospace), monospace;font-size:var(--role-label)}.os-taskbar .w1-badge{margin-left:auto}.os-taskbar .w1-site-credits{flex-shrink:0;margin-left:auto}.os-taskbar .w1-badge-short{display:none}.w1-os .w1-address{font-size:clamp(20px,2.5vw,64px)}.w1-os[data-type=retro-file] :is(h1,h2,h3),.w1-os[data-type=pixel-file] :is(h1,h2,h3){letter-spacing:normal}@media (min-width:760px){.w1-os .w1-slot.w1-slot-about{margin-top:-64px}.w1-os .w1-slot-about .w1-rail{padding-top:0}.os-welcome .os-content{padding-bottom:120px}}@media (max-width:759px){.w1-os .w1-rail{width:calc(100% - 32px);padding-block:24px}.w1-os .w1-section-hero .w1-rail{padding:16px 0 0}.os-desktop{padding-left:0}.os-files{flex-direction:row;gap:8px;width:100%;margin-bottom:20px;position:static}.os-file{flex:1;min-width:0;font-size:12px}.os-filename{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding-inline:2px;display:-webkit-box;overflow:hidden}.os-file-icon,.os-file-icon .tpl-icon-frame{width:36px;height:36px}.os-titlebar{gap:6px;padding:6px}.os-titlebar>p{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.os-controls{gap:3px}.os-app-icon{width:20px;height:20px}.os-welcome,.w1-os .w1-slot .os-window{width:100%!important}.os-welcome .os-content{grid-template-rows:auto auto 160px auto auto;gap:16px;min-height:0;padding:24px 16px 94px;display:grid}.os-welcome .w1-title-wrap{width:100%}.os-welcome-art{width:100%;height:160px;position:relative;top:auto;right:auto}.os-welcome .os-content>p:last-of-type{width:100%;font-size:20px}.w1-os .w1-slot:not(.w1-slot-hero,.w1-slot-footer){margin-top:0}.w1-os .w1-slot.w1-slot-about{margin-top:-64px}.w1-os .w1-slot-about .w1-rail{padding-top:0}.os-story{grid-template-columns:1fr}.os-content{padding:24px 16px}.os-taskbar{gap:8px;padding:6px}.os-start{padding:4px}.os-start-label{display:none}.os-taskbar .w1-badge{border:0;padding:8px 4px}.os-taskbar .w1-badge-full{display:none}.os-taskbar .w1-badge-short{font-size:12px;display:inline}.os-taskbar .w1-report-link{font-size:12px}}.os-start-mark{font-size:1.8em;line-height:1}@media (min-width:760px){.w1-os[data-color-scheme=multicolor] .w1-section-about .w1-split{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}.w1-os .w1-viewer-plate{--viewer-max-height:clamp(430px,62vw,1024px)}@media (max-width:759px){.os-about-art{height:150px}.w1-os .w1-viewer-plate,.w1-os .w1-picture-viewer{padding:0}}@media (min-width:760px){.os-welcome-art{z-index:3;width:32%;height:50%;bottom:88px;right:-9%}.w1-os .w1-slot-about .w1-split{grid-template-columns:1.4fr .6fr}.w1-os[data-color-scheme=multicolor] .w1-slot-about .w1-split{grid-template-columns:1.25fr .75fr}}.os-window{--button-shadow:color-mix(in srgb,var(--panel-bg),var(--panel-ink) 35%)}.os-about-art .tpl-art{filter:drop-shadow(3px 0 var(--surface-white)) drop-shadow(-3px 0 var(--surface-white)) drop-shadow(0 3px var(--surface-white)) drop-shadow(6px 8px 0 var(--button-shadow))}.os-poster{grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.os-poster-title{grid-area:1/1}.os-poster .tpl-art{grid-area:2/1;width:auto;height:100%}.os-poster figcaption{background:var(--accent-bg);color:var(--accent-ink);grid-area:3/1;justify-self:start;padding:.35em .5em;position:static}.os-player-controls{min-width:0}.os-poster{gap:12px;padding:16px}.os-poster-title{font-size:clamp(32px,3.5vw,90px);line-height:1.05}.w1-os .tpl-button[data-shape=tactile-press]{background:var(--button-bg)}@media (min-width:760px){.w1-os[data-hero-ground=accent] .w1-slot-about .w1-split{grid-template-columns:1fr 1fr}.w1-os[data-hero-ground=ink] .w1-slot-about .w1-split{grid-template-columns:.6fr 1.8fr}.w1-os[data-hero-ground=ink] .os-about-art{order:-1}}@media (max-width:759px){.os-poster{grid-template-rows:auto auto auto;gap:6px;height:auto;padding:8px}.os-poster .tpl-art{width:100%;height:auto;max-height:none;aspect-ratio:var(--art-ratio)}.os-poster-title{font-size:28px}}@media (min-width:760px){.os-welcome .os-content{min-height:clamp(680px,48vw,1180px)}.os-welcome .w1-title-wrap{width:50%}.os-welcome:has(h1[data-word-name=true]) .w1-title-wrap{width:64%}.os-welcome:has(h1[data-word-name=true]) .os-welcome-art{width:36%}.os-welcome .os-content>p:last-of-type{margin-top:auto}.os-welcome-art{top:var(--hero-cap-top,calc(anchor(--hero-cap top) + anchor-size(--hero-cap height) * var(--hero-cap-offset,0)));align-items:start;width:50%;height:auto;bottom:88px;right:-4%}.os-welcome-art .tpl-art{object-position:top;width:auto;height:100%;margin-block:0}.w1-os:is([data-type^=pixel],[data-type^=retro]) .os-welcome .os-content{text-align:right;align-items:end}.w1-os:is([data-type^=pixel],[data-type^=retro]) .os-welcome-art{left:-4%;right:auto}}.w1-os .w1-slot-mind .w1-rail{padding-block:36px}@media (max-width:759px){.w1-os :is(.w1-section-buy-widget,.w1-section-contract-strip) h2{font-size:26px}.w1-os .w1-steps li{grid-template-columns:32px minmax(0,1fr);gap:12px}.w1-os .w1-steps h3{white-space:nowrap;font-size:20px}.w1-os[data-type=pixel-file] h2{font-size:28px}.w1-os[data-type=pixel-file] .w1-rail{width:calc(100% - 8px)}.w1-os[data-type=pixel-file] .w1-section-about .os-content{padding-inline:4px}.w1-os[data-type=pixel-file] .w1-section-about h2{font-size:32px}.w1-os[data-type=pixel-file] .w1-section-buy-widget h2{font-size:24px}.w1-os[data-type=pixel-file] .w1-section-contract-strip h2{font-size:20px}}.w1-os.w1-entry-gate .w1-entry-title{border:6px double;padding:20px}.w1-os.w1-entry-gate .w1-entry-art{border:6px double var(--page-ink);background:var(--panel-bg)}@media (min-width:760px){.w1-os #community .os-content{gap:var(--role-space);grid-template-columns:1fr 1fr;display:grid}.w1-os #community .w1-actions{place-content:end}.w1-os #buy-widget .w1-steps li>div{gap:var(--role-space);grid-template-columns:1fr 1fr;display:grid}.os-story:has(>:last-child:nth-child(2n)){grid-template-columns:repeat(2,minmax(0,1fr))}.w1-os #community h2{font-size:clamp(36px,4vw,102px)}.w1-os .w1-steps h3{font-size:clamp(24px,2vw,52px)}}@media (max-width:759px){.w1-os[data-example=true] .os-welcome .os-content{grid-template-rows:auto auto 180px auto auto}.w1-os[data-example=true] .os-welcome-art{height:180px}}
