@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans SC,PingFang SC,sans-serif;color:#252722;background:#d9ddcf;font-synthesis:none;--charcoal: #2d302c;--paper: #f6f0df;--paper-deep: #e8dcc1;--gold: #e3b64d;--gold-deep: #ad7923;--mint: #9ebf98;--mint-deep: #52745a;--coral: #dc7758;--water: #91bcc0;--line: rgba(47, 50, 43, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#cfd6c6}button,input{font:inherit}button{color:inherit}h1,h2,p{margin:0}.glyph{display:inline-grid;min-width:1em;place-items:center;font-family:DM Sans,sans-serif;font-size:1em;font-style:normal;line-height:1}.town-app{height:100%;display:grid;grid-template-rows:88px 54px minmax(0,1fr);background:linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),#d8ddce;background-size:32px 32px}.town-header{z-index:50;display:grid;grid-template-columns:minmax(280px,1fr) minmax(480px,1.45fr) minmax(335px,1fr);align-items:center;gap:28px;padding:12px 24px;border-bottom:1px solid rgba(45,48,44,.14);background:#f9f6ecf0;box-shadow:0 8px 30px #363a3017}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--charcoal);border-radius:18px 18px 14px 14px;background:var(--gold);box-shadow:3px 4px 0 var(--charcoal);transform:rotate(-2deg)}.brand-mark img{width:46px;transform:translateY(7px)}.brand-kicker{display:flex;align-items:center;gap:6px;color:#817b6e;font:800 8px/1 DM Sans,sans-serif;letter-spacing:.14em}.brand-kicker span{width:16px;height:5px;border-radius:10px;background:var(--coral)}.brand h1{margin-top:5px;font-size:25px;line-height:1;letter-spacing:-.04em;white-space:nowrap}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:#ffffff7a;box-shadow:inset 0 0 0 3px #fff6}.header-stat{position:relative;min-width:0;padding:9px 14px 8px}.header-stat+.header-stat:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--line)}.header-stat div{display:flex;align-items:center;gap:6px;color:#77766d;font-size:10px;white-space:nowrap}.header-stat .glyph{color:var(--gold-deep)}.header-stat strong{display:block;margin-top:3px;font:800 23px/1 DM Sans,sans-serif}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.connection-pill{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#78776f;background:#ffffff73;font-size:10px;white-space:nowrap}.connection-pill .glyph{color:var(--mint-deep);font-size:9px}.connection-pill.demo .glyph,.connection-pill.stale .glyph{color:var(--gold-deep)}.clock{min-width:75px;text-align:right}.clock strong{display:block;font:800 23px/1 DM Sans,sans-serif;letter-spacing:-.05em}.clock span{display:block;margin-top:4px;color:#838177;font-size:9px}.round-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fffaf0;cursor:pointer;box-shadow:2px 2px #2d302c26}.round-button .glyph{font-size:17px}.world-tabs{z-index:45;display:flex;justify-content:center;gap:8px;padding:8px 20px 0;background:#f9f6ecc2;pointer-events:none}.world-tabs button{height:40px;display:flex;align-items:center;gap:7px;padding:0 16px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#f4efe0c2;color:#74736a;font-size:12px;font-weight:700;cursor:pointer;pointer-events:auto;transition:.2s}.world-tabs button .glyph{font-size:15px}.world-tabs button span{min-width:20px;padding:2px 6px;border-radius:999px;background:#2d302c14;font:700 10px DM Sans,sans-serif}.world-tabs button.active{color:var(--charcoal);border-color:#2d302c47;background:#f7f1df;box-shadow:0 -3px 0 var(--gold) inset;transform:translateY(1px)}.world-viewport{position:relative;min-height:0;overflow:hidden;cursor:grab;touch-action:none;background:#bbc9b9}.world-viewport:active{cursor:grabbing}.world-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 5%,rgba(255,255,255,.72),transparent 48%),linear-gradient(180deg,#cdd8cb,#aebfab)}.world-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.world-sky,.paper-island,.map-paths,.environment-layer img,.world-node>img{transition:filter 1.4s ease,background 1.4s ease,opacity 1.4s ease}.phase-dawn .world-sky{background:radial-gradient(ellipse at 28% 8%,rgba(255,225,170,.72),transparent 40%),linear-gradient(180deg,#d7cbbb,#aebfae)}.phase-dusk .world-sky{background:radial-gradient(ellipse at 72% 10%,rgba(244,174,112,.62),transparent 44%),linear-gradient(180deg,#aaa5aa,#71847d)}.phase-night .world-sky,.phase-late-night .world-sky{background:radial-gradient(circle at 78% 12%,rgba(245,239,203,.22) 0 2%,transparent 3%),radial-gradient(ellipse at 50% 5%,rgba(83,101,126,.42),transparent 48%),linear-gradient(180deg,#29384d,#425953)}.phase-night .paper-island{filter:brightness(.68) saturate(.78) contrast(.94)}.phase-late-night .paper-island{filter:brightness(.5) saturate(.64) contrast(.92)}.phase-night .map-paths{filter:brightness(.72) saturate(.72)}.phase-late-night .map-paths{filter:brightness(.55) saturate(.58)}.phase-night .environment-layer .decorative-house{filter:brightness(.56) saturate(.65) drop-shadow(0 8px 6px rgba(18,27,31,.35))}.phase-late-night .environment-layer .decorative-house{filter:brightness(.38) saturate(.45) drop-shadow(0 8px 6px rgba(18,27,31,.4))}.phase-night .environment-layer .prop-tree,.phase-night .environment-layer .prop-shrub{filter:brightness(.52) saturate(.62)}.phase-late-night .environment-layer .prop-tree,.phase-late-night .environment-layer .prop-shrub{filter:brightness(.34) saturate(.4)}.phase-night .environment-layer .prop-lamp,.phase-late-night .environment-layer .prop-lamp{filter:brightness(1.35) drop-shadow(0 0 10px #ffd875) drop-shadow(0 0 22px rgba(255,201,89,.8))}.phase-night .guild>img,.phase-night .project-hall>img,.phase-night .skill-stall>img,.phase-night .community-hall>img{filter:brightness(.9) drop-shadow(0 14px 12px rgba(21,27,31,.3)) drop-shadow(0 0 20px rgba(255,205,96,.85))}.phase-late-night .project-hall>img,.phase-late-night .skill-stall>img,.phase-late-night .community-hall>img{filter:brightness(.42) saturate(.48) drop-shadow(0 12px 10px rgba(17,24,29,.4))}.phase-late-night .guild>img{filter:brightness(.88) drop-shadow(0 15px 12px rgba(17,24,29,.38)) drop-shadow(0 0 28px rgba(255,204,91,.95))}.phase-night .guild:after,.phase-night .project-hall:after,.phase-night .skill-stall:after,.phase-night .community-hall:after,.phase-late-night .guild:after{content:"";position:absolute;z-index:1;top:30%;right:20%;bottom:12%;left:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,218,124,.68),rgba(255,198,73,.08) 58%,transparent 72%);filter:blur(10px);pointer-events:none}.world{position:absolute;left:0;top:0;transform-origin:0 0;-webkit-user-select:none;user-select:none;will-change:transform}.paper-island{position:absolute;top:55px;right:60px;bottom:65px;left:60px;border:4px solid rgba(57,61,53,.24);border-radius:44% 43% 40% 42%/34% 31% 35% 33%;background:radial-gradient(circle at 33% 30%,rgba(255,255,255,.65),transparent 27%),radial-gradient(circle at 75% 72%,rgba(193,204,164,.45),transparent 28%),linear-gradient(145deg,#e9e7d2,#d9dec4 66%,#cad2b5);box-shadow:0 30px #899780,0 44px 45px #30372b61,inset 0 0 70px #6e7b5b29;clip-path:polygon(2% 18%,8% 6%,23% 2%,38% 5%,49% 1%,65% 4%,78% 0,93% 8%,98% 22%,96% 39%,100% 53%,95% 69%,98% 84%,88% 95%,71% 97%,58% 94%,43% 100%,29% 96%,13% 99%,3% 86%,5% 68%,0 54%,4% 38%)}.paper-island:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px dashed rgba(74,84,63,.16);border-radius:inherit}.map-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.river-shadow,.river{fill:none;stroke-linecap:round}.river-shadow{stroke:#36423a33;stroke-width:62;transform:translateY(8px)}.river{stroke:var(--water);stroke-width:50;filter:drop-shadow(0 4px 0 rgba(255,255,255,.42))}.road{fill:none;stroke:#c9b88f;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 0 rgba(74,67,52,.13))}.road.outer{stroke-width:40}.road-stitch{fill:none;stroke:#62543b40;stroke-width:2;stroke-dasharray:10 13}.world-node{position:absolute;z-index:10;margin:0;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;outline:none}.world-node img{display:block;width:100%;pointer-events:none;filter:drop-shadow(0 18px 12px rgba(45,49,40,.2))}.world-node:hover{z-index:26}.world-node:hover>img,.world-node.selected>img{filter:drop-shadow(0 22px 15px rgba(45,49,40,.26)) drop-shadow(0 0 10px rgba(255,239,151,.7));transform:translateY(-5px)}.world-node>img{transition:transform .24s ease,filter .24s ease}.node-shadow{position:absolute;z-index:-1;left:12%;right:8%;bottom:4%;height:18%;border-radius:50%;background:#3e44363b;filter:blur(10px);transform:skew(-12deg)}.guild{left:1165px;top:585px;width:470px;z-index:18}.guild img{position:relative;z-index:2}.guild-halo{position:absolute;z-index:0;left:9%;right:9%;bottom:-7%;height:63%;border:3px solid rgba(202,167,73,.58);border-radius:50%;background:radial-gradient(ellipse,#fbeeb4cc,#ddcd961a 70%);box-shadow:0 0 0 13px #fff9dc47,inset 0 0 35px #e5bc4f33}.guild-banner,.node-label{position:absolute;z-index:8;left:50%;transform:translate(-50%);color:var(--charcoal);background:#faf3df;border:2px solid var(--charcoal);box-shadow:4px 5px #2d302cbf}.guild-banner{top:-72px;bottom:auto;min-width:350px;padding:13px 30px 15px;text-align:center;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.guild-banner span,.node-label>span,.node-label>small{display:block;color:#9b6c20;font:800 8px/1.2 DM Sans,sans-serif;letter-spacing:.16em}.guild-banner strong{display:block;margin:5px 0 4px;font-size:25px;line-height:1}.guild-banner small{color:#737166;font-size:11px}.guild-desk{position:absolute;z-index:12;top:66%;display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--charcoal);border-radius:7px;background:#f7e8b8;box-shadow:2px 3px #2d302ca6;font-size:8px;font-weight:800}.guild-desk .glyph{font-size:12px}.project-desk{left:12%}.skill-desk{right:9%;background:#dce8ce}.project-node{z-index:11}.project-hall .node-label{display:none}.project-node .building-art{position:relative;z-index:2}.project-node.completed{filter:saturate(.78)}.project-flag{position:absolute;z-index:7;right:6%;top:17%;padding:5px 10px;border:1px solid var(--charcoal);border-radius:5px 5px 5px 0;color:#312e25;background:var(--gold);box-shadow:2px 3px #2d302c99;font-size:8px;font-weight:900}.tone-coral .project-flag{background:#df8365;color:#fff9e9}.tone-mint .project-flag{background:#a9c89e}.tone-stone .project-flag{background:#ddd2b9}.node-label{bottom:-48px;min-width:245px;padding:9px 13px 10px;border-width:1.5px;border-radius:8px 8px 6px 6px;box-shadow:3px 4px #2d302cad;text-align:center}.node-label:before{content:"";position:absolute;left:50%;top:-8px;width:13px;height:13px;border-left:1.5px solid var(--charcoal);border-top:1.5px solid var(--charcoal);background:#faf3df;transform:translate(-50%) rotate(45deg)}.node-label strong{display:block;margin:4px 0 5px;overflow:hidden;font-size:15px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.node-label div{display:flex;justify-content:center;gap:10px;color:#77746a}.node-label em{display:flex;align-items:center;gap:3px;font-style:normal;font-size:8px;white-space:nowrap}.node-label .glyph{font-size:8px}.resident-ring{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;pointer-events:none}.assistant-token{position:absolute;width:52px;display:grid;justify-items:center;pointer-events:none;animation:assistant-bob 2.8s ease-in-out infinite}.assistant-body{position:relative;width:38px;height:40px;overflow:hidden;border:2px solid #fff;border-radius:48% 48% 43% 43%;background:#fff;box-shadow:0 4px #2d302c33,0 0 0 1px #2d302c59}.assistant-body .assistant-fallback{position:absolute;inset:auto auto 0 50%;width:38px!important;max-width:none;transform:translate(-50%,5px)!important;filter:none!important}.assistant-body .assistant-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%;object-fit:cover;transform:none!important;filter:none!important;background:#fff}.assistant-token span{max-width:70px;margin-top:3px;padding:2px 5px;overflow:hidden;border:1px solid rgba(45,48,44,.48);border-radius:4px;color:#3c3b35;background:#faf4e2f2;box-shadow:1px 2px #2d302c33;font-size:7px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.token-1{animation-delay:-.7s}.token-2{animation-delay:-1.4s}.token-3{animation-delay:-2.1s}.resident-ring>.token-0{left:2%;bottom:-5%}.resident-ring>.token-1{right:1%;bottom:1%}.resident-ring>.token-2{left:18%;top:31%}.resident-ring>.token-3{right:14%;top:27%}.skill-stall{z-index:13}.skill-stall img{position:relative;z-index:3}.skill-count{position:absolute;z-index:8;right:-3px;top:20%;width:44px;height:44px;display:grid;place-content:center;border:2px solid var(--charcoal);border-radius:50%;color:var(--charcoal);background:var(--gold);box-shadow:3px 4px #2d302ca8;text-align:center}.skill-count strong{font:800 19px/1 DM Sans,sans-serif}.skill-count span{margin-top:2px;font-size:7px;font-weight:800}.skill-label{bottom:-34px;min-width:178px;padding:8px 12px}.skill-label strong{margin-bottom:2px}.skill-label small{color:#77746a;font:500 8px Noto Sans SC,sans-serif;letter-spacing:.06em}.floating-order{position:absolute;z-index:11;right:-55px;top:49%;width:105px;padding:6px 7px;border:1px solid var(--charcoal);border-radius:5px;color:#3d392f;background:#f7e6b5;box-shadow:3px 3px #2d302c73;transform:rotate(2deg);text-align:left}.floating-order.order-1{top:68%;right:-48px;transform:rotate(-2deg)}.floating-order i{display:block;margin-bottom:2px;color:#9a681b;font-size:7px;font-style:normal;font-weight:900}.floating-order b{display:block;overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.floating-order.offer{background:#dce9d1}.floating-order.offer i{color:var(--mint-deep)}.building-hover-card{position:absolute;z-index:30;left:50%;top:-66px;width:190px;padding:9px 11px;border:1px solid var(--charcoal);border-radius:9px;color:var(--charcoal);background:#fffaeef7;box-shadow:3px 4px #2d302c8c,0 12px 30px #2d302c2e;transform:translate(-50%,8px);text-align:left;opacity:0;transition:.2s ease;pointer-events:none}.building-hover-card:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid var(--charcoal);border-bottom:1px solid var(--charcoal);background:#fffaf0;transform:translate(-50%) rotate(45deg)}.building-hover-card>*{display:block}.building-hover-card b{font-size:11px}.building-hover-card span{margin-top:3px;color:#777267;font-size:8px}.building-hover-card em{margin-top:5px;color:#9b6c20;font-size:8px;font-style:normal;font-weight:800}.world-node:hover .building-hover-card{opacity:1;transform:translate(-50%)}.community-hall{left:880px;top:1185px;width:205px;z-index:12}.community-hall>img{position:relative;z-index:2}.community-hall span{position:absolute;left:50%;bottom:-23px;min-width:135px;padding:6px 11px;border:1px solid var(--charcoal);border-radius:6px;background:#f7efdb;box-shadow:2px 3px #2d302c80;transform:translate(-50%);text-align:center}.community-hall small,.community-hall strong{display:block}.community-hall small{color:#8b742e;font-size:7px}.community-hall strong{font-size:12px}.environment-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.environment-layer img{position:absolute;filter:drop-shadow(0 7px 5px rgba(43,50,40,.18))}.environment-layer .decorative-house{z-index:1;filter:saturate(.78) drop-shadow(0 8px 6px rgba(43,50,40,.17))}.environment-layer .prop-lamp{z-index:4;filter:drop-shadow(0 4px 3px rgba(43,50,40,.22))}.environment-layer .prop-bench{z-index:3}.environment-layer .prop-tree,.environment-layer .prop-shrub{z-index:2}.environment-layer .prop-bridge{z-index:8;transform:rotate(-11deg);transform-origin:50% 50%;filter:drop-shadow(0 9px 6px rgba(43,50,40,.28))}.wanderers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.wanderer{position:absolute;left:0;top:0;width:52px;height:65px;margin:0;padding:0;border:0;background:transparent;offset-rotate:0deg;transform:scale(var(--walk-scale, .9));animation:town-walk var(--walk-duration, 100s) linear var(--walk-delay, 0s) infinite alternate;pointer-events:auto;cursor:pointer}.wanderer .assistant-token{left:0;top:0}.wanderer:hover,.wanderer:focus-visible,.wanderer.selected{z-index:52;animation-play-state:paused;outline:none}.wanderer:hover .assistant-body,.wanderer:focus-visible .assistant-body,.wanderer.selected .assistant-body{box-shadow:0 5px #2d302c33,0 0 0 3px var(--gold),0 0 18px #e3b64dd9}.wanderer:hover .assistant-token span,.wanderer:focus-visible .assistant-token span,.wanderer.selected .assistant-token span{max-width:110px;padding:3px 7px;font-size:9px}.thought-bubble{position:absolute;left:42px;top:-22px;width:112px;padding:6px 8px;border:1px solid var(--charcoal);border-radius:9px 9px 9px 2px;background:#fff9e9;box-shadow:2px 3px #2d302c47;font-size:7px;font-weight:700;white-space:nowrap;animation:thought-fade 6s ease-in-out infinite}.route-0{offset-path:path("M 450 770 C 730 500 1050 470 1400 510 C 1780 460 2150 540 2380 810")}.route-1{offset-path:path("M 430 980 C 700 1240 1120 1320 1590 1250 C 1980 1310 2250 1160 2380 920")}.route-2{offset-path:path("M 530 720 L 1400 850 L 2160 940")}.route-3{offset-path:path("M 920 1280 L 1400 850 L 1400 430")}.route-4{offset-path:path("M 1850 1270 L 1400 850 L 540 720")}.route-5{offset-path:path("M 420 850 C 780 720 1080 820 1400 850 C 1740 880 2020 800 2410 820")}.route-6{offset-path:path("M 700 1170 C 900 930 1150 930 1400 850 C 1680 760 1950 790 2250 1050")}.route-7{offset-path:path("M 830 480 C 1040 650 1160 760 1400 850 C 1650 950 1830 1110 2050 1260")}.route-8{offset-path:path("M 470 690 C 650 560 780 620 930 710 C 1090 805 1230 830 1400 850")}.route-9{offset-path:path("M 1400 850 C 1540 720 1700 590 1880 560 C 2070 530 2240 650 2360 790")}.route-10{offset-path:path("M 470 1020 C 620 1090 760 1070 900 980 C 1060 880 1220 850 1400 850")}.route-11{offset-path:path("M 1400 850 C 1570 900 1720 1010 1860 1140 C 1990 1255 2160 1190 2320 1050")}.route-12{offset-path:path("M 910 1250 C 1010 1120 1120 1030 1220 960 C 1300 900 1350 870 1400 850")}.route-13{offset-path:path("M 1400 850 C 1420 720 1420 610 1400 490 C 1380 390 1510 380 1640 440")}.route-14{offset-path:path("M 620 570 C 850 420 1120 400 1400 470 C 1650 410 1900 430 2130 570")}.route-15{offset-path:path("M 2130 1150 C 1930 1240 1740 1260 1570 1210 C 1400 1160 1250 1110 1080 1150")}.route-16{offset-path:path("M 360 860 C 560 820 740 780 900 820 C 1080 860 1240 860 1400 850")}.route-17{offset-path:path("M 2440 860 C 2250 900 2070 970 1900 980 C 1700 990 1540 920 1400 850")}.district-sign{position:absolute;z-index:24;min-width:270px;display:flex;align-items:center;gap:13px;padding:13px 19px 13px 13px;border:2px solid var(--charcoal);border-radius:11px;background:#f4ead2;box-shadow:5px 6px #2d302cb8,0 14px 24px #2d302c1f}.district-sign>div{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#fff9e8;background:var(--charcoal)}.district-sign .glyph{font-size:22px}.district-sign span>*{display:block}.district-sign small{color:#9c6c20;font:800 8px DM Sans,sans-serif;letter-spacing:.15em}.district-sign strong{margin:3px 0;font-size:21px}.district-sign em{color:#77746a;font-size:9px;font-style:normal}.projects-sign{left:550px;top:405px;transform:translate(-50%) rotate(-1deg)}.skills-sign{left:2195px;top:735px;transform:translate(-50%) rotate(1deg)}.skills-sign>div{color:#273329;background:var(--mint)}.mode-projects .skills-layer,.mode-projects .skills-sign,.mode-projects .community-hall{opacity:.28;filter:grayscale(.65)}.mode-skills .projects-layer,.mode-skills .projects-sign,.mode-skills .community-hall{opacity:.24;filter:grayscale(.65)}.projects-layer,.skills-layer,.community-hall,.district-sign{transition:opacity .35s ease,filter .35s ease}.map-tools{position:absolute;z-index:60;left:22px;bottom:60px;display:grid;grid-template-columns:38px 48px 38px;overflow:hidden;border:1px solid rgba(45,48,44,.24);border-radius:12px;background:#faf6eaf0;box-shadow:0 12px 28px #33392e2e;cursor:default}.map-tools button{height:38px;display:grid;place-items:center;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.map-tools button:hover,.map-tools button.active{background:#eadfbd}.map-tools button:nth-of-type(3),.map-tools button:nth-of-type(4){border-top:1px solid var(--line)}.map-tools button:nth-of-type(3){grid-column:1 / 2}.map-tools button:nth-of-type(4){grid-column:2 / 4}.map-tools .glyph{font-size:16px}.map-tools span{display:grid;place-items:center;border-right:1px solid var(--line);color:#77746a;font:700 10px DM Sans,sans-serif}.search-panel{position:absolute;z-index:62;left:22px;bottom:160px;width:310px;height:45px;display:grid;grid-template-columns:26px 1fr 30px;align-items:center;padding:0 8px 0 11px;border:1px solid rgba(45,48,44,.3);border-radius:12px;background:#fffaf0;box-shadow:0 14px 34px #31372d33}.search-panel>.glyph{color:#888276}.search-panel input{width:100%;border:0;outline:0;color:var(--charcoal);background:transparent;font-size:11px}.search-panel button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.town-event-toast{position:absolute;z-index:59;left:22px;top:22px;width:292px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(45,48,44,.3);border-radius:12px;background:#fff9e8f2;box-shadow:4px 5px #2d302c80,0 14px 34px #1f282333;cursor:default;pointer-events:none;animation:town-event-enter .45s ease both}.town-event-toast>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:#fff7dc;background:var(--charcoal)}.town-event-toast .glyph{font-size:17px}.town-event-toast small,.town-event-toast strong{display:block}.town-event-toast small{color:#a06e1d;font-size:7px;font-weight:900;letter-spacing:.08em}.town-event-toast strong{margin-top:3px;overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.town-event-toast.event-skill>span{color:#263329;background:var(--mint)}.town-event-toast.event-community>span{background:var(--coral)}.town-event-toast.event-guild>span{color:#332a18;background:var(--gold)}.world.event-project .project-hall>img,.world.event-skill .skill-stall>img,.world.event-community .community-hall>img,.world.event-guild .guild>img{animation:town-event-building 1.8s ease-in-out 2}.detail-panel{position:absolute;z-index:60;right:22px;top:22px;width:330px;max-height:calc(100% - 82px);overflow:auto;padding:17px;border:1px solid rgba(45,48,44,.34);border-radius:18px 18px 14px 14px;color:var(--charcoal);background:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),#f9f2df;background-size:100% 24px;box-shadow:7px 9px #2d302ca6,0 24px 60px #262c2340;cursor:default;animation:panel-enter .3s ease both;overscroll-behavior:contain;touch-action:pan-y}.detail-panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed rgba(66,61,50,.2);border-radius:12px;pointer-events:none}.panel-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;border-bottom:2px solid rgba(45,48,44,.16)}.panel-head span{color:#a47422;font:800 8px DM Sans,sans-serif;letter-spacing:.16em}.panel-head h2{margin-top:4px;font-size:21px;line-height:1.15;letter-spacing:-.03em}.panel-head button{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#efe5cb;cursor:pointer}.panel-head .glyph{font-size:16px}.panel-intro{position:relative;margin:13px 0;color:#625f55;font-size:11px;line-height:1.8}.status-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.status-row>span:last-child{display:flex;align-items:center;gap:4px;color:#858074;font-size:8px}.status-row .glyph{font-size:10px}.status{padding:4px 8px;border:1px solid currentColor;border-radius:999px;color:#9a6a1d;background:#f4e3af;font-size:8px;font-weight:900}.status.offer{color:var(--mint-deep);background:#dce9d2}.status.paused{color:#9a6a1d;background:#f4e3af}.status.completed{color:#687063;background:#e0e3d8}.project-goal{position:relative;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(45,48,44,.18);border-radius:10px;background:#ffffff59}.project-goal .glyph{color:var(--mint-deep);font-size:20px}.project-goal span,.project-goal strong{display:block}.project-goal span{color:#8a8477;font-size:8px}.project-goal strong{margin-top:2px;font-size:11px}.panel-metrics,.panel-summary{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.panel-metrics div,.panel-summary div{padding:9px 5px;border:1px solid rgba(45,48,44,.14);border-radius:8px;background:#ffffff4d;text-align:center}.panel-metrics span,.panel-metrics b,.panel-summary span,.panel-summary strong{display:block}.panel-metrics span,.panel-summary span{color:#817d72;font-size:7px}.panel-metrics b,.panel-summary strong{margin-top:3px;font:800 16px DM Sans,sans-serif}.tag-list{position:relative;display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.tag-list span{padding:4px 7px;border-radius:5px;color:#746c5d;background:#e9dfc7;font-size:8px}.guild-actions{position:relative;display:grid;gap:8px}.guild-actions>div{display:grid;grid-template-columns:37px 1fr 16px;align-items:center;column-gap:9px;padding:10px;border:1px solid rgba(45,48,44,.18);border-radius:10px;background:#ffffff59}.guild-actions>div>span{grid-row:1 / 3;width:37px;height:37px;display:grid;place-items:center;border-radius:9px;color:#fff7dd;background:var(--charcoal)}.guild-actions>div:nth-child(2)>span{color:#29342a;background:var(--mint)}.guild-actions .glyph{font-size:17px}.guild-actions>div>.glyph{grid-column:3;grid-row:1 / 3;color:#898477}.guild-actions b{font-size:11px}.guild-actions small{color:#858074;font-size:8px}.skill-list,.project-list{position:relative;display:grid;gap:7px}.skill-list button,.project-list button{position:relative;display:grid;grid-template-columns:1fr 18px;gap:2px;padding:10px;border:1px solid rgba(45,48,44,.17);border-radius:9px;background:#ffffff59;text-align:left;cursor:pointer}.skill-list button:hover,.project-list button:hover{border-color:#9d6c208c;background:#fff7dcb8}.skill-list i{grid-column:1;width:max-content;padding:2px 5px;border-radius:4px;color:#9b6818;background:#f0dfaa;font-size:7px;font-style:normal;font-weight:900}.skill-list i.offer{color:var(--mint-deep);background:#d9e7ce}.skill-list b{grid-column:1;font-size:11px}.skill-list span{grid-column:1;color:#817d71;font-size:8px}.skill-list>button>.glyph{grid-column:2;grid-row:1 / 4;align-self:center;font-size:15px}.project-list i{grid-column:1;width:max-content;padding:2px 5px;border-radius:4px;color:#9b6818;background:#f0dfaa;font-size:7px;font-style:normal;font-weight:900}.project-list i.completed{color:#687063;background:#dfe2d6}.project-list b{grid-column:1;font-size:11px}.project-list span{grid-column:1;color:#817d71;font-size:8px}.project-list>button>.glyph{grid-column:2;grid-row:1 / 4;align-self:center;font-size:15px}.owner-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(45,48,44,.17);border-radius:10px;background:#ffffff57}.owner-card>div{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--charcoal);font-weight:900}.owner-card>div img{width:100%;height:100%;object-fit:cover;border:2px solid #fff;border-radius:inherit}.owner-card span>*{display:block}.owner-card small{color:#8a8579;font-size:7px}.owner-card b{font-size:11px}.owner-card em{color:#817d72;font-size:8px;font-style:normal}.reward-card{position:relative;margin-top:9px;padding:12px;border:1px solid #b8872f;border-radius:10px;background:#f3dfaa}.reward-card span,.reward-card strong,.reward-card em{display:block}.reward-card span{color:#8d6b2a;font-size:8px}.reward-card strong{margin:2px 0;font:800 22px DM Sans,sans-serif}.reward-card em{color:#776c58;font-size:8px;font-style:normal}.resident-profile-head{position:relative;display:flex;align-items:center;gap:13px;margin:14px 0 12px;padding:12px;border:1px solid rgba(45,48,44,.18);border-radius:12px;background:#ffffff61}.resident-profile-avatar{position:relative;width:66px;height:66px;flex:0 0 auto;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #2d302c5c,3px 4px #2d302c2e}.resident-profile-avatar img{position:absolute;width:100%;height:100%;object-fit:cover}.resident-profile-avatar .profile-fallback{object-fit:contain;transform:translateY(8px)}.resident-profile-head span{display:block;color:#9a6a1d;font-size:8px;font-weight:800}.resident-profile-head h3{margin:3px 0 2px;font-size:20px;line-height:1.1}.resident-profile-head em{color:#827d72;font-size:8px;font-style:normal}.resident-activity{position:relative;padding:10px 11px;border-left:3px solid var(--gold);border-radius:0 9px 9px 0;background:#f2e5be}.resident-activity span,.resident-activity strong{display:block}.resident-activity span{color:#8a713b;font-size:7px}.resident-activity strong{margin-top:3px;font-size:10px}.resident-metrics{margin-bottom:12px}.resident-communities{position:relative;margin-top:12px}.resident-communities>span{color:#817d72;font-size:8px}.resident-communities>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.resident-communities i{padding:4px 7px;border:1px solid rgba(82,116,90,.25);border-radius:999px;color:var(--mint-deep);background:#dfe9d7;font-size:8px;font-style:normal;font-weight:700}.resident-intro{margin:12px 0 0}.resident-intro>span,.resident-answers>span{color:#817d72;font-size:8px}.resident-intro p{margin:6px 0 0;color:#504c43;font-size:10px;line-height:1.7}.resident-tags{margin:9px 0 0}.resident-answers{display:grid;gap:7px;margin-top:12px}.resident-answers>div{padding:8px 9px;border:1px solid rgba(45,48,44,.13);border-radius:9px;background:#ffffff57}.resident-answers b{display:block;color:#8d651d;font-size:8px}.resident-answers p{margin:4px 0 0;color:#504c43;font-size:9px;line-height:1.55}.community-stack{position:relative;display:grid;gap:7px}.community-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(45,48,44,.16);border-radius:10px;background:#ffffff52}.community-logo{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:10px;color:#fff;background:var(--mint-deep);font-size:14px;font-weight:900;box-shadow:0 0 0 1px #2d302c33}.community-logo img{width:100%;height:100%;object-fit:cover}.community-row>span:nth-child(2){min-width:0}.community-row b,.community-row small{display:block}.community-row b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.community-row small{margin-top:4px;color:#7c776d;font-size:7px}.community-row em{padding:3px 6px;border-radius:999px;color:#4e704f;background:#dbe8d1;font-size:7px;font-style:normal;font-weight:800}.community-empty{padding:16px;border:1px dashed rgba(45,48,44,.2);border-radius:10px;color:#7c776d;text-align:center;font-size:9px}.map-legend{position:absolute;z-index:58;right:22px;bottom:18px;display:flex;align-items:center;gap:13px;padding:7px 11px;border:1px solid rgba(45,48,44,.2);border-radius:9px;color:#6f7067;background:#faf6eae6;box-shadow:0 8px 22px #30362b1f;font-size:8px;cursor:default}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend em{padding-left:9px;border-left:1px solid var(--line);font-style:normal}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.legend-dot.bounty{background:var(--mint-deep)}.legend-dot.paused{background:var(--gold-deep)}.legend-dot.completed{background:#7d8578}.map-hint{position:absolute;z-index:65;left:50%;top:24px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(45,48,44,.22);border-radius:999px;color:#605f57;background:#fffaeeeb;box-shadow:0 8px 24px #353a3024;transform:translate(-50%);font-size:9px;animation:hint-out 7s both;pointer-events:none}.map-hint .glyph{font-size:13px}@keyframes assistant-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes town-walk{0%{offset-distance:0%}9%{offset-distance:15%}24%{offset-distance:15%}42%{offset-distance:48%}53%{offset-distance:48%}69%{offset-distance:76%}87%{offset-distance:76%}96%,to{offset-distance:100%}}@keyframes thought-fade{0%,15%,85%,to{opacity:0;transform:translateY(4px)}25%,75%{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translate(18px) rotate(.5deg)}}@keyframes hint-out{0%,75%{opacity:1}to{opacity:0}}@keyframes town-event-enter{0%{opacity:0;transform:translateY(-8px) rotate(-1deg)}}@keyframes town-event-building{0%,to{transform:translateY(0)}45%{transform:translateY(-7px);filter:drop-shadow(0 0 22px rgba(255,207,91,.95))}}@media(max-width:1250px){.town-header{grid-template-columns:minmax(250px,1fr) minmax(390px,1.4fr) auto;gap:15px;padding-inline:15px}.header-actions .connection-pill,.clock span{display:none}.detail-panel{width:300px}}@media(max-width:900px){.town-app{grid-template-rows:76px 50px minmax(0,1fr)}.town-header{grid-template-columns:1fr auto}.overview-stats{display:none}.brand-mark{width:46px;height:46px}.brand h1{font-size:20px}.detail-panel{top:auto;right:12px;left:12px;bottom:13px;width:auto;max-height:42%}.map-legend{display:none}.map-tools{left:12px;bottom:12px}.world-tabs button{padding-inline:10px;font-size:10px}}