/* The interface shares the village's pine greens, timber tones and lamplight. */
:root{--pine:#192e24;--deep:#10231d;--gold:#d9b579;--cream:#f0e7d1;--sage:#9baa8b}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sidebar{position:relative;background:radial-gradient(ellipse at 0 10%,#42604428,transparent 60%),linear-gradient(155deg,#243b2c,#13271f 85%);color:var(--cream);border-right:1px solid #ddbc7c3b;padding:28px 30px 18px;box-shadow:15px 0 50px #10241c20}.sidebar:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}.sidebar>*{position:relative}.brand{align-items:center;color:#f0e5cd;font-size:32px;letter-spacing:-.5px;gap:12px}.brand-icon{width:34px;height:45px;display:block;color:var(--gold)}.brand-icon svg{width:100%;height:100%}.brand-sub{font-size:7px;letter-spacing:2.1px;color:#b4b79d;margin-top:8px}.brand-stamp{font-family:Onest,sans-serif;font-size:6px;letter-spacing:1.3px;line-height:1.7;margin-left:auto;border:1px solid #d9b57945;border-radius:50%;width:44px;height:44px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);color:#b9a675}.intro{margin:34px 0 16px}.eyebrow{font-size:7px;letter-spacing:1.6px;color:#c5bb96}.eyebrow i{background:#ddb77c;box-shadow:0 0 10px #ddbd7d55}h1{font-size:62px;line-height:.96;letter-spacing:-2.5px;margin:21px 0 17px;color:#f2e9d6;text-shadow:0 3px 24px #0002}h1 em{color:#dfbb7e}.intro p{font-size:10px;line-height:1.9;color:#a6b29a}.forest-divider{display:flex;align-items:center;gap:14px;margin-top:21px;opacity:.6}.forest-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b2945b)}.forest-divider span:last-child{transform:rotate(180deg)}.forest-divider svg{width:14px;height:21px;color:#c5a66f}label{color:#b7c1a8;font-size:9px;letter-spacing:.15px;margin-bottom:9px}.searchbox{background:#0c211b7a;border-color:#9baf833d;box-shadow:inset 0 1px 8px #07171022;border-radius:8px;padding:6px 6px 6px 12px}.searchbox>span{color:#b9aa7d}.searchbox input{color:#efead9;font-size:11px}.searchbox input::placeholder{color:#81947e}.searchbox button{background:#d9b579;color:#253a29;box-shadow:0 2px 12px #d9b57916}.search-status{color:#d8bd8a;font-size:9px;min-height:11px}.list-head{margin:15px 0 11px}.list-head h2{font-family:Georgia,serif;font-size:20px;color:#e1dbc4}.list-head span{color:#a9b799;background:#a5b68610;border:1px solid #a4b48425;font-size:6px;letter-spacing:1px;padding:5px 6px}.filters{border-bottom:1px solid #a7b08c23;padding-bottom:9px;gap:3px;margin-bottom:3px}.filters button{font-size:9px;color:#8d9f84;padding:7px 10px}.filters button.active{background:#7d92672a;color:#dac895}.house-list{scrollbar-color:#6b7c53 #1a2d21}.house-row{border-bottom:1px solid #9eac8319;padding:11px 3px;gap:11px}.house-row:hover,.house-row.current{background:#b4be8d12}.house-row strong{font-size:10px;color:#e2e1ca}.house-row small{font-size:8px;color:#7f957a}.house-row b{color:#b1a277}.house-icon{width:36px;height:36px;background:linear-gradient(145deg,#b59a6633,#6b805f14);border:1px solid #c0a37335;color:#d2b278;font-size:20px;border-radius:7px;box-shadow:0 0 16px #dbb77606}.invitation{display:flex;align-items:center;gap:11px;padding:12px 0 0;font-size:8px;line-height:1.6;color:#8b9f80;flex-shrink:0}.invitation strong{font-weight:400;color:#b9c2a3}.invitation-symbol{color:#d5b579;font-size:26px}.join-button{background:linear-gradient(120deg,#ddbf88,#c5a16c);color:#263b2b;border:1px solid #f5ddab63;box-shadow:0 5px 24px #0002,inset 0 1px 0 #ffe7bc77;margin-top:13px;border-radius:7px;font-size:10px;padding:13px 15px;letter-spacing:.1px}.join-button:hover{background:linear-gradient(120deg,#ecd2a2,#d7b57b);box-shadow:0 4px 25px #e2be7e18}.join-button span{font-size:18px}footer{color:#698166;font-size:7px;margin-top:11px}.world{background:#597263}.world-shade{background:linear-gradient(180deg,#152f2980,transparent 30%,transparent 58%,#0c251f9c),linear-gradient(90deg,#17372740,transparent 20%)}.world-border{pointer-events:none;position:absolute;z-index:1;inset:13px;border:1px solid #e9d7a51b;border-radius:2px}.world-top{top:30px;left:32px;right:30px}.location{gap:10px;font-family:Georgia,serif;font-size:20px;color:#f5ecd3}.location>span{width:25px;height:35px;color:#dbc58b}.location svg{width:100%;height:100%}.location small{font-family:Onest,sans-serif;font-size:6px;letter-spacing:1.7px;color:#d2d8bd;margin-top:7px}.round-text{border-color:#d6c39549;background:#152f2480;color:#e8ddbe;font-size:9px;padding:12px 15px;backdrop-filter:blur(12px)}.house-label{background:linear-gradient(140deg,#f6edda,#ded4b8);border:1px solid #fff5dba6;border-radius:8px;color:#36432b;box-shadow:0 5px 22px #14281955,0 0 0 3px #f5e6be0a;padding:8px 12px;font-size:10px;transition:opacity .2s,background .2s,box-shadow .2s}.house-label small{color:#8f805b;letter-spacing:1.3px;font-size:5px;margin-bottom:4px}.house-label.free{background:linear-gradient(140deg,#233d2deF,#182f25ee);border-color:#bdb4826e;color:#e6d6a8;box-shadow:0 5px 18px #10281c44}.house-label.free small{color:#9eaa83}.house-label.active{background:linear-gradient(140deg,#f8dda0,#ddbb7b);box-shadow:0 0 0 4px #e9c58122,0 0 26px #f1cc7d33}.map-note{font-family:Onest,sans-serif;font-size:7px;letter-spacing:1.8px;bottom:100px;color:#dbd8b9}.map-note small{font-family:Georgia,serif;font-size:17px;font-style:italic;color:#efe6cb;margin-top:8px;opacity:.85}.live-dot{width:4px;height:4px;background:#e2bf7b;box-shadow:0 0 12px #f5c96f}.view-controls{border-color:#c3b38347;background:#142b22bd;box-shadow:0 8px 28px #0002;padding:4px;border-radius:7px;bottom:39px}.view-controls button{font-size:9px;color:#b3bea2;padding:10px 16px}.view-controls button.selected{background:#dfc798;color:#2f432e}.zoom-controls{gap:6px}.zoom-controls button{background:#173326d9;border:1px solid #c7ba8b61;color:#e3d3ac;border-radius:7px;backdrop-filter:blur(10px);width:36px;height:36px;box-shadow:0 5px 15px #0002}.zoom-controls button:hover{background:#39533b}.bottom-caption{font-size:7px;color:#d8dcc08c;bottom:17px}.house-card{background:linear-gradient(145deg,#f6eedb,#e5dcc5);border-color:#ffefd4bb;padding:25px;border-radius:11px;box-shadow:0 15px 80px #0c231c80}.card-cabin{display:flex;align-items:center;gap:14px;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #9a8f6740;color:#9b8155}.card-cabin svg{width:40px;height:40px}.card-cabin span{font-size:6px;letter-spacing:1.5px;line-height:1.9;color:#9b9274}.house-card .eyebrow{font-size:6px;letter-spacing:1.3px;color:#8b876a}.house-card h2{color:#34412b;font-size:26px}.house-card p{color:#7d8069;font-size:10px}.house-card .badge{background:#a0ac7e25;color:#78835c}.card-action{color:#6d7852;border-top-color:#a9aa803b}.close{color:#8f9378}.house-card .close{top:14px;right:14px}dialog{background:radial-gradient(ellipse at top,#2d4530,#162c22);border-color:#a69a6977;color:#e9e2c8;box-shadow:0 30px 150px #0006}dialog::backdrop{background:#0a2119dc}dialog h2{font-size:35px;color:#f2e6ca}dialog em{color:#dabc80}dialog p,dialog li{color:#a8b79a;font-size:11px}dialog .eyebrow{font-size:7px;color:#bdac80}.dialog-emblem{display:flex;justify-content:center;margin-bottom:24px}.dialog-emblem svg{width:35px;height:47px;color:#d2b57b}.honest-note{background:#c8d1a90e;border:1px solid #a6b18527;color:#82967a;font-size:9px}dialog .close{color:#a7b394}dialog .join-button{margin-top:20px}.loading{background:radial-gradient(ellipse at 50% 25%,#34513b,#13291f);color:#eadfbd}.loading-pine{width:44px;height:58px;color:#cfb277;margin-bottom:14px}.loading strong{font-size:31px}.loading>span:last-child{color:#8ca283;font-size:10px}.spinner{border-top-color:#d9bc83}.mobile-title{color:#eadbb6}.mobile-title em{color:#d4b97f}
@media(min-height:900px){.intro{margin-top:45px}.house-row{padding:15px 3px}}
@media(max-width:900px){.sidebar{padding:24px 21px 16px}.brand{font-size:28px}.brand-stamp{display:none}h1{font-size:55px}.intro{margin-top:29px}.world-top{left:22px;right:22px}.location{font-size:17px}.location small{font-size:5px}.round-text{font-size:0}.round-text span{font-size:16px}.map-note small{font-size:15px}.house-card{bottom:145px}.card-cabin{padding-bottom:10px;margin-bottom:13px}}
@media(max-width:600px){.app{background:var(--deep)}.sidebar{padding:16px 18px 13px;border-right:0;border-bottom:1px solid #cfb6804d;gap:0 9px;box-shadow:0 8px 35px #10241c44}.brand{font-size:27px;gap:8px}.brand-icon{width:27px;height:37px}.brand-sub{font-size:5px;letter-spacing:1.5px;margin-top:6px}.sidebar>.join-button{font-size:9px;padding:10px 12px;border-radius:6px;gap:10px}.sidebar>.join-button span{font-size:16px}.intro,.invitation{display:none}#searchForm{margin-top:14px}label{font-size:8px;letter-spacing:.3px;margin-bottom:7px}.searchbox{padding:4px 5px 4px 11px;border-radius:7px}.searchbox input{font-size:11px}.searchbox>span{font-size:23px}.searchbox button{height:30px;width:31px}.search-status{margin:4px 0;min-height:0}.world{height:calc(100dvh - 158px);min-height:460px}.world-top{top:24px;left:22px;right:21px}.world-border{inset:9px}.location{font-size:16px;gap:8px}.location>span{width:18px;height:27px}.location small{font-size:5px;letter-spacing:1.3px}.round-text{padding:9px 11px}.mobile-title{top:84px;left:22px;font-size:29px;line-height:1.04;font-family:Georgia,serif;letter-spacing:-.5px;text-shadow:0 2px 15px #122b26cc}.mobile-title em{font-size:25px}.world-shade{background:linear-gradient(180deg,#0f2a23a8,transparent 40%,transparent 60%,#10291fbb)}.house-label{font-size:9px;padding:7px 10px}.house-label small{font-size:4.5px;margin-bottom:3px}.map-note{left:22px;bottom:98px;font-size:6px;letter-spacing:1.4px}.map-note small{font-size:15px;margin-top:7px}.view-controls{left:22px;bottom:39px}.view-controls button{padding:10px 15px}.zoom-controls{right:21px;bottom:40px}.zoom-controls button{width:34px;height:34px}.bottom-caption{left:22px;right:22px;bottom:18px;font-size:6px}.house-card{bottom:140px;left:21px;right:21px;padding:21px;border-radius:10px}.card-cabin{gap:12px;padding-bottom:10px;margin-bottom:14px}.card-cabin svg{width:31px;height:31px}.card-cabin span{font-size:5px}.house-card h2{font-size:27px}.house-card p{font-size:11px}.house-card .eyebrow{font-size:6px}.house-card .close{top:13px}.card-action{font-size:10px}dialog{padding:29px 25px}dialog h2{font-size:30px}.dialog-emblem{margin-bottom:20px}dialog p,dialog li{font-size:11px}}