@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap');
:root{--xp:#2464d7;--xp2:#0a48be;--xp3:#003ea8;--panel:#07133f;--ink:#e9f1ff;--muted:#8ea6cf;--line:#6e91e6;--green:#6cffb7;--yellow:#ffd76a;--pink:#ff7fc3;--shadow:#020617b3}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102b66;color:var(--ink)}body{font-family:'Share Tech Mono',monospace;background:linear-gradient(#31589a 0 18%,#87a8d8 18% 28%,#567ca8 28% 34%,#486f41 34% 100%)}button,input,textarea,select{font:inherit}.scanlines{position:fixed;inset:0;z-index:5000;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,#0000000d 4px 5px);mix-blend-mode:multiply}.toast{position:fixed;right:14px;top:14px;z-index:5200;background:#ece9d8;color:#111;border:2px outset white;box-shadow:5px 6px 0 #0006;padding:9px 12px;max-width:320px;opacity:0;transform:translateY(-12px);transition:.18s}.toast.show{opacity:1;transform:none}

/* ===== Desktop composition ===== */
.desktop-scene{height:calc(100vh - 40px);min-height:600px;padding:12px 14px 10px;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 10%,#e4ecff22,transparent 24%),linear-gradient(180deg,#7aa0d7 0 16%,#adc4dc 16% 25%,#6f8f76 25% 28%,#365e3d 28% 100%)}
.world-stage{height:100%;display:grid;grid-template-columns:minmax(160px,18vw) minmax(650px,1fr) minmax(170px,19vw);gap:12px;align-items:stretch;max-width:1600px;margin:0 auto}.left-rail,.right-rail{display:flex;flex-direction:column;gap:10px;min-width:0}.brand-plaque{height:82px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid #93b1ef;background:linear-gradient(160deg,#0e2b6e,#081a4d);box-shadow:5px 6px 0 #172a3f66,inset 0 0 15px #5a82df33}.brand-dot{width:12px;height:12px;border-radius:50%;background:#67ffad;box-shadow:0 0 10px #67ffad}.brand-plaque small{font-size:9px;color:#9db5e1;letter-spacing:.16em}.brand-plaque h1{font-family:'VT323';font-size:34px;margin:0;line-height:1;color:#fff;text-shadow:2px 2px #113779}
.sticky-note{border:0;background:#fff0a9;color:#423d24;min-height:160px;padding:18px 14px 14px;text-align:left;transform:rotate(-1.8deg);box-shadow:7px 9px 0 #1b2d2466;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 9%,100% 100%,0 100%)}.sticky-note:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 22px 22px;border-color:transparent transparent #d9cf73 transparent}.sticky-note b{display:block;font:23px 'VT323';margin-bottom:8px}.sticky-note span{display:block;line-height:1.55}.sticky-note i{display:block;margin-top:13px;font-size:10px;color:#776b35}.sticky-note:hover{transform:rotate(-1deg) translateY(-3px)}
.desktop-widget{border:2px solid #7899dc;background:linear-gradient(#10275e,#07163f);box-shadow:4px 5px 0 #1c2f3d66;color:#dbe8ff;padding:8px 10px}.widget-title{font:19px 'VT323';border-bottom:1px solid #35569b;padding-bottom:4px;margin-bottom:6px}.visitor-widget strong,.visitor-widget span{display:block}.visitor-widget strong{font:22px 'VT323';color:#fff}.visitor-widget span{font-size:10px;color:#8ea7d3;margin-top:4px}.cat-card{margin-top:auto;border:2px outset #98afe0;background:#d4d0c8;color:#172044;display:flex;align-items:center;gap:9px;padding:8px;cursor:pointer;box-shadow:4px 5px 0 #18283966}.cat-face{font-size:36px;filter:drop-shadow(0 3px 2px #0004)}.cat-card b,.cat-card small{display:block;text-align:left}.cat-card small{font-size:9px;color:#586486}.cat-card:hover .cat-face{transform:rotate(-8deg) scale(1.08)}
.right-rail{padding-top:22px}.newspaper-teaser{background:#e8dfbb;color:#25221c;border:1px solid #8e856e;padding:11px 12px;text-align:left;box-shadow:7px 8px 0 #20311f66;transform:rotate(1.3deg);cursor:pointer}.newspaper-teaser small,.newspaper-teaser b,.newspaper-teaser span,.newspaper-teaser i{display:block}.newspaper-teaser small{font-size:9px}.newspaper-teaser b{font-family:Georgia,serif;font-size:21px;border-bottom:2px solid #2f2b23;padding:2px 0 4px}.newspaper-teaser span{font:bold 13px Georgia,serif;margin:8px 0}.newspaper-teaser i{font-size:9px}.system-widget{margin-top:4px}.system-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dotted #36558e;font-size:10px}.system-row:last-child{border-bottom:0}.system-row span{color:#8199c4}.system-row b{color:#e8f0ff}.radio-widget,.alert-widget{width:100%;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.radio-widget>span{font-size:25px}.radio-widget div,.alert-widget div{flex:1}.radio-widget b,.radio-widget small,.alert-widget b,.alert-widget small{display:block}.radio-widget small,.alert-widget small{font-size:9px;color:#8198c1}.radio-widget i{font-style:normal;color:#79ffad}.alert-widget{margin-top:auto}.alert-light{width:10px;height:10px;border-radius:50%;background:#ffd55f;box-shadow:0 0 8px #ffd55f}

/* ===== Map shell / XP window chrome ===== */
.map-shell{min-width:0;border:2px solid #b3c9f5;background:#0a2a76;box-shadow:0 0 0 2px #173a7a,8px 9px 0 #17352d66,0 0 20px #c0d9ff44;display:grid;grid-template-rows:31px 1fr;overflow:hidden}.map-titlebar{height:31px;background:linear-gradient(#2f79ec 0,#1d62d5 48%,#0d4fc7 49%,#0a43ae 100%);display:flex;align-items:center;gap:7px;padding:3px 5px;color:#fff;text-shadow:1px 1px #0c2d72;border-bottom:1px solid #0b378e}.map-title-icon{font-size:16px}.map-title-text{font:bold 13px Tahoma,Arial,sans-serif;flex:1}.map-controls{display:flex;gap:2px}.map-controls i{font-style:normal;font:bold 12px Tahoma;background:linear-gradient(#86a7ec,#4f73cc);border:1px outset #c5d5f5;width:22px;height:21px;display:grid;place-items:center}.map-controls i:last-child{background:linear-gradient(#f69b83,#d94b35)}
.town-map{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#7fa7df 0 24%,#bbd2e8 24% 28%,#5c7c6a 28% 31%,#3c673f 31% 100%)}.town-map:before{content:"";position:absolute;inset:31% 0 0;z-index:-10;background:linear-gradient(150deg,#527a49,#325c3b 68%,#244d34)}.town-map:after{content:"";position:absolute;inset:31% 0 0;z-index:-9;background:linear-gradient(155deg,transparent 0 15%,#ffffff08 15% 16%,transparent 16% 31%,#0000000a 31% 32%,transparent 32% 100%),repeating-linear-gradient(25deg,#ffffff05 0 2px,transparent 2px 24px)}.sky-orb{position:absolute;right:8%;top:6%;width:58px;height:58px;border-radius:50%;background:#f6f3d2;box-shadow:0 0 26px #fff8ad99}.cloud{position:absolute;background:#eaf3ff99;clip-path:polygon(0 70%,12% 42%,32% 40%,46% 8%,66% 26%,82% 25%,100% 67%,91% 100%,8% 100%);height:25px;width:92px;filter:drop-shadow(0 2px 0 #8aa2c755)}.c1{left:8%;top:11%}.c2{left:47%;top:8%;transform:scale(.75)}.c3{right:17%;top:18%;transform:scale(.55)}
.hill{position:absolute;z-index:-5;background:#4a744d;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.95}.h1{left:-5%;top:22%;width:240px;height:145px}.h2{left:20%;top:21%;width:190px;height:120px;background:#547c55}.h3{right:-4%;top:20%;width:260px;height:155px;background:#426a47}.river{position:absolute;z-index:-2;left:54%;top:30%;width:17%;height:85%;background:linear-gradient(90deg,#6bb7cf,#7bc7df 50%,#5aabc5);transform:skewX(-10deg) rotate(7deg);border-left:4px solid #87a86c;border-right:4px solid #87a86c;box-shadow:inset 0 0 15px #d9fbff55}
.road{position:absolute;z-index:-1;background:#7b756e;border:2px solid #9a938a;box-shadow:inset 0 0 0 3px #69635f}.road:after{content:"";position:absolute;inset:48% 0 auto;border-top:2px dashed #e4d9a9}.road-a{left:-6%;right:5%;top:62%;height:44px;transform:rotate(-3deg)}.road-b{width:42px;height:74%;left:37%;top:31%;transform:rotate(10deg)}.road-b:after{inset:0 auto 0 48%;border-top:0;border-left:2px dashed #e4d9a9}.road-c{width:35%;height:36px;right:0;top:47%;transform:rotate(6deg)}
.tree{position:absolute;width:22px;height:36px;z-index:1}.tree:before{content:"";position:absolute;left:9px;bottom:0;width:5px;height:14px;background:#5d3c2a}.tree:after{content:"";position:absolute;left:0;top:0;width:22px;height:24px;background:linear-gradient(135deg,#4f8b4c,#2f6c3d);clip-path:polygon(50% 0,100% 45%,77% 45%,100% 100%,0 100%,23% 45%,0 45%);filter:drop-shadow(3px 4px 0 #173c2780)}.t1{left:3%;top:39%}.t2{left:21%;top:56%;transform:scale(.85)}.t3{left:45%;top:36%;transform:scale(.72)}.t4{right:27%;top:42%}.t5{right:4%;top:58%;transform:scale(.88)}.t6{right:38%;top:76%;transform:scale(.68)}

/* ===== Low-poly buildings ===== */
.building{position:absolute;width:128px;height:102px;border:0;background:transparent;color:#fff;cursor:pointer;padding:0;z-index:5;filter:drop-shadow(8px 10px 0 #15352266);transition:transform .15s,filter .15s}.building:hover{transform:translateY(-5px) scale(1.035);filter:drop-shadow(10px 13px 0 #15352277) brightness(1.08)}.building:focus-visible{outline:2px solid #fff;outline-offset:4px}.building .facade{position:absolute;left:14px;right:9px;top:34px;height:57px;background:linear-gradient(135deg,#ddd0b1 0 62%,#baa986 63%);clip-path:polygon(0 0,100% 0,100% 86%,88% 100%,0 100%);border-left:2px solid #f1e7cf;border-bottom:2px solid #6e624e}.building .roof{position:absolute;left:4px;right:1px;top:8px;height:42px;background:linear-gradient(145deg,#904f57 0 55%,#6c3a43 56%);clip-path:polygon(42% 0,100% 48%,90% 100%,0 100%,6% 43%);z-index:2;box-shadow:inset 0 -3px #552d34}.building .chimney{position:absolute;left:28px;top:10px;width:12px;height:26px;background:#624b44;z-index:1}.window-pane{position:absolute;width:18px;height:18px;top:15px;background:#7fc2e5;border:2px solid #475d65;box-shadow:inset 6px 0 #aee4f5}.window-pane.p1{left:15px}.window-pane.p2{right:15px}.door{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:20px;height:30px;background:#714a39;border:2px solid #4b332b}.door:after{content:"";position:absolute;right:3px;top:13px;width:3px;height:3px;border-radius:50%;background:#f4cf78}.building-label{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);min-width:100px;padding:3px 6px;background:#071945e8;border:1px solid #7194dc;box-shadow:2px 3px #10264299;white-space:nowrap}.building-label b,.building-label small{display:block}.building-label b{font:18px 'VT323';line-height:.9}.building-label small{font-size:8px;color:#a9c2ec}.home{left:5%;top:42%}.tomato{left:27%;top:32%}.garage{left:9%;top:72%}.lab{left:46%;top:48%}.arcade{right:17%;top:68%}.observatory{right:4%;top:30%}.post{right:31%;top:74%}.library{right:4%;top:78%}
.tomato .roof.civic{background:linear-gradient(145deg,#aa424f,#742d3a)}.tomato .facade.civic{background:linear-gradient(135deg,#efe5ca 0 62%,#c7b78f 63%)}.tomato .facade em{position:absolute;left:50%;top:-8px;transform:translateX(-50%);font-style:normal;font-size:23px;z-index:4}.garage .roof.flat,.arcade .roof.flat{left:8px;right:6px;top:24px;height:16px;clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);background:#575e6b}.garage .facade{top:36px;height:52px;background:linear-gradient(135deg,#aeb6bc,#747f88)}.garage-door{position:absolute;left:8px;bottom:0;width:69px;height:38px;background:repeating-linear-gradient(#66737e 0 5px,#7f8e9a 6px 10px);border:2px solid #45505a}.side-door{position:absolute;right:8px;bottom:0;width:20px;height:31px;background:#485969}.lab .roof.lab-roof{background:linear-gradient(145deg,#6e5a9e,#493a73)}.antenna{position:absolute;left:65px;top:1px;width:3px;height:22px;background:#344156;z-index:3}.antenna:before{content:"";position:absolute;left:-6px;top:-2px;width:15px;height:7px;border:2px solid #344156;border-radius:50%}.lab .facade{background:linear-gradient(135deg,#cad4db,#8597a6)}.screen{position:absolute;top:13px;width:22px;height:16px;background:#1f4a63;border:2px solid #31404a;box-shadow:inset 0 0 7px #76e5ff}.screen.one{left:12px}.screen.two{right:12px}.arcade .roof.neon{background:linear-gradient(#5d2f79,#332052)}.arcade .facade{top:36px;background:linear-gradient(135deg,#43285e,#211c4b)}.marquee-sign{position:absolute;left:9px;right:9px;top:5px;background:#191537;color:#ff8ddd;border:1px solid #d05bb3;font-style:normal;font-size:10px;padding:2px;text-shadow:0 0 5px #ff70d6}.door.double{width:34px;background:linear-gradient(90deg,#56748c 0 47%,#273947 48% 52%,#56748c 53%)}.observatory{height:108px}.observatory .dome{position:absolute;left:24px;right:12px;top:5px;height:47px;background:linear-gradient(135deg,#b5c7db,#738ba7);border-radius:70px 70px 0 0;z-index:2;border-bottom:4px solid #53667d}.observatory .scope{position:absolute;left:42px;top:0;width:46px;height:12px;background:#4b5870;transform:rotate(-22deg);z-index:3;box-shadow:8px 0 #8898ad}.observatory .facade{top:43px;background:linear-gradient(135deg,#b9c1c7,#7f8d96)}.post .facade{background:linear-gradient(135deg,#f0d8c5,#bc8f7d)}.post .facade em{position:absolute;right:8px;top:11px;font-style:normal;color:#7a3346}.library .roof.library-roof{clip-path:polygon(50% 0,100% 55%,92% 100%,8% 100%,0 55%);background:linear-gradient(145deg,#7c5b83,#51405f)}.library .facade{background:linear-gradient(135deg,#d8d0c2,#a79d8e)}.column{position:absolute;top:5px;bottom:2px;width:7px;background:#eee7da;border-left:1px solid #9f9689;border-right:1px solid #9f9689}.column.c-a{left:21px}.column.c-b{right:21px}
.map-sign{position:absolute;left:42%;bottom:24px;background:#6a4526;color:#ffeac0;border:3px solid #a8753d;padding:6px 10px;text-align:center;transform:rotate(-2deg);z-index:6;box-shadow:4px 5px #1d342766}.map-sign b,.map-sign small{display:block}.map-sign b{font:20px 'VT323'}.map-sign small{font-size:8px}.bench{position:absolute;right:23%;bottom:15%;font-size:34px;color:#61442f;transform:rotate(-4deg)}.lamp-post{position:absolute;color:#ffe39a;font-size:18px;text-shadow:0 0 9px #ffe39a}.lp1{left:40%;top:58%}.lp2{right:25%;top:54%}

/* ===== XP app windows ===== */
.desktop{position:fixed;inset:0 0 40px;pointer-events:none;z-index:2000}.xp-window{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 34px));max-height:calc(100vh - 74px);overflow:auto;border:3px solid #083dab;border-radius:5px 5px 2px 2px;background:#ece9d8;color:#111;box-shadow:8px 10px 0 #0006,0 0 0 1px #7aa3f0;pointer-events:auto}.xp-window.open{display:block}.xp-title{position:sticky;top:0;z-index:2;height:31px;display:flex;align-items:center;gap:6px;padding:3px 4px;background:linear-gradient(#3f85f3 0,#236cde 44%,#0d4fc6 45%,#0b46ba 100%);color:white;font:bold 13px Tahoma,Arial,sans-serif;text-shadow:1px 1px #123a83;user-select:none}.xp-title .grip{cursor:move;color:#d5e5ff;letter-spacing:-3px}.xp-title>span:nth-child(2){flex:1}.xp-title button{width:23px;height:23px;padding:0;border:2px outset #f5b4a4;border-radius:3px;background:linear-gradient(#f58f76,#d84d36);color:white;font:bold 15px Arial;cursor:pointer}.xp-body{padding:13px;background:#ece9d8;color:#151515;font-family:Tahoma,Arial,sans-serif;font-size:12px}.xp-body h2,.xp-body h3{color:#163e9d;margin-top:0}.muted{color:#626262;font-size:10px;line-height:1.45}.guide-grid{display:grid;grid-template-columns:1fr 190px;gap:14px}.mini-status{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;border:1px solid #9ba6bd;background:#f5f5ee;padding:9px}.system-props{display:grid;grid-template-columns:165px 1fr;gap:17px}.avatar-card{text-align:center;border:1px solid #a7a7a7;background:#f7f7f2;padding:12px}.pixel-avatar{font-size:58px}.avatar-card strong,.avatar-card small{display:block}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips span{border:1px solid #8fa6ce;background:#e7edfb;padding:3px 6px;color:#234274}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.project-card{border:1px solid #9ea8bb;background:#f8f8f3;padding:10px}.security-banner{padding:8px;border:1px solid #c69477;background:#fff1e4;color:#6d2e20;margin-bottom:9px}.demo-stats,.analytics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.demo-stats>div,.analytics-cards>div{border:1px solid #9ba8c3;background:#f7f8fc;padding:8px}.demo-stats b,.demo-stats span,.analytics-cards span,.analytics-cards b{display:block}.demo-stats b,.analytics-cards b{font-size:22px;color:#214598}.demo-stats span,.analytics-cards span{font-size:9px;color:#6c7891}.demo-actions{display:flex;gap:6px;flex-wrap:wrap}.win-btn{display:inline-block;color:#111;background:linear-gradient(#fff,#e1dfd3);border:2px outset white;padding:5px 9px;text-decoration:none;cursor:pointer}.win-btn:active{border-style:inset}.danger{color:#821e27}.bug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.bug-card{border:1px solid #9aa8c1;background:#f8f8f3;padding:9px;cursor:pointer}.bug-card .bug{font-size:28px}.bug-card b,.bug-card small{display:block}.bug-card small{color:#6e7686}.field-label{display:grid;gap:5px}.field-label select,.guestbook-layout input,.guestbook-layout textarea,.guestbook-layout select,.mail-form input,.mail-form textarea{width:100%;background:white;color:#111;border:2px inset #fff;padding:6px}.inspector{margin-top:9px;border:1px solid #9ea9bb;background:#fff;padding:10px}.inspector dl{display:grid;grid-template-columns:120px 1fr;gap:5px;margin:0}.inspector dt{color:#5f6d84}.inspector dd{margin:0}.farm-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}.public-farm{position:relative;height:250px;overflow:hidden;border:2px inset white;background:linear-gradient(#47427d 0 46%,#5c3f29 46% 100%)}.farm-sky{position:absolute;right:18px;top:15px;font-size:28px}.farm-ground{position:absolute;inset:46% 0 0;background:repeating-linear-gradient(165deg,#6a452a 0 3px,#44301f 4px 20px)}.crop{position:absolute;border:0;background:transparent;font-size:32px;cursor:pointer}.p1{left:18%;top:55%}.p2{left:42%;top:68%}.p3{left:64%;top:51%}.p4{left:78%;top:72%}.farm-cat{position:absolute;left:8%;bottom:7px;font-size:34px}.shop-item{display:block;width:100%;text-align:left;margin:5px 0;padding:7px;background:#f4f4ed;color:#111;border:2px outset white;cursor:pointer}.shop-item b{float:right}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px}.achievement{border:1px solid #aaa;background:#f3f3ee;padding:8px;opacity:.45}.achievement.unlocked{opacity:1;background:#fffbe1}.achievement b,.achievement small{display:block}.achievement small{color:#6e6e6e}.radio{max-width:520px}.radio-screen{border:2px inset white;background:#0c2315;color:#83ff9e;padding:10px;display:flex;justify-content:space-between;margin-bottom:7px}.radio-controls{display:flex;gap:7px}.radio-controls select{flex:1;padding:5px}.guestbook-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.guestbook-layout form,.mail-form{display:grid;gap:7px}.guestbook-layout label,.mail-form label{display:grid;gap:3px}.guestbook-layout textarea,.mail-form textarea{min-height:80px;resize:vertical}.honey{position:absolute!important;left:-10000px!important}.guestbook-entries{display:grid;gap:6px}.guest-entry{border:1px dotted #999;padding:7px;background:#fff}.guest-entry small{display:block;color:#777;margin-top:4px}.newspaper{background:#e7dfbf;color:#2d2b26;font-family:Georgia,serif}.newspaper h2{text-align:center;font-size:40px;border-bottom:4px double #332f27;margin-bottom:2px}.dateline{text-align:center;font-size:10px}.news-columns{columns:3 180px;column-gap:16px}.news-columns section{break-inside:avoid}.news-columns h3{font-size:14px}.incident-list{display:grid;gap:7px}.incident-list>div{display:grid;grid-template-columns:14px 1fr;gap:2px 7px;border:1px solid #a1aec6;background:#fafafa;padding:7px}.incident-list small{grid-column:2;color:#777}.incident-dot{width:10px;height:10px;border-radius:50%;margin-top:2px}.incident-dot.good{background:#4ed27f}.incident-dot.warn{background:#e8b642}.analytics-cards{grid-template-columns:repeat(4,1fr)}.analytics-room{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.analytics-room section{border:1px solid #a3aec2;background:#f8f8f3;padding:8px}.bar-list{display:grid;gap:5px}.bar-item{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:10px}.bar-track{grid-column:1/-1;height:6px;background:#ddd;border:1px solid #aaa}.bar-track i{display:block;height:100%;background:#4277d4}.arcade-board{height:230px;position:relative;border:2px inset white;background:repeating-linear-gradient(0deg,#071039 0 20px,#0b164d 21px);overflow:hidden;margin:8px 0}.arcade-board button{position:absolute;border:0;background:transparent;font-size:30px;cursor:pointer}.arcade-hud{color:#243f79}

/* ===== Windows XP taskbar ===== */
.taskbar{position:fixed;left:0;right:0;bottom:0;height:40px;z-index:4000;display:flex;align-items:center;background:linear-gradient(#2d76df 0,#1d65d0 14%,#0d55c7 55%,#104caf 100%);border-top:2px solid #78a7ef;box-shadow:0 -2px 6px #0005;font:11px Tahoma,Arial,sans-serif}.xp-start{height:38px;min-width:92px;border:0;border-radius:0 18px 18px 0;background:linear-gradient(#68bd54,#3b9d3e 52%,#2c8633);color:white;font:bold italic 15px Tahoma;text-shadow:1px 1px #185c20;box-shadow:inset 0 1px #a8e19a,inset -2px 0 #2a762d;cursor:pointer}.xp-logo{display:inline-grid;place-items:center;width:20px;height:20px;background:linear-gradient(135deg,#f15023 0 50%,#80cc28 50%);color:#fff;margin-right:4px;font-style:normal}.task-buttons{flex:1;display:flex;gap:3px;padding:2px 6px;min-width:0;overflow:hidden}.task-buttons button{height:30px;min-width:115px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:white;background:linear-gradient(#367fe4,#1b62cc);border:1px solid #7eabef;border-radius:2px;padding:4px 8px;cursor:pointer}.task-buttons button.active{background:linear-gradient(#184da8,#2868c5);border-style:inset}.system-tray{height:100%;display:flex;align-items:center;gap:5px;padding:0 8px;background:linear-gradient(#27a7e8,#0b8bd1);border-left:1px solid #7ed5fb;color:white}.tray-icon{border:0!important;background:transparent!important;color:white!important;padding:2px!important;min-width:0!important;height:auto!important;cursor:pointer}.tray-icon.static{font-size:12px}.system-tray #taskClock{padding-left:4px;white-space:nowrap}
.start-menu{position:fixed;left:0;bottom:40px;z-index:4100;width:265px;background:#f1efe6;color:#111;border:2px solid #1750ad;box-shadow:6px 7px 0 #0006;font:12px Tahoma,Arial,sans-serif}.start-user{display:flex;align-items:center;gap:9px;padding:10px;background:linear-gradient(#3c83e8,#1b5ec6);color:white;font-size:15px}.start-user span{font-size:27px}.start-menu button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:8px 10px;cursor:pointer}.start-menu button:hover{background:#316ac5;color:#fff}.start-divider{height:1px;background:#bbb;margin:3px 0}

.resident-dialog{width:min(520px,calc(100% - 28px));padding:0;border:3px solid #164eb0;background:#ece9d8;color:#111;box-shadow:8px 10px 0 #0007;font-family:Tahoma,Arial,sans-serif}.resident-dialog::backdrop{background:#00123b99}.dialog-title{background:linear-gradient(#3b82ea,#0d4cc1);color:white;font-weight:bold;padding:6px 8px}.dialog-body{padding:15px}.dialog-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}

body.purple-sky .town-map{background:linear-gradient(#54478d 0 24%,#8678a9 24% 28%,#556a64 28% 31%,#35583c 31% 100%)}body.neon-sign .map-sign{box-shadow:0 0 12px #ff63ce,4px 5px #1d342766;color:#fff}.cat-hat #mapCat .cat-face:after{content:"🎩"}

@media(max-width:1100px){.world-stage{grid-template-columns:150px minmax(590px,1fr) 155px;gap:8px}.building{transform:scale(.9);transform-origin:center bottom}.building:hover{transform:translateY(-4px) scale(.93)}.newspaper-teaser span{font-size:11px}.sticky-note{min-height:140px}.brand-plaque h1{font-size:29px}}
@media(max-width:900px){html,body{overflow:auto}.desktop-scene{height:auto;min-height:calc(100vh - 40px);overflow:visible;padding:8px 7px 52px}.world-stage{display:grid;grid-template-columns:1fr;gap:8px}.map-shell{height:72vh;min-height:560px;order:0}.left-rail,.right-rail{display:grid;grid-template-columns:repeat(2,1fr);order:1}.brand-plaque,.sticky-note,.visitor-widget,.cat-card,.newspaper-teaser,.system-widget,.radio-widget,.alert-widget{min-height:90px;margin:0}.sticky-note{min-height:120px}.cat-card,.alert-widget{margin:0}.town-map{min-height:520px}.building{transform:scale(.82)}.building:hover{transform:translateY(-3px) scale(.85)}.task-buttons button{min-width:90px}.xp-window{width:min(720px,calc(100vw - 18px))}}
@media(max-width:620px){.map-shell{height:68vh;min-height:500px}.left-rail,.right-rail{grid-template-columns:1fr}.building{transform:scale(.68);transform-origin:center bottom}.building:hover{transform:translateY(-2px) scale(.7)}.home{left:1%}.tomato{left:24%}.garage{left:4%}.lab{left:43%}.arcade{right:15%}.observatory{right:0}.post{right:28%}.library{right:0}.building-label b{font-size:16px}.task-buttons{display:none}.system-tray{margin-left:auto}.xp-start{min-width:84px}.guide-grid,.system-props,.farm-layout,.guestbook-layout,.analytics-room{grid-template-columns:1fr}.analytics-cards{grid-template-columns:repeat(2,1fr)}.news-columns{columns:1}.xp-window{top:47%;max-height:calc(100vh - 58px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.scanlines{display:none}}