/* October / Halloween — inspired by Gilbert's approved 1978 seasonal identity. */
.halloween-art,.season-edition{display:none}
html[data-theme=halloween]{color-scheme:dark;--paper:#17130f;--paper-light:#fff0ce;--ink:#f6d19b;--outer:#080706;--brown:#9d461d;--orange:#f16c19;--gold:#e88c25;--line:#865332;--signal-1:#d74a15;--signal-2:#ee6718;--signal-3:#ff8c23;--signal-4:#f6b347;--signal-5:#9e4e22}
[data-theme=halloween] body{background:radial-gradient(ellipse at top,#45250f,#100c09 65%,#080706);color:var(--ink)}
[data-theme=halloween] .page{border-color:#c87422;box-shadow:0 0 0 3px #462510,0 12px 70px #0009}
[data-theme=halloween] .landing::after{border-color:#ea8c2b}
[data-theme=halloween] .masthead{background:radial-gradient(ellipse at 90% 50%,#6c32172b,transparent 40%),#17130f}
[data-theme=halloween] .masthead .identity{position:relative;z-index:1}
[data-theme=halloween] .tagline{color:#f6b963;letter-spacing:.4px}
[data-theme=halloween] .sunset{display:none}
[data-theme=halloween] .halloween-art{display:block;position:absolute;pointer-events:none}
[data-theme=halloween] .pumpkin-mark{right:2%;width:clamp(90px,11vw,153px);height:auto;bottom:4px}
[data-theme=halloween] .moon-bats{left:2.5%;width:clamp(65px,9vw,120px);height:auto;top:12%}
[data-theme=halloween] .season-edition{display:block;position:absolute;left:3%;bottom:8px;font-size:9px;letter-spacing:1.3px;color:#dc8b46}
[data-theme=halloween] .themed-interior{background-image:repeating-linear-gradient(90deg,#100a0799 0px,#100a07ed 1px,#ad713b55 2px,transparent 3px,transparent 84px),linear-gradient(#10090677,#10090677),url('assets/walnut-paneling.png')}
[data-theme=halloween] .themed-interior .bubble-headline{color:#fff0ce;-webkit-text-stroke:1px #2b1309;text-shadow:0 3px #ffae38,0 6px #ee7a1f,0 9px #c04c14,0 12px #59250f}
[data-theme=halloween] .availability{border-color:#331a0e;background:#fff0ce;color:#4f2914;box-shadow:0 0 0 2px #e38b2f,0 6px 16px #0005}
[data-theme=halloween] .availability h2{background:repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 8px),#2a1911;color:#ffc577;border-bottom:2px solid #d87925}
[data-theme=halloween] .availability tr+tr{border-color:#d7b17b}
[data-theme=halloween] .availability .planned{color:#7f350c}
[data-theme=halloween] .availability .lamp.planned{background:#e87a18;border-color:#a95012;box-shadow:inset 0 1px 2px #fff9,0 0 4px #d4782144}
[data-theme=halloween] .status-note{color:#765132}
[data-theme=halloween] .primary-button{background:linear-gradient(#ed8624,#b64811);border-color:#351b0d;color:#fff5d9;box-shadow:inset 0 0 0 2px #ffad43,0 4px 12px #0005}
[data-theme=halloween] .primary-button:hover{background:#a93c0a}
[data-theme=halloween] .footer{color:#edb56b;background:#17130f}
[data-theme=halloween] .footer>span{color:#c98f53}
[data-theme=halloween] .guide-content{color:#ffe8c1}
[data-theme=halloween] .guide .notice{background:#362016}
[data-theme=halloween] .guide .identity{width:80%}
@media(min-width:761px) and (max-height:680px){[data-theme=halloween] .season-edition{font-size:7px;bottom:2px}[data-theme=halloween] .pumpkin-mark{width:100px}}
@media(max-width:760px){
  [data-theme=halloween] .masthead{padding:22px 16px 8px}
  [data-theme=halloween] .masthead .identity{width:86%;margin-right:14%;text-align:left}
  [data-theme=halloween] .masthead .tagline{font-size:clamp(10px,2.7vw,14px);margin-top:11px;letter-spacing:0}
  [data-theme=halloween] .pumpkin-mark{right:0;bottom:4px;width:23%;max-width:104px;opacity:.95}
  [data-theme=halloween] .moon-bats{display:none}
  [data-theme=halloween] .season-edition{display:none}
  [data-theme=halloween] .themed-interior{background-image:repeating-linear-gradient(90deg,#100a0799 0px,#100a07ed 1px,#ad713b55 2px,transparent 3px,transparent 64px),linear-gradient(#10090677,#10090677),url('assets/walnut-paneling.png')}
  [data-theme=halloween] .themed-interior .bubble-headline{font-size:clamp(24px,6.3vw,36px);text-shadow:0 2px #ffae38,0 4px #ee7a1f,0 6px #c04c14,0 8px #59250f}
}

/* A matching October wallpaper appears after the authentic desktop startup. */
[data-theme=halloween] .w98-wallpaper{background:#17130f url('assets/halloween-pumpkin.svg') 72% 40% / 210px auto no-repeat}
[data-theme=halloween] .w98-wallpaper-logo{content:url('assets/gilbert-logo-halloween.svg')}
[data-theme=halloween] .w98-wallpaper-sweep{content:url('assets/desktop-sweep-halloween.svg')}

/* Build 019: assemble the approved illustrated Halloween concept in live layers.
   Decoration never receives pointer events or enters the content flow. */
.halloween-set{display:none}
.halloween-sweep,.halloween-tabletop,.themed-interior>.corner-pumpkins{display:none}
[data-theme=halloween] .landing{gap:0}
[data-theme=halloween] .masthead{--halloween-header:clamp(138px,21svh,205px);height:var(--halloween-header);min-height:0;flex:none;padding:0;background:radial-gradient(ellipse at 75% 30%,#6d38161c,transparent 65%),#17130f;isolation:isolate;overflow:hidden}
[data-theme=halloween] .masthead .identity{position:absolute;left:10%;top:10px;width:61%;max-width:none;margin:0;text-align:center;z-index:3}
[data-theme=halloween] .masthead .logo{width:100%;height:calc(var(--halloween-header) - 65px);object-fit:contain}
[data-theme=halloween] .masthead .tagline{font:clamp(10px,1.1vw,15px)/1.2 var(--headline);margin:3px 0 0;color:#f5dfb8;letter-spacing:0}
[data-theme=halloween] .masthead .pumpkin-mark,[data-theme=halloween] .masthead .moon-bats,[data-theme=halloween] .season-edition{display:none}
[data-theme=halloween] .masthead .header-moon{right:0;top:4px;width:17%;height:78%;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.9;z-index:0;mask-image:radial-gradient(ellipse,#000 40%,transparent 75%)}
[data-theme=halloween] .masthead .header-web{left:0;top:0;width:11%;max-width:142px;z-index:4}
[data-theme=halloween] .masthead .header-ribbon{inset:0;width:100%;height:100%;z-index:2}
[data-theme=halloween] .masthead .header-ribbon-mobile{display:none}
[data-theme=halloween] .themed-interior{position:relative;isolation:isolate;background-color:#472713;background-image:repeating-linear-gradient(90deg,#160b0799 0,#0a0605dd 1px,#a5683455 2px,transparent 3px,transparent 84px),linear-gradient(#200c0644,#130b0644),url('assets/walnut-paneling.png')}
[data-theme=halloween] .themed-interior>svg.sweep{display:none}
[data-theme=halloween] .halloween-set{display:block;position:absolute;inset:0 0 calc(5 * var(--signal-stroke));z-index:0;pointer-events:none;overflow:hidden}
[data-theme=halloween] .halloween-set::after{content:'';position:absolute;inset:auto 0 0;height:24px;background:repeating-linear-gradient(0deg,#1d0d0733 0 1px,transparent 1px 5px),linear-gradient(#603317,#2a150b);border-top:2px solid #a76a32;box-shadow:0 -4px 12px #10070455}
[data-theme=halloween] .themed-interior>.bubble-headline{position:relative;z-index:2;margin-top:14px;margin-bottom:12px}
[data-theme=halloween] .console-layout{position:relative;z-index:2;margin-bottom:16px}
[data-theme=halloween] .footer-stripes{position:relative;z-index:3}
[data-theme=halloween] .wall-print{position:absolute;top:25%;width:13%;aspect-ratio:.75;background:#1b120b url('assets/halloween-harvest-moon.png') center / cover;border:7px solid #583317;outline:1px solid #bc7b36;box-shadow:inset 0 0 0 2px #d59148,0 3px 10px #0009}
[data-theme=halloween] .print-left{left:-2.2%;transform:rotate(-2deg)}
[data-theme=halloween] .print-right{right:-7%;top:42%;transform:rotate(2deg)}
[data-theme=halloween] .corner-pumpkins{position:absolute;bottom:8px;width:clamp(115px,17vw,230px);aspect-ratio:1.15;background-image:url('assets/halloween-pumpkin-arrangements.png');background-repeat:no-repeat;background-size:300% auto;z-index:1;filter:drop-shadow(0 4px 3px #12070499)}
[data-theme=halloween] .pumpkins-left{left:-7px;background-position:left bottom}
[data-theme=halloween] .pumpkins-right{right:-7px;background-position:right bottom}
[data-theme=halloween] .interior-web{position:absolute;right:0;top:0;width:12%;max-width:155px;transform:scaleX(-1);opacity:.8}
[data-theme=halloween] .string-lights{position:absolute;top:9px;width:21%;height:auto}
[data-theme=halloween] .lights-left{left:0}
[data-theme=halloween] .lights-right{right:0}
[data-theme=halloween] .themed-interior .bubble-headline{color:#ffefcf;text-shadow:0 3px #fdb448,0 6px #eb8426,0 9px #c15418,0 12px #6d2a10}
[data-theme=halloween] .availability{background:linear-gradient(#fff6de,#f5dfb4);border-radius:12px;box-shadow:0 0 0 2px #ef9e35,0 5px 15px #0009}
[data-theme=halloween] .availability h2{color:#fff0ce;background:#2b180e;border-bottom-color:#e88a25}
[data-theme=halloween] .availability .lamp.planned{background:radial-gradient(circle at 35% 25%,#ffd788,#f5881d 55%,#c74e0a);box-shadow:0 0 4px #e27a2244,inset 0 1px 1px #fff9}
[data-theme=halloween] .primary-button{background:linear-gradient(#fa9a2a,#da5e0f 50%,#bd3f08);box-shadow:inset 0 0 0 2px #ffb741,0 4px 12px #12070499}
[data-theme=halloween] .landing .footer{padding:10px 100px 9px;background:#f6dfae;color:#48240e;min-height:56px;justify-content:center}
[data-theme=halloween] .landing .footer>span{color:#72401e}
[data-theme=halloween] .landing .footer::before,[data-theme=halloween] .landing .footer::after{content:'';position:absolute;top:6px;bottom:6px;width:26%;background:url('assets/halloween-leaf.svg') left center / 48px auto no-repeat,linear-gradient(transparent 30%,#d95b1b 30% 43%,transparent 43% 47%,#e88021 47% 60%,transparent 60% 64%,#eaa03b 64% 77%,transparent 77%);pointer-events:none}
[data-theme=halloween] .landing .footer::before{left:12px}
[data-theme=halloween] .landing .footer::after{right:12px;transform:scaleX(-1)}
@media(min-width:761px) and (max-height:850px){
  [data-theme=halloween] .console-layout{max-width:min(1000px,calc((100svh - 340px)*2.25))}
  [data-theme=halloween] .themed-interior>.bubble-headline{margin-top:10px;margin-bottom:10px}
  [data-theme=halloween] .console-layout{margin-bottom:13px}
  [data-theme=halloween] .landing .footer{padding-top:7px;padding-bottom:6px;min-height:45px}
}

@media(min-width:761px) and (max-height:680px){
  [data-theme=halloween] .console-layout{max-width:min(900px,calc((100svh - 270px)*2.25))}
  [data-theme=halloween] .masthead{--halloween-header:122px}
  [data-theme=halloween] .masthead .identity{top:7px}
  [data-theme=halloween] .masthead .tagline{display:block;font-size:9px}
  [data-theme=halloween] .themed-interior>.bubble-headline{font-size:27px;margin-top:8px;margin-bottom:9px}
  [data-theme=halloween] .console-layout{margin-bottom:10px}
  [data-theme=halloween] .landing .footer{min-height:38px;padding-top:5px;padding-bottom:5px}
}
@media(max-width:1000px) and (min-width:761px){
  [data-theme=halloween] .corner-pumpkins{width:13%}
  [data-theme=halloween] .wall-print{width:9%;left:-3%}
  [data-theme=halloween] .print-right{display:none}
}
@media(max-width:760px){
  [data-theme=halloween] .masthead{--halloween-header:190px}
  [data-theme=halloween] .masthead .identity{left:7%;top:17px;width:86%;margin:0;text-align:center}
  [data-theme=halloween] .masthead .logo{height:78px}
  [data-theme=halloween] .masthead .tagline{font-size:11px;margin-top:2px}
  [data-theme=halloween] .masthead .header-web{width:19%;opacity:.8}
  [data-theme=halloween] .masthead .header-moon{right:1%;top:0;width:25%;height:90px;opacity:.6}
  [data-theme=halloween] .masthead .header-ribbon{display:none}
  [data-theme=halloween] .masthead .header-ribbon-mobile{display:block;inset:0;width:100%;height:100%;z-index:2}
  [data-theme=halloween] .themed-interior{gap:12px;background-size:64px 100%,100% 100%,512px 100%;background-image:repeating-linear-gradient(90deg,#160b0799 0,#0a0605dd 1px,#a5683455 2px,transparent 3px,transparent 64px),linear-gradient(#200c0644,#130b0644),url('assets/walnut-paneling.png')}
  [data-theme=halloween] .themed-interior>.bubble-headline{font-size:clamp(25px,7vw,37px);line-height:1.1;margin:15px auto 10px;max-width:90%;text-shadow:0 2px #fdb448,0 4px #eb8426,0 6px #c15418,0 8px #6d2a10}
  [data-theme=halloween] .string-lights{top:2px;width:28%}
  [data-theme=halloween] .interior-web{width:18%;opacity:.5}
  [data-theme=halloween] .wall-print{display:none}
  [data-theme=halloween] .console-layout{margin-bottom:10px}
  [data-theme=halloween] .corner-pumpkins{width:23%;opacity:.75;bottom:0}
  [data-theme=halloween] .halloween-set::after{height:15px}
  [data-theme=halloween] .services-side .vpn-access{padding-bottom:40px}
  [data-theme=halloween] .landing .footer{padding:10px 40px;min-height:56px}
  [data-theme=halloween] .landing .footer::before,[data-theme=halloween] .landing .footer::after{width:25px;background:url('assets/halloween-leaf.svg') center / contain no-repeat}
  [data-theme=halloween] .landing .footer::before{left:7px}
  [data-theme=halloween] .landing .footer::after{right:7px}
}

/* Build 020: joined wood boundary, substantial matching bands and a real table. */
[data-theme=halloween]{--signal-1:#d93d0d;--signal-2:#e9560d;--signal-3:#f37012;--signal-4:#fb881b;--signal-5:#ed9b28}
[data-theme=halloween] .landing{--signal-stroke:8px;--october-sweep-height:calc(var(--signal-stroke)*10.833333);--table-depth:clamp(32px,4.4svh,50px)}
[data-theme=halloween] .masthead{--halloween-header:clamp(130px,15svh,160px);z-index:0}
[data-theme=halloween] .masthead .identity{top:7px}
[data-theme=halloween] .masthead .logo{height:calc(var(--halloween-header) - 32px)}
[data-theme=halloween] .themed-interior{z-index:1;gap:5px}
[data-theme=halloween] .halloween-sweep{display:block;position:relative;flex:none;width:100%;height:var(--october-sweep-height);margin:0;overflow:visible;z-index:4;pointer-events:none}
[data-theme=halloween] .halloween-set{inset:0 0 calc(5 * var(--signal-stroke));overflow:hidden}
[data-theme=halloween] .halloween-set::after,[data-theme=halloween] .string-lights{display:none}
[data-theme=halloween] .interior-web{top:calc(var(--october-sweep-height) - 2px)}
[data-theme=halloween] .themed-interior>.bubble-headline{margin-top:13px;margin-bottom:12px}
[data-theme=halloween] .console-layout{margin-bottom:0;align-items:end}
[data-theme=halloween] .services-side{align-self:center}
[data-theme=halloween] .halloween-tabletop{display:block;position:relative;z-index:1;flex:none;width:100%;height:var(--table-depth);margin-top:-9px;background:linear-gradient(#35180b44,transparent 20%,#170a0755),url('assets/halloween-tabletop.png') center / 100% 100%;border-top:2px solid #9e612e;border-bottom:6px solid #40200f;box-shadow:inset 0 3px 5px #e3a25933,inset 0 -3px #bd773a,0 -2px 5px #14090455}
[data-theme=halloween] .monitor{filter:drop-shadow(0 7px 3px #10070377)}
[data-theme=halloween] .monitor::after{content:'';position:absolute;left:7%;right:7%;bottom:-5px;height:6px;background:linear-gradient(90deg,#34271b 0 12%,transparent 12% 88%,#34271b 88%);border-radius:0 0 3px 3px;pointer-events:none}
[data-theme=halloween] .themed-interior>.corner-pumpkins{display:block;position:absolute;pointer-events:none;z-index:3;bottom:calc(5 * var(--signal-stroke) + 11px);width:clamp(105px,12.5vw,180px);aspect-ratio:1.15;opacity:1}
[data-theme=halloween] .themed-interior>.pumpkins-left{left:-5px}
[data-theme=halloween] .themed-interior>.pumpkins-right{right:-5px}
[data-theme=halloween] .landing .footer::before,[data-theme=halloween] .landing .footer::after{top:3px;bottom:3px;width:28%;background:url('assets/halloween-footer-ornament.svg') left center / 100% 100% no-repeat}
[data-theme=halloween] .landing .footer::before{left:10px}
[data-theme=halloween] .landing .footer::after{right:10px;transform:scaleX(-1)}
@media(min-width:761px) and (max-height:850px){
  [data-theme=halloween] .landing{--signal-stroke:7px}
  [data-theme=halloween] .console-layout{max-width:min(1000px,calc((85svh - 315px)*2.25));margin-bottom:0}
}
@media(min-width:761px) and (max-height:680px){
  [data-theme=halloween] .landing{--signal-stroke:6px;--table-depth:28px}
  [data-theme=halloween] .masthead{--halloween-header:115px}
  [data-theme=halloween] .console-layout{max-width:min(900px,calc((100svh - 360px)*2.25))}
  [data-theme=halloween] .themed-interior>.bubble-headline{margin-top:8px;margin-bottom:9px}
}
@media(max-width:760px){
  [data-theme=halloween] .landing{--signal-stroke:5px;--table-depth:38px}
  [data-theme=halloween] .masthead{--halloween-header:147px}
  [data-theme=halloween] .masthead .identity{top:12px;left:6%;width:78%;text-align:center}
  [data-theme=halloween] .masthead .logo{height:78px}
  [data-theme=halloween] .masthead .tagline{font-size:10px}
  [data-theme=halloween] .masthead .header-moon{right:0;top:1px;width:29%;height:90px}
  [data-theme=halloween] .themed-interior{gap:10px}
  [data-theme=halloween] .themed-interior>.bubble-headline{margin:13px auto 10px}
  [data-theme=halloween] .console-layout{margin-bottom:0;align-items:center}
  [data-theme=halloween] .halloween-tabletop{margin-top:-8px}
  [data-theme=halloween] .themed-interior>.corner-pumpkins{width:24%;bottom:calc(5 * var(--signal-stroke) + 8px)}
  [data-theme=halloween] .services-side .vpn-access{padding-bottom:33px}
  [data-theme=halloween] .landing .footer::before,[data-theme=halloween] .landing .footer::after{width:22%;top:9px;bottom:9px;background-size:auto 100%}
  [data-theme=halloween] .landing .footer::before{left:3px}
  [data-theme=halloween] .landing .footer::after{right:3px}
  [data-theme=halloween] .landing .footer{padding-left:45px;padding-right:45px}
}

/* Build 021: centered identity, printed stars and a floor flush with its band. */
[data-theme=halloween] .masthead .identity{left:50%;width:54%;max-width:640px;transform:translateX(-50%)}
[data-theme=halloween] .masthead::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('assets/halloween-stars.svg') center / 100% 100% no-repeat}
[data-theme=halloween] .print-left{background-image:url('assets/halloween-haunted-house.png');background-position:35% center}
[data-theme=halloween] .themed-interior{--halloween-scene-gap:5px;gap:var(--halloween-scene-gap)}
[data-theme=halloween] .console-layout{margin-top:auto}
[data-theme=halloween] .halloween-tabletop{margin-bottom:calc(-1 * var(--halloween-scene-gap))}
@media(max-width:760px){
  [data-theme=halloween] .masthead .identity{left:50%;top:10px;width:78%;max-width:640px}
  [data-theme=halloween] .masthead .logo{height:68px}
  [data-theme=halloween] .themed-interior{--halloween-scene-gap:10px}
}

/* Build 022: center within the open header area and clear the pumpkin/ceiling. */
[data-theme=halloween] .masthead{--halloween-header:clamp(145px,17svh,180px)}
[data-theme=halloween] .masthead .identity{left:43%;top:50%;width:52%;max-width:610px;transform:translate(-50%,-50%)}
[data-theme=halloween] .masthead .logo{height:calc(var(--halloween-header) - 55px)}
[data-theme=halloween] .w98-wallpaper{background:#17130f url('assets/halloween-desktop-98.png') center / cover no-repeat}
@media(min-width:761px) and (max-height:850px){
  [data-theme=halloween] .console-layout{max-width:min(1000px,calc((83svh - 315px)*2.25))}
}
@media(min-width:761px) and (max-height:680px){
  [data-theme=halloween] .masthead{--halloween-header:130px}
  [data-theme=halloween] .console-layout{max-width:min(900px,calc((100svh - 375px)*2.25))}
}
@media(max-width:760px){
  [data-theme=halloween] .masthead{--halloween-header:160px}
  [data-theme=halloween] .masthead .identity{left:45%;top:44%;width:76%;max-width:610px}
  [data-theme=halloween] .masthead .logo{height:70px}
}