:root{
  --bg:#09111f; --panel:#111c2e; --panel2:#0e1726; --text:#ecf4ff; --muted:#91a4bd;
  --line:rgba(255,255,255,.09); --accent:#55e6c1; --accent2:#ffb86b; --danger:#ff6b7a;
  --shadow:0 18px 60px rgba(0,0,0,.35); --radius:24px;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top left,#14395a 0,#09111f 38%,#060a12 100%);color:var(--text);min-height:100vh}
.shell{max-width:1180px;margin:0 auto;padding:28px}.hero{display:flex;gap:20px;justify-content:space-between;align-items:stretch;margin-bottom:20px}.eyebrow{margin:0 0 8px;color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}h1,h2{margin:0}h1{font-size:clamp(34px,7vw,70px);letter-spacing:-.06em}h2{font-size:24px;letter-spacing:-.03em}.span-2{grid-column:span 2}.muted{color:var(--muted);line-height:1.5}.small{font-size:13px}.grid{display:grid;gap:18px}.top-grid{grid-template-columns:2fr 1fr}.main-grid{grid-template-columns:420px 1fr;margin-top:18px}.card,.clock-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.card{padding:22px}.clock-card{min-width:270px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.time{font-size:52px;font-weight:900;letter-spacing:-.06em}.date{font-size:16px;color:var(--text);font-weight:700}.tz{color:var(--muted);font-size:13px;margin-top:4px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}button{border:0;border-radius:999px;padding:11px 16px;background:linear-gradient(135deg,var(--accent),#7dd3fc);color:#041018;font-weight:900;cursor:pointer}button.ghost{background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--line)}button.danger{background:rgba(255,107,122,.16);color:#ffd3d8;border:1px solid rgba(255,107,122,.35)}.limit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.limit{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:16px}.limit-title{display:flex;justify-content:space-between;color:var(--muted);font-weight:700}.bar{height:12px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:14px 0}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.limit strong{font-size:32px}.reset{font-size:12px;color:var(--muted)}.topics{display:flex;flex-direction:column;gap:10px}.topic{padding:14px;border-radius:18px;background:var(--panel2);border:1px solid var(--line);cursor:pointer;transition:.15s}.topic:hover{border-color:rgba(85,230,193,.5);transform:translateY(-1px)}.topic-top{display:flex;justify-content:space-between;gap:10px}.pill{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.08);padding:4px 9px;color:var(--muted);font-size:12px;margin:6px 5px 0 0}.focus{color:var(--muted);font-size:13px;line-height:1.4;margin-top:7px}.news-list{display:flex;flex-direction:column;gap:18px}.news-topic{border-top:1px solid var(--line);padding-top:18px}.news-topic:first-child{border-top:0;padding-top:0}.query{color:var(--muted);font-size:12px;margin:4px 0 10px}.article{display:block;text-decoration:none;color:var(--text);padding:12px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid transparent;margin-bottom:8px}.article:hover{border-color:rgba(85,230,193,.35);background:rgba(85,230,193,.06)}.article-title{font-weight:800}.meta{color:var(--muted);font-size:12px;margin-top:5px}.xbox{margin-top:10px;padding:10px;border-radius:14px;background:rgba(255,184,107,.08);border:1px solid rgba(255,184,107,.18);font-size:13px;color:#ffd9ac}.calendar-note{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:16px;color:var(--muted);line-height:1.5}.skeleton{color:var(--muted)}dialog{border:0;border-radius:24px;padding:0;background:transparent;color:var(--text);max-width:min(620px,92vw);width:620px}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.modal-card{background:#101a2b;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}label{display:block;color:var(--muted);font-weight:700;margin:14px 0 6px}input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#09111f;color:var(--text);padding:12px;font:inherit}textarea{resize:vertical}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.modal-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.spacer{flex:1}.span-2{grid-column:span 2}@media(max-width:900px){.hero,.top-grid,.main-grid{grid-template-columns:1fr;display:grid}.clock-card{align-items:flex-start}.limit-list{grid-template-columns:1fr}.shell{padding:16px}.main-grid{margin-top:18px}}

.head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tesla-note{color:var(--muted);line-height:1.5}.tesla-name{font-weight:900;margin-bottom:10px}.battery-circle{--pct:0;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;margin:12px 0;background:conic-gradient(var(--accent) calc(var(--pct)*1%),rgba(255,255,255,.08) 0);position:relative}.battery-circle:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel)}.battery-circle.cached:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1px dashed rgba(255,184,107,.75)}.battery-circle span{position:relative;font-size:30px;font-weight:900}.tesla-stats{display:grid;gap:6px;margin:8px 0 10px}.news-summary{background:rgba(85,230,193,.08);border:1px solid rgba(85,230,193,.18);border-radius:18px;padding:14px;margin-bottom:14px}.news-topic-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.news-boxes{display:grid;gap:12px;margin-top:12px}.news-item{display:block;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:14px;transition:.18s ease}.news-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.news-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.done{background:linear-gradient(135deg,#55e6c1,#9ef7df);white-space:nowrap}.smallbtn{padding:8px 12px;font-size:12px}.readlink{color:var(--accent);font-weight:800;text-decoration:none}.news-detail{margin-top:12px;padding:12px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid var(--line);color:var(--text);line-height:1.55}.news-detail[hidden]{display:none}.article-title{font-weight:900;line-height:1.25}.meta{color:var(--muted);font-size:12px;margin-top:5px}.xbox{margin-top:12px;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px}.query{font-size:12px;color:var(--muted);line-height:1.4}@media(max-width:720px){.news-item-top{display:block}.done{margin-top:10px;width:100%}.head-actions{justify-content:flex-start}.main-grid,.top-grid{grid-template-columns:1fr}.hero{display:block}.clock-card{margin-top:16px;align-items:flex-start}.limit-list{grid-template-columns:1fr}}


/* Game Lab / Anno-style island prototype */
.game-grid{grid-template-columns:1fr;margin-top:18px}.game-card{background:linear-gradient(135deg,rgba(85,230,193,.08),rgba(255,184,107,.06)),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 16px;background:linear-gradient(135deg,var(--accent),#7dd3fc);color:#041018;font-weight:900;text-decoration:none;white-space:nowrap}.anno-body{background:radial-gradient(circle at 25% 5%,#2f6f8f 0,#12334b 25%,#07101d 62%,#04070d 100%)}.anno-shell{max-width:1440px;margin:0 auto;padding:24px}.anno-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-bottom:18px}.backlink{color:var(--accent);font-weight:900;text-decoration:none;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:10px 14px}.anno-topbar h1{font-size:clamp(32px,5vw,56px)}.anno-status{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.anno-status span{background:rgba(3,8,14,.55);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 13px;color:#d9e8f4}.anno-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:stretch}.build-panel{background:linear-gradient(180deg,rgba(30,47,43,.92),rgba(12,20,25,.96));border:1px solid rgba(234,202,139,.28);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.38)}.build-tile{width:100%;display:grid;grid-template-columns:46px 1fr;gap:12px;text-align:left;align-items:center;border-radius:18px;background:rgba(238,211,148,.11);border:1px solid rgba(238,211,148,.28);color:var(--text);margin:14px 0;padding:12px}.build-tile.active{box-shadow:0 0 0 2px rgba(255,184,107,.45) inset}.build-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#8d5230,#d59d62);font-size:24px}.build-tile small{display:block;color:#b9c7d5;margin-top:3px}.build-hint{font-size:13px;line-height:1.45;color:#c4d0dc;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;margin:12px 0}.island-stage{position:relative;min-height:72vh;overflow:hidden;border-radius:30px;border:1px solid rgba(159,219,255,.22);box-shadow:var(--shadow);background:radial-gradient(circle at 55% 42%,rgba(86,164,195,.35),transparent 35%),linear-gradient(135deg,#123f62,#0a223c 55%,#061523)}.sea-layer{position:absolute;inset:0;background:repeating-linear-gradient(145deg,rgba(255,255,255,.045) 0 2px,transparent 2px 25px);opacity:.6;animation:seaDrift 9s linear infinite}.island-grid{--cols:26;position:absolute;left:50%;top:50%;transform:translate(-50%,-48%) rotateX(58deg) rotateZ(45deg);transform-style:preserve-3d;display:grid;grid-template-columns:repeat(var(--cols),28px);grid-auto-rows:28px;filter:drop-shadow(0 28px 28px rgba(0,0,0,.38))}.iso-cell{width:29px;height:29px;border:1px solid rgba(0,0,0,.17);border-radius:3px;padding:0;position:relative;background:transparent;color:#173311;transform-style:preserve-3d}.iso-cell.water{pointer-events:none;border-color:rgba(255,255,255,.035);background:rgba(40,128,164,.18)}.iso-cell.grass{background:linear-gradient(145deg,#5f9a46,#93be62)}.iso-cell.sand{background:linear-gradient(145deg,#c8aa65,#ead08a)}.iso-cell.forest{background:linear-gradient(145deg,#2f713d,#5b9342);cursor:not-allowed}.iso-cell.rock{background:linear-gradient(145deg,#6c706b,#96988e);cursor:not-allowed}.tree,.rockmark{display:block;transform:rotateZ(-45deg) rotateX(-58deg);font-size:18px;line-height:1;color:#123b1e;text-shadow:0 1px 0 rgba(255,255,255,.12)}.rockmark{color:#4a4d48}.preview-ok{outline:3px solid rgba(85,230,193,.95);z-index:3}.preview-bad{outline:3px solid rgba(255,107,122,.95);z-index:3}.occupied{background:linear-gradient(145deg,#6d8d4f,#8fb66a)}.building-origin{z-index:6}.anno-house{position:absolute;left:-8px;top:-20px;width:58px;height:50px;transform:translateZ(24px) rotateZ(-45deg) rotateX(-58deg);transform-style:preserve-3d;pointer-events:none}.anno-house:before{content:"";position:absolute;left:8px;bottom:0;width:38px;height:30px;background:linear-gradient(145deg,#d7c69b,#8d6f4d);border:2px solid rgba(53,34,21,.45);border-radius:3px}.anno-house i{position:absolute;left:3px;bottom:26px;width:48px;height:22px;background:linear-gradient(145deg,#8f2f24,#c65b37);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 0 rgba(0,0,0,.18))}.anno-house b{position:absolute;left:21px;bottom:0;width:10px;height:15px;background:#51351f;border-radius:2px}.build-toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%) translateY(16px);opacity:0;background:rgba(5,12,20,.82);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:12px 18px;color:#fff;font-weight:800;transition:.2s ease}.build-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes seaDrift{from{background-position:0 0}to{background-position:90px 45px}}@media(max-width:900px){.anno-topbar{grid-template-columns:1fr}.anno-status{justify-content:flex-start}.anno-layout{grid-template-columns:1fr}.build-panel{order:2}.island-stage{min-height:58vh}.island-grid{grid-template-columns:repeat(var(--cols),20px);grid-auto-rows:20px}.iso-cell{width:21px;height:21px}.anno-house{scale:.78}}

/* Anno Premium Fullscreen v2 */
.anno-fullscreen{overflow:hidden;height:100vh;width:100vw;background:#071a24;color:#f4ead7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.anno-game{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,#8cc7d8 0%,#3e91a9 18%,#0c4565 49%,#06304f 100%)}.anno-sky{position:absolute;inset:0 0 55%;background:radial-gradient(circle at 72% 14%,rgba(255,237,178,.9),rgba(255,237,178,.16) 12%,transparent 27%),linear-gradient(180deg,#c4edf2 0%,#65abc3 55%,rgba(21,82,111,0) 100%);opacity:.72}.anno-sun{position:absolute;right:13vw;top:7vh;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#fff4bd 0,#ffd98b 42%,rgba(255,217,139,0) 70%);filter:blur(.5px);opacity:.7}.anno-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,transparent 0 42%,rgba(2,9,17,.18) 72%,rgba(1,5,10,.55) 100%)}.anno-hud{position:absolute;z-index:30}.anno-hud-top{left:18px;right:18px;top:14px;display:flex;align-items:center;gap:14px}.anno-back{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,rgba(73,47,25,.92),rgba(31,21,15,.96));border:1px solid rgba(255,213,137,.48);box-shadow:0 9px 24px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.18);color:#ffe3ad;text-decoration:none;font-size:24px;font-weight:900}.anno-title-block{background:linear-gradient(180deg,rgba(30,22,15,.78),rgba(11,17,20,.72));border:1px solid rgba(255,222,154,.34);box-shadow:0 16px 42px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.13);border-radius:18px;padding:12px 18px;backdrop-filter:blur(10px)}.anno-title-block h1{font-size:clamp(24px,3.4vw,42px);letter-spacing:-.045em;line-height:1;color:#fff0cf;text-shadow:0 2px 0 rgba(76,43,18,.55),0 12px 26px rgba(0,0,0,.24)}.anno-title-block span{display:block;margin-top:5px;color:#d5c09a;font-size:13px}.anno-kicker{margin:0 0 4px;color:#f6c36a;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.16em}.resource-bar{margin-left:auto;display:flex;gap:8px;align-items:center}.resource-bar div{min-width:94px;padding:9px 13px;border-radius:14px;background:linear-gradient(180deg,rgba(58,37,19,.89),rgba(20,19,16,.9));border:1px solid rgba(255,218,143,.35);box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.14)}.resource-bar small{display:block;color:#cfae78;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em}.resource-bar strong{display:block;color:#fff3d1;font-size:20px;line-height:1.05}.anno-world{position:absolute;inset:0;overflow:hidden;perspective:1200px}.ocean{position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 55% 48%,rgba(255,255,255,.12) 0 1px,transparent 1px 34px),linear-gradient(135deg,rgba(41,156,184,.8),rgba(5,45,79,.98));filter:saturate(1.15)}.ocean-a{animation:oceanFlow 18s linear infinite}.ocean-b{opacity:.38;background:repeating-linear-gradient(25deg,transparent 0 28px,rgba(255,255,255,.16) 29px 31px,transparent 32px 68px);animation:oceanSlide 13s linear infinite}.cloud{position:absolute;z-index:2;width:240px;height:70px;border-radius:999px;background:rgba(255,255,255,.42);filter:blur(14px);opacity:.42}.c1{left:9vw;top:12vh;animation:cloudDrift 48s linear infinite}.c2{right:5vw;top:26vh;width:310px;opacity:.25;animation:cloudDrift 63s linear reverse infinite}.premium-grid{--tile:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-41%) rotateX(61deg) rotateZ(45deg);transform-style:preserve-3d;display:grid;grid-template-columns:repeat(var(--cols),var(--tile));grid-auto-rows:var(--tile);filter:drop-shadow(0 34px 30px rgba(0,0,0,.42)) drop-shadow(0 4px 0 rgba(31,54,28,.22));z-index:8}.premium-cell{width:calc(var(--tile) + 1px);height:calc(var(--tile) + 1px);border:0;border-radius:2px;padding:0;margin:0;position:relative;transform-style:preserve-3d;background:transparent;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(39,65,30,.17)}.premium-cell:before{content:"";position:absolute;inset:0;border-radius:2px;transform:translateZ(-4px);filter:brightness(calc(1 + var(--shade,0)*.01))}.premium-cell.water{pointer-events:none;box-shadow:none;background:rgba(12,95,127,.08)}.premium-cell.water:before{background:rgba(21,113,148,.06)}.premium-cell.grass:before{background:linear-gradient(145deg,#4d7d2f,#86b756 46%,#b9c977 100%)}.premium-cell.meadow:before{background:linear-gradient(145deg,#67863d,#c4b86a 45%,#8ab45a)}.premium-cell.sand:before{background:linear-gradient(145deg,#a98348,#e3c17b 55%,#f0d99c)}.premium-cell.forest:before{background:linear-gradient(145deg,#315d2e,#5f8d42 62%,#799a49)}.premium-cell.rock:before{background:linear-gradient(145deg,#5b625b,#8b8d7c 53%,#c4bd9c)}.premium-cell.road:before{background:linear-gradient(145deg,#6c573f,#ab8b5e)}.premium-cell.dock:before{background:linear-gradient(145deg,#664223,#a06e37)}.premium-cell.yard:before{background:linear-gradient(145deg,#75633f,#b0965d)}.premium-cell:not(.water)::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:6px;background:linear-gradient(90deg,rgba(42,69,30,.78),rgba(29,50,24,.88));transform-origin:top;transform:rotateX(-90deg);border-radius:0 0 2px 2px}.tree-clump,.rock-spire,.grass-detail,.shore-detail,.dock-planks,.cobble{position:absolute;inset:0;transform:translateZ(18px) rotateZ(-45deg) rotateX(-61deg);transform-style:preserve-3d;pointer-events:none}.tree-clump i{position:absolute;bottom:4px;width:17px;height:26px;background:linear-gradient(160deg,#1b4a2e,#2f7b3d 65%,#5f9f48);clip-path:polygon(50% 0,94% 86%,65% 78%,77% 100%,23% 100%,35% 78%,6% 86%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.28))}.tree-clump i:nth-child(1){left:2px}.tree-clump i:nth-child(2){left:11px;bottom:8px;scale:1.12}.tree-clump i:nth-child(3){left:20px;bottom:3px;scale:.9}.rock-spire i,.rock-spire b{position:absolute;background:linear-gradient(145deg,#51564f,#b4ad93);clip-path:polygon(50% 0,100% 92%,12% 100%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.rock-spire i{left:4px;bottom:3px;width:21px;height:28px}.rock-spire b{left:18px;bottom:0;width:15px;height:19px}.grass-detail:before{content:"";position:absolute;left:11px;top:6px;width:24px;height:9px;border-radius:50%;background:rgba(255,236,130,.36);box-shadow:-8px 9px rgba(68,125,50,.36)}.shore-detail:before{content:"";position:absolute;left:3px;top:13px;width:30px;height:6px;border-radius:50%;background:rgba(255,255,255,.24)}.dock-planks:before{content:"";position:absolute;left:0;right:0;top:9px;height:14px;background:repeating-linear-gradient(90deg,#6e4122 0 5px,#b1783a 5px 8px)}.cobble:before{content:"";position:absolute;inset:5px;background:radial-gradient(circle at 20% 40%,rgba(255,240,199,.25) 0 2px,transparent 3px),radial-gradient(circle at 60% 50%,rgba(255,240,199,.18) 0 2px,transparent 3px)}.preview-ok{outline:3px solid rgba(122,255,207,.95)!important;box-shadow:0 0 22px rgba(85,230,193,.62),inset 0 0 0 999px rgba(85,230,193,.08)!important;z-index:12}.preview-bad{outline:3px solid rgba(255,87,98,.95)!important;box-shadow:0 0 22px rgba(255,87,98,.55),inset 0 0 0 999px rgba(255,87,98,.12)!important;z-index:12}.building-origin{z-index:20!important}.premium-house{position:absolute;left:-15px;top:-36px;width:80px;height:78px;transform:translateZ(44px) rotateZ(-45deg) rotateX(-61deg);transform-style:preserve-3d;pointer-events:none;filter:drop-shadow(0 12px 10px rgba(0,0,0,.28))}.premium-house .shadow{position:absolute;left:7px;bottom:0;width:62px;height:22px;background:rgba(0,0,0,.18);border-radius:50%;filter:blur(4px)}.premium-house .base{position:absolute;left:14px;bottom:13px;width:46px;height:34px;background:linear-gradient(145deg,#d8c28e,#8b6f4e);border:2px solid rgba(65,42,24,.5)}.premium-house .front{position:absolute;left:14px;bottom:13px;width:46px;height:31px;background:linear-gradient(160deg,#d9c696,#b58e62)}.premium-house .side{position:absolute;left:60px;bottom:16px;width:18px;height:27px;background:linear-gradient(160deg,#9d7650,#765436);transform:skewY(-25deg)}.premium-house .roof{position:absolute;left:7px;bottom:43px;width:61px;height:30px;background:linear-gradient(150deg,#75271d,#ba4b2f 58%,#de8550);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 0 rgba(68,31,20,.5))}.premium-house .chimney{position:absolute;left:52px;bottom:57px;width:8px;height:17px;background:#694127;border-radius:1px}.premium-house .door{position:absolute;left:31px;bottom:13px;width:10px;height:17px;background:#51331e;border-radius:6px 6px 1px 1px}.premium-house .window{position:absolute;bottom:30px;width:7px;height:7px;background:#ffd98b;border:1px solid #73512f;box-shadow:0 0 8px rgba(255,205,94,.35)}.premium-house .w1{left:21px}.premium-house .w2{left:46px}.ship{position:absolute;z-index:7;width:88px;height:44px;filter:drop-shadow(0 10px 6px rgba(0,0,0,.25))}.ship i{position:absolute;left:8px;bottom:7px;width:72px;height:17px;background:linear-gradient(180deg,#6b351f,#321d14);clip-path:polygon(0 0,100% 0,80% 100%,18% 100%)}.ship b{position:absolute;left:38px;bottom:19px;width:3px;height:39px;background:#49301c}.ship em{position:absolute;left:41px;bottom:26px;width:34px;height:28px;background:linear-gradient(145deg,#fff1c6,#c89d5e);clip-path:polygon(0 0,100% 42%,0 100%)}.ship-a{right:13vw;bottom:22vh;animation:shipBob 4s ease-in-out infinite}.ship-b{left:12vw;bottom:35vh;scale:.72;opacity:.75;animation:shipBob 5.4s ease-in-out infinite reverse}.map-label{position:absolute;z-index:15;padding:7px 10px;border-radius:999px;background:rgba(35,24,16,.72);border:1px solid rgba(255,225,155,.3);color:#ffe4af;font-weight:900;font-size:12px;box-shadow:0 10px 20px rgba(0,0,0,.22);text-shadow:0 1px 0 #000}.label-harbor{left:67%;top:57%}.label-hill{left:41%;top:32%}.anno-build-dock{position:absolute;z-index:35;left:18px;bottom:18px;width:min(380px,calc(100vw - 36px));background:linear-gradient(180deg,rgba(55,35,19,.94),rgba(16,20,19,.96));border:1px solid rgba(255,216,143,.42);border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.16);padding:15px;backdrop-filter:blur(12px)}.dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dock-head h2{color:#fff0cf;font-size:24px}.dock-mini{width:42px;height:42px;border-radius:50%;padding:0;background:linear-gradient(180deg,#8e5b2f,#51331d);color:#ffe4af;border:1px solid rgba(255,216,143,.42)}.build-card{width:100%;margin-top:12px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:13px;text-align:left;border-radius:18px;border:1px solid rgba(255,217,143,.32);background:linear-gradient(180deg,rgba(255,229,157,.13),rgba(99,61,28,.18));color:#f9edcf;padding:12px;box-shadow:inset 0 1px rgba(255,255,255,.12)}.build-card.active{outline:2px solid rgba(246,195,106,.78);box-shadow:0 0 22px rgba(246,195,106,.22),inset 0 1px rgba(255,255,255,.16)}.build-card strong{display:block;font-size:17px}.build-card small{display:block;color:#d4bd91;margin-top:3px}.building-thumb{position:relative;height:58px;border-radius:14px;background:linear-gradient(145deg,#5b8541,#ceb277);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.building-thumb i{position:absolute;left:16px;top:10px;width:38px;height:25px;background:#b84a31;clip-path:polygon(50% 0,100% 100%,0 100%)}.building-thumb b{position:absolute;left:22px;top:30px;width:27px;height:21px;background:#cdb587}.dock-note{margin-top:10px;font-size:12px;color:#d7c59f;line-height:1.45}.anno-minimap{position:absolute;right:18px;bottom:18px;z-index:34;width:178px;height:126px;border-radius:20px;background:linear-gradient(145deg,rgba(8,41,56,.88),rgba(3,18,28,.94));border:1px solid rgba(160,220,230,.32);box-shadow:0 20px 44px rgba(0,0,0,.38);overflow:hidden}.mini-island{position:absolute;left:34px;top:28px;width:105px;height:68px;border-radius:48% 52% 44% 58%;background:radial-gradient(circle at 64% 54%,#c3a765 0 10%,transparent 11%),linear-gradient(145deg,#cfae65 0 16%,#6d9c49 17% 100%);transform:rotate(-9deg);box-shadow:0 0 0 7px rgba(233,208,132,.5)}.anno-minimap span{position:absolute;left:78px;top:58px;width:28px;height:18px;border:2px solid #78ffd4;border-radius:3px;box-shadow:0 0 12px rgba(120,255,212,.75)}.build-toast{z-index:36;background:linear-gradient(180deg,rgba(58,37,19,.94),rgba(15,18,18,.94));border-color:rgba(255,216,143,.42);color:#ffe8b7;box-shadow:0 14px 34px rgba(0,0,0,.35)}@keyframes oceanFlow{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(-3%,2%,0) rotate(.001deg)}}@keyframes oceanSlide{from{background-position:0 0}to{background-position:220px 120px}}@keyframes cloudDrift{from{transform:translateX(-10vw)}to{transform:translateX(20vw)}}@keyframes shipBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(8px) rotate(2deg)}}@media(max-width:1000px){.anno-hud-top{align-items:flex-start}.resource-bar{display:grid;grid-template-columns:1fr 1fr}.resource-bar div{min-width:76px}.premium-grid{--tile:18px!important;transform:translate(-50%,-43%) rotateX(61deg) rotateZ(45deg)}.anno-title-block span{display:none}.anno-minimap{display:none}.label-hill,.label-harbor{display:none}}@media(max-width:720px){.anno-title-block h1{font-size:20px}.anno-title-block{padding:10px 12px}.resource-bar{position:absolute;right:0;top:64px}.resource-bar div{padding:7px 9px}.resource-bar strong{font-size:15px}.premium-grid{--tile:14px!important;top:46%}.anno-build-dock{bottom:10px;left:10px;width:calc(100vw - 20px)}}@media(prefers-reduced-motion:reduce){.ocean-a,.ocean-b,.cloud,.ship{animation:none!important}}

/* Anno Mobile Performance + Static Premium v3 */
.anno-fullscreen *{scroll-behavior:auto}.anno-game{background:linear-gradient(180deg,#b9e2e5 0%,#70b6c6 18%,#1b6d8f 46%,#073a63 100%)}.anno-sky{background:radial-gradient(circle at 73% 13%,rgba(255,241,189,.88),rgba(255,222,141,.19) 16%,transparent 29%),linear-gradient(180deg,#d7f2ef 0%,#78b9c9 58%,rgba(26,95,126,0) 100%)}.anno-sun{filter:none}.anno-title-block,.anno-build-dock{backdrop-filter:none}.ocean{background:radial-gradient(ellipse at 48% 49%,rgba(255,244,204,.20) 0 1px,transparent 2px 34px),radial-gradient(ellipse at 62% 54%,rgba(255,255,255,.12) 0 1px,transparent 2px 46px),linear-gradient(145deg,#278aad 0%,#0e5c83 46%,#063a61 100%);filter:none}.ocean-b{opacity:.24;background:repeating-linear-gradient(28deg,transparent 0 31px,rgba(255,255,255,.18) 32px 33px,transparent 34px 82px)}.ocean-a,.ocean-b,.cloud,.ship{animation:none!important}.cloud{filter:none;background:radial-gradient(ellipse at 25% 62%,rgba(255,255,255,.34),transparent 58%),radial-gradient(ellipse at 58% 45%,rgba(255,255,255,.29),transparent 62%);opacity:.32}.premium-grid{filter:drop-shadow(0 24px 18px rgba(0,0,0,.32));will-change:auto;contain:layout style paint}.premium-cell{touch-action:manipulation;will-change:auto}.premium-cell:before{box-shadow:inset 0 1px rgba(255,255,255,.16),inset -1px -1px rgba(45,38,21,.16)}.premium-cell.grass:before{background:linear-gradient(145deg,#416f2c 0%,#78aa4d 52%,#bed17a 100%)}.premium-cell.meadow:before{background:linear-gradient(145deg,#6b8537 0%,#ccb86a 48%,#86b65b 100%)}.premium-cell.sand:before{background:linear-gradient(145deg,#9c7542 0%,#d5b16a 52%,#f4dfa6 100%)}.premium-cell.forest:before{background:linear-gradient(145deg,#254d2b 0%,#4e7d38 57%,#7ca14a 100%)}.premium-cell.rock:before{background:linear-gradient(145deg,#515850 0%,#898a78 55%,#c9c09d 100%)}.premium-cell.road:before{background:linear-gradient(145deg,#5a4937 0%,#9d8058 60%,#c1a06c 100%)}.premium-cell.dock:before{background:linear-gradient(145deg,#543119 0%,#946231 100%)}.premium-cell.yard:before{background:linear-gradient(145deg,#604f32 0%,#aa9057 62%,#d0b477 100%)}.premium-cell:not(.water)::after{height:5px;background:linear-gradient(90deg,rgba(35,58,27,.78),rgba(24,43,22,.88))}.premium-cell.sand::after{background:linear-gradient(90deg,rgba(139,101,51,.75),rgba(91,68,38,.8))}.tree-clump,.rock-spire,.grass-detail,.shore-detail,.dock-planks,.cobble{backface-visibility:hidden}.tree-clump i{filter:none}.rock-spire i,.rock-spire b{filter:none}.tree-clump i:nth-child(1){background:linear-gradient(160deg,#173a24,#2b6e35 65%,#74a84b)}.tree-clump i:nth-child(2){background:linear-gradient(160deg,#163521,#347a3a 66%,#8dbf5b)}.tree-clump i:nth-child(3){background:linear-gradient(160deg,#183d25,#286534 66%,#659940)}.shore-detail:before{height:7px;background:rgba(255,250,227,.36);box-shadow:18px -5px rgba(255,255,255,.18),-14px 8px rgba(255,255,255,.14)}.grass-detail:before{background:rgba(253,231,119,.28);box-shadow:-8px 9px rgba(55,117,45,.32),11px 6px rgba(255,244,162,.20)}.premium-house{filter:none}.premium-house .shadow{filter:none;background:rgba(0,0,0,.16)}.premium-house .roof{filter:none;background:linear-gradient(150deg,#64231c 0%,#a8422c 55%,#de8650 100%)}.premium-house .front{background:linear-gradient(160deg,#e2cfa0 0%,#b68d61 100%)}.premium-house .side{background:linear-gradient(160deg,#96704c 0%,#65472e 100%)}.ship{filter:none}.map-label,.anno-minimap,.anno-build-dock,.resource-bar div,.anno-title-block,.anno-back{box-shadow:0 8px 22px rgba(0,0,0,.24)}.build-toast{transition:opacity .12s linear;box-shadow:0 8px 22px rgba(0,0,0,.3)}.preview-ok{outline:3px solid rgba(126,255,199,.95)!important;box-shadow:inset 0 0 0 999px rgba(85,230,193,.10)!important}.preview-bad{outline:3px solid rgba(255,87,98,.95)!important;box-shadow:inset 0 0 0 999px rgba(255,87,98,.14)!important}@media(max-width:900px){.anno-sun{width:110px;height:110px}.cloud,.ship-b,.map-label{display:none}.ship-a{right:7vw;bottom:27vh;scale:.72;opacity:.65}.premium-grid{filter:none;top:45%;transform:translate(-50%,-45%) rotateX(58deg) rotateZ(45deg)}.premium-cell:not(.water)::after{height:3px}.tree-clump i{width:14px;height:21px}.rock-spire i{width:17px;height:22px}.rock-spire b{width:12px;height:15px}.anno-hud-top{left:9px;right:9px;top:8px}.anno-back{width:38px;height:38px}.anno-title-block{border-radius:14px;padding:9px 11px}.anno-build-dock{left:8px;bottom:8px;width:calc(100vw - 16px);padding:11px;border-radius:18px}.build-card{grid-template-columns:56px 1fr;padding:10px}.building-thumb{height:48px}.dock-note{display:none}.resource-bar{gap:5px}.resource-bar div{min-width:68px;padding:6px 8px}.resource-bar small{font-size:9px}.resource-bar strong{font-size:14px}.anno-minimap{display:none}.premium-house{scale:.82}.build-toast{bottom:132px}}@media(max-width:480px){.anno-title-block h1{font-size:17px}.anno-kicker{font-size:9px}.resource-bar{top:53px}.resource-bar div:nth-child(2){display:none}.premium-grid{top:44%;--tile:18px!important}.ship-a{display:none}.anno-sky{opacity:.55}.build-card small{font-size:11px}.build-card strong{font-size:15px}}

/* Anno Canvas Painter v4 */
.canvas-version .anno-game{background:#0e5b7d}.anno-canvas{position:absolute;inset:0;width:100vw;height:100vh;display:block;touch-action:manipulation;cursor:crosshair}.canvas-version .anno-hud-top,.canvas-version .anno-build-dock,.canvas-version .anno-minimap,.canvas-version .build-toast{user-select:none}.canvas-version .anno-title-block{background:linear-gradient(180deg,rgba(50,31,18,.88),rgba(22,23,20,.88));border-color:rgba(255,216,143,.44)}.canvas-version .resource-bar div{background:linear-gradient(180deg,rgba(67,41,20,.92),rgba(24,22,17,.94));border-color:rgba(255,216,143,.43)}.canvas-dock{background:linear-gradient(180deg,rgba(66,40,20,.95),rgba(18,20,18,.97));border-color:rgba(255,216,143,.48)}.canvas-version .build-card{background:linear-gradient(180deg,rgba(255,231,165,.18),rgba(100,59,25,.23));border-color:rgba(255,216,143,.42)}.canvas-version .building-thumb{background:linear-gradient(145deg,#4d7f38,#d5b471)}.canvas-version .build-toast{left:50%;bottom:24px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(60,37,19,.96),rgba(18,19,17,.96));border:1px solid rgba(255,216,143,.48);color:#ffe8b7}.canvas-version .build-toast.show{opacity:1;transform:translateX(-50%)}.canvas-minimap{background:linear-gradient(145deg,rgba(13,67,84,.9),rgba(5,25,37,.96))}@media(max-width:900px){.canvas-version .anno-title-block{max-width:54vw}.canvas-version .anno-title-block span{display:none}.canvas-version .resource-bar{right:9px;top:56px}.canvas-version .resource-bar div{box-shadow:0 5px 14px rgba(0,0,0,.22)}.canvas-version .anno-build-dock{box-shadow:0 9px 24px rgba(0,0,0,.34)}.canvas-version .build-toast{bottom:128px}.canvas-version .anno-minimap{display:none}}@media(max-width:480px){.canvas-version .anno-title-block{max-width:calc(100vw - 64px)}.canvas-version .anno-title-block h1{font-size:18px}.canvas-version .resource-bar div:nth-child(2){display:none}.canvas-version .dock-note{display:block;font-size:11px}.canvas-version .build-card{grid-template-columns:52px 1fr}.canvas-version .build-toast{bottom:138px}}

/* Anno Canvas Art Pass v5 */
.canvas-version .anno-title-block h1{color:#fff2ca;text-shadow:0 2px 0 rgba(76,43,18,.7),0 10px 24px rgba(0,0,0,.28)}.canvas-version .anno-title-block{box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.18)}.canvas-version .resource-bar div,.canvas-version .anno-build-dock{box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.14)}.canvas-version .build-card.active{outline:2px solid rgba(255,213,118,.9);box-shadow:0 0 0 4px rgba(255,213,118,.12),inset 0 1px rgba(255,255,255,.16)}.canvas-version .anno-canvas{image-rendering:auto;background:#0b5b80}.canvas-version .build-toast{font-weight:900;letter-spacing:.01em}@media(max-width:650px){.canvas-version .anno-hud-top{gap:8px}.canvas-version .anno-title-block{padding:8px 10px}.canvas-version .resource-bar{grid-template-columns:repeat(3,1fr)}.canvas-version .resource-bar div{min-width:62px}.canvas-version .resource-bar div:nth-child(2){display:none}.canvas-version .build-toast{bottom:142px}}

/* Farm fullscreen prototype v1 */
.farm-fullscreen{margin:0;overflow:hidden;height:100vh;width:100vw;background:#0d5d83;color:#fff3d7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;overscroll-behavior:none;touch-action:none}.farm-game{position:fixed;inset:0;overflow:hidden;background:#0d5d83}.farm-canvas{position:absolute;inset:0;width:100vw;height:100vh;display:block;cursor:grab;touch-action:none}.farm-canvas:active{cursor:grabbing}.farm-topbar{position:absolute;z-index:20;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;pointer-events:none}.farm-topbar>*{pointer-events:auto}.farm-back,.farm-round{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,234,170,.68);background:linear-gradient(180deg,#8b5a2a,#4c2e18);box-shadow:0 8px 0 rgba(82,45,19,.45),0 14px 28px rgba(0,0,0,.28),inset 0 2px rgba(255,255,255,.24);color:#fff0bd;text-decoration:none;font-size:25px;font-weight:1000;padding:0}.farm-player-pill,.farm-resources,.farm-tip-panel,.farm-build-dock,.farm-toast{border:2px solid rgba(117,69,25,.28);box-shadow:0 12px 0 rgba(84,54,25,.20),0 22px 42px rgba(0,0,0,.22),inset 0 2px rgba(255,255,255,.34);background:linear-gradient(180deg,rgba(255,244,202,.96),rgba(238,181,90,.96));color:#593619}.farm-player-pill{display:flex;align-items:center;gap:10px;border-radius:999px;padding:7px 15px 7px 7px;min-width:156px}.avatar-seal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ff7b41,#be3f24);color:#fff5d7;font-weight:1000;border:2px solid rgba(255,255,255,.55);box-shadow:inset 0 -3px rgba(89,32,14,.22)}.farm-player-pill p,.farm-kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:1000;color:#9e622c}.farm-player-pill strong{display:block;font-size:16px;line-height:1}.farm-resources{margin-left:auto;display:flex;gap:8px;padding:7px;border-radius:999px}.farm-resources div{min-width:86px;text-align:center;border-radius:999px;padding:7px 12px;background:linear-gradient(180deg,#fff5ce,#ffd987);box-shadow:inset 0 -2px rgba(102,62,24,.13)}.farm-resources small{display:block;color:#98612d;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.farm-resources strong{font-size:18px;color:#4b2e16}.farm-tip-panel{position:absolute;z-index:18;left:max(18px,env(safe-area-inset-left));top:94px;width:min(330px,calc(100vw - 36px));border-radius:26px;padding:16px 18px}.farm-tip-panel h1{font-size:clamp(22px,3vw,32px);letter-spacing:-.04em;color:#553214;text-shadow:0 1px rgba(255,255,255,.45)}.farm-tip-panel span{display:block;margin-top:6px;color:#744f2a;font-weight:800;line-height:1.35}.farm-build-dock{position:absolute;z-index:22;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:12px;padding:10px;border-radius:30px}.farm-build-card{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;min-width:220px;text-align:left;border-radius:22px;border:2px solid rgba(138,80,27,.22);background:linear-gradient(180deg,#fff2c3,#ffca69);color:#563113;padding:8px 12px 8px 8px;box-shadow:inset 0 2px rgba(255,255,255,.42),0 5px 0 rgba(133,80,27,.24)}.farm-build-card.active{outline:4px solid rgba(255,247,120,.92);background:linear-gradient(180deg,#fff7d2,#ffc24b)}.farm-build-card strong{display:block;font-size:15px}.farm-build-card small{display:block;color:#8e5b27;font-weight:800;font-size:12px;margin-top:2px}.farm-thumb{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#83bd4c,#e2c376);position:relative;box-shadow:inset 0 2px rgba(255,255,255,.38),inset 0 -3px rgba(78,54,22,.14)}.farm-thumb:before{content:"";position:absolute;left:12px;right:12px;bottom:11px;height:23px;background:#ecc684;clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%)}.farm-thumb:after{content:"";position:absolute;left:8px;right:8px;top:14px;height:16px;background:#d94d2f;clip-path:polygon(0 100%,50% 0,100% 100%)}.barn-thumb:before{background:#bb3e2b}.barn-thumb:after{background:#7e251e}.farm-zoom-controls{position:absolute;z-index:22;right:max(16px,env(safe-area-inset-right));top:116px;display:grid;gap:12px}.farm-toast{position:absolute;z-index:30;left:50%;bottom:112px;transform:translate(-50%,12px) scale(.98);border-radius:999px;padding:12px 20px;font-weight:1000;opacity:0;transition:.18s ease;pointer-events:none}.farm-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}@media(max-width:760px){.farm-topbar{gap:7px}.farm-player-pill{min-width:0;padding-right:10px}.farm-player-pill div{display:none}.farm-resources{gap:5px;padding:5px}.farm-resources div{min-width:66px;padding:6px 8px}.farm-resources div:nth-child(1){display:none}.farm-resources strong{font-size:15px}.farm-round,.farm-back{width:43px;height:43px;font-size:22px}.farm-tip-panel{top:70px;padding:12px 14px;border-radius:20px;width:min(290px,calc(100vw - 30px))}.farm-tip-panel h1{font-size:20px}.farm-tip-panel span{font-size:12px}.farm-build-dock{width:calc(100vw - 20px);overflow-x:auto;justify-content:flex-start;border-radius:24px;padding:8px}.farm-build-card{min-width:176px;grid-template-columns:48px 1fr;padding:7px}.farm-thumb{width:48px;height:48px;border-radius:15px}.farm-zoom-controls{right:10px;top:auto;bottom:128px}.farm-toast{bottom:104px;max-width:calc(100vw - 28px);white-space:nowrap}}@media(max-height:620px){.farm-tip-panel{display:none}.farm-build-dock{bottom:8px}.farm-toast{bottom:92px}}
/* Farm premium tactile controls v2 */
.farm-topbar{filter:drop-shadow(0 6px 12px rgba(46,32,14,.18))}.farm-back,.farm-round,.farm-build-card{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.farm-back:active,.farm-round:active,.farm-build-card:active{transform:translateY(4px) scale(.98);filter:saturate(1.12)}.farm-build-dock{padding:12px;gap:12px;border-radius:28px;background:linear-gradient(180deg,rgba(255,244,202,.98),rgba(221,144,57,.98));box-shadow:0 12px 0 rgba(111,68,28,.36),0 28px 58px rgba(20,32,22,.30),inset 0 2px rgba(255,255,255,.50)}.farm-build-card{min-height:76px;border-radius:22px;background:linear-gradient(180deg,#fff5c9,#e5a755);border:2px solid rgba(123,74,29,.30);box-shadow:inset 0 2px rgba(255,255,255,.60),0 7px 0 rgba(135,78,32,.28);color:#583214}.farm-build-card.active{background:linear-gradient(180deg,#fff9d5,#ffc05c);box-shadow:0 0 0 4px rgba(255,246,141,.52),0 8px 0 rgba(134,76,31,.36),0 20px 30px rgba(82,54,23,.24),inset 0 2px rgba(255,255,255,.70)}.farm-thumb{position:relative;overflow:hidden;box-shadow:inset 0 -4px rgba(86,50,20,.22),0 5px 10px rgba(72,43,18,.20)}.farm-thumb:after{content:"";position:absolute;left:18%;right:18%;top:16%;height:32%;border-radius:4px 4px 8px 8px;background:linear-gradient(180deg,#f45f38,#9e2e22);transform:skewY(-12deg);box-shadow:0 12px #f2ce8b}.barn-thumb:after{background:linear-gradient(180deg,#8d251f,#c94d31);box-shadow:0 12px #b43d2d}.farm-tip-panel{max-width:min(330px,calc(100vw - 28px));backdrop-filter:blur(6px)}.farm-toast{font-weight:1000;letter-spacing:.01em}@media(max-width:700px){.farm-topbar{gap:7px}.farm-player-pill{min-width:0;padding-right:10px}.farm-player-pill strong{font-size:14px}.farm-resources{position:absolute;right:0;top:58px;margin-left:0}.farm-resources div{min-width:58px}.farm-tip-panel{left:14px;right:auto;top:128px;padding:10px 12px}.farm-tip-panel h1{font-size:16px}.farm-tip-panel span{display:none}.farm-build-dock{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr}.farm-build-card{min-height:70px;padding:8px}.farm-zoom-controls{right:10px;bottom:116px}}

/* Farm premium scene depth v3 */
.farm-game:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 76% 12%,rgba(255,247,196,.32),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 28%);mix-blend-mode:screen}.farm-canvas{z-index:0}.farm-topbar,.farm-tip-panel,.farm-build-dock,.farm-zoom-controls,.farm-toast{z-index:5}.farm-resources div{position:relative;overflow:hidden}.farm-resources div:before{content:"";position:absolute;left:8px;top:8px;width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,#fff4a8,#d98b2c);box-shadow:0 1px 0 rgba(255,255,255,.65) inset}.farm-resources div:nth-child(2):before{background:linear-gradient(180deg,#c98b4b,#754519);border-radius:4px}.farm-resources div:nth-child(3):before{background:linear-gradient(180deg,#ff9db3,#d75074)}.farm-resources small,.farm-resources strong{padding-left:16px}.farm-round:hover,.farm-build-card:hover{filter:brightness(1.05) saturate(1.08)}.farm-tip-panel{animation:farmTipIn .5s cubic-bezier(.2,.9,.2,1) both}.farm-build-dock{animation:farmDockIn .45s cubic-bezier(.2,.9,.2,1) both}@keyframes farmDockIn{from{transform:translateX(-50%) translateY(26px);opacity:.1}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes farmTipIn{from{transform:translateY(-10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.farm-tip-panel,.farm-build-dock{animation:none}}

/* Farm premium mill + path iteration v4 */
.farm-build-dock{grid-template-columns:repeat(3,minmax(170px,1fr));max-width:min(760px,calc(100vw - 28px))}.windmill-thumb:after{content:"";position:absolute;left:23%;right:23%;top:20%;height:28%;border-radius:8px 8px 5px 5px;background:linear-gradient(180deg,#79bfdc,#3d7f9d);transform:skewY(-10deg);box-shadow:0 14px #f1d9a6}.windmill-thumb:before{content:"";position:absolute;left:50%;top:16%;width:5px;height:34px;background:#70431e;border-radius:5px;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 2px rgba(255,243,192,.28),0 0 0 999px transparent}.farm-build-card small{color:#7a4c22}.farm-build-card strong{line-height:1.05}.farm-tip-panel{box-shadow:0 10px 0 rgba(111,68,28,.24),0 24px 48px rgba(20,32,22,.24),inset 0 2px rgba(255,255,255,.48)}@media(max-width:760px){.farm-build-dock{grid-template-columns:repeat(3,1fr);padding:8px;gap:8px}.farm-build-card{min-height:68px;padding:8px 7px}.farm-thumb{width:42px;height:42px}.farm-build-card strong{font-size:12px}.farm-build-card small{font-size:10px}}@media(max-width:430px){.farm-build-card{grid-template-columns:1fr;justify-items:center;text-align:center}.farm-build-card span:last-child{display:block}.farm-thumb{width:40px;height:40px}}

/* Farm animal showcase + richer player badge v5 */
.farm-player-pill{align-items:center}.farm-player-pill>div{min-width:82px}.farm-xp{display:block;width:86px;height:8px;margin-top:4px;border-radius:999px;background:rgba(100,58,21,.22);box-shadow:inset 0 1px 2px rgba(86,48,18,.28),0 1px rgba(255,255,255,.35);overflow:hidden}.farm-xp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#58d55f,#f7e35c);box-shadow:0 0 8px rgba(255,237,94,.72)}.farm-build-dock:before{content:"BAUEN";position:absolute;left:22px;top:-16px;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#ffefad,#d88434);border:2px solid rgba(123,74,29,.32);color:#6b3b18;font-size:11px;font-weight:1000;letter-spacing:.14em;box-shadow:0 5px 0 rgba(111,68,28,.24),0 12px 20px rgba(20,32,22,.16)}.farm-build-dock{position:absolute}@media(max-width:700px){.farm-xp{width:62px;height:7px}.farm-build-dock:before{left:16px;top:-13px;font-size:10px;padding:5px 11px}}

/* Farm premium HUD framing + quest card v6 */
.farm-quest-card{position:absolute;z-index:6;right:max(18px,env(safe-area-inset-right));top:188px;width:min(315px,calc(100vw - 36px));display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;border-radius:26px;padding:15px 16px 14px 14px;border:2px solid rgba(118,70,26,.34);background:linear-gradient(180deg,#fff8d3,#eca94f);box-shadow:0 10px 0 rgba(111,68,28,.34),0 25px 50px rgba(23,35,23,.30),inset 0 2px rgba(255,255,255,.62);color:#593619;animation:farmQuestIn .58s cubic-bezier(.2,.9,.18,1) both}.quest-ribbon{position:absolute;right:18px;top:-13px;border-radius:999px;padding:5px 12px;background:linear-gradient(180deg,#ff7f52,#cf4129);border:2px solid rgba(255,238,181,.70);box-shadow:0 5px 0 rgba(108,44,21,.24);color:#fff5cf;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.quest-medal{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff8b8 0 16%,#ffd75c 17% 48%,#d98932 73%);border:2px solid rgba(123,74,29,.28);box-shadow:inset 0 2px rgba(255,255,255,.65),0 7px 0 rgba(129,77,31,.23);color:#8a4b1c;font-size:28px;text-shadow:0 1px rgba(255,255,255,.75)}.farm-quest-card strong{display:block;color:#4f2c12;font-size:16px;line-height:1.08}.farm-quest-card small{display:block;margin-top:4px;color:#805126;font-weight:850;line-height:1.25}.quest-progress{display:block;height:10px;margin-top:9px;border-radius:999px;background:rgba(95,56,21,.20);box-shadow:inset 0 1px 2px rgba(74,41,16,.30),0 1px rgba(255,255,255,.42);overflow:hidden}.quest-progress i{display:block;width:44%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56d765,#ffe15e);box-shadow:0 0 10px rgba(255,227,94,.75)}.farm-side-actions{position:absolute;z-index:6;right:max(18px,env(safe-area-inset-right));top:355px;display:grid;gap:11px}.farm-side-actions button{width:48px;height:48px;padding:0;border-radius:17px;border:2px solid rgba(117,69,25,.30);background:linear-gradient(180deg,#fff2bd,#df903c);box-shadow:0 7px 0 rgba(111,68,28,.28),0 15px 28px rgba(20,32,22,.20),inset 0 2px rgba(255,255,255,.52);color:#633816;font-size:20px;text-shadow:0 1px rgba(255,255,255,.45);transition:transform .12s ease,filter .12s ease}.farm-side-actions button:active{transform:translateY(4px) scale(.98);filter:saturate(1.12)}.farm-foreground{position:absolute;z-index:4;inset:0;pointer-events:none;overflow:hidden}.leaf{position:absolute;width:86px;height:36px;border-radius:90% 12% 90% 12%;background:linear-gradient(135deg,#2d7837,#8ad750 58%,#d8ef80);filter:drop-shadow(0 10px 10px rgba(20,40,18,.26));opacity:.84;transform-origin:10% 90%}.leaf:after{content:"";position:absolute;left:12px;right:13px;top:17px;height:2px;border-radius:999px;background:rgba(255,248,180,.42);transform:rotate(-8deg)}.leaf-a{left:-24px;bottom:108px;transform:rotate(-28deg) scale(1.25)}.leaf-b{left:24px;bottom:58px;transform:rotate(-8deg) scale(.95)}.leaf-c{right:-30px;bottom:120px;transform:rotate(206deg) scale(1.35)}.leaf-d{right:32px;bottom:62px;transform:rotate(188deg) scale(.92)}.leaf-e{left:38%;top:-18px;transform:rotate(82deg) scale(.70);opacity:.35}@keyframes farmQuestIn{from{transform:translateX(18px) scale(.98);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}.farm-zoom-controls{left:max(18px,env(safe-area-inset-left));right:auto;top:auto;bottom:128px}@media(max-width:900px){.farm-quest-card{display:none}.farm-side-actions{right:10px;top:auto;bottom:220px}.farm-side-actions button{width:43px;height:43px;border-radius:15px}.leaf-a,.leaf-c{bottom:96px}.leaf-b,.leaf-d{display:none}}@media(max-width:760px){.farm-zoom-controls{left:auto;right:10px;top:auto;bottom:128px}}@media(max-width:700px){.farm-side-actions{display:none}.leaf{opacity:.55}.leaf-a{left:-42px;bottom:96px;transform:rotate(-26deg) scale(.88)}.leaf-c{right:-50px;bottom:105px;transform:rotate(206deg) scale(.95)}}@media(prefers-reduced-motion:reduce){.farm-quest-card{animation:none}}

/* Farm artisan bakery build card + 4-slot dock v7 */
.farm-build-dock{grid-template-columns:repeat(4,minmax(142px,1fr));max-width:min(900px,calc(100vw - 28px))}.bakery-thumb:after{content:"";position:absolute;left:17%;right:17%;top:15%;height:31%;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#ffc85c,#d85a34);transform:skewY(-11deg);box-shadow:0 13px #f4d79d}.bakery-thumb:before{content:"";position:absolute;left:32%;top:58%;width:36%;height:18%;border-radius:999px;background:radial-gradient(circle at 35% 40%,#fff0a8 0 22%,#8a4b22 24% 34%,transparent 36%),linear-gradient(90deg,#5fc4b7 0 32%,#fff4c7 33% 66%,#e65340 67%);box-shadow:0 -17px 0 -12px rgba(100,57,24,.55),0 5px 0 rgba(103,59,25,.18)}@media(max-width:860px){.farm-build-dock{grid-template-columns:repeat(4,1fr);padding:8px;gap:8px}.farm-build-card{min-height:66px;padding:8px 6px}.farm-build-card strong{font-size:12px}.farm-build-card small{font-size:10px}.farm-thumb{width:40px;height:40px}}@media(max-width:520px){.farm-build-card span:last-child small{display:none}.farm-build-card{min-width:0}.farm-build-dock{left:8px;right:8px}}

/* Farm dock usability hotfix v8 — horizontal swipe/scroll must be reliable */
.farm-build-dock{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch;
  justify-content:flex-start;
  overflow-x:auto!important;
  overflow-y:visible;
  max-width:min(880px,calc(100vw - 24px))!important;
  width:max-content;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:pan-x!important;
  pointer-events:auto;
  scroll-snap-type:x proximity;
}
.farm-build-dock::-webkit-scrollbar{height:7px}.farm-build-dock::-webkit-scrollbar-track{background:rgba(107,62,22,.16);border-radius:999px}.farm-build-dock::-webkit-scrollbar-thumb{background:rgba(116,70,27,.45);border-radius:999px}
.farm-build-card{flex:0 0 214px;scroll-snap-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}.farm-build-card>*{pointer-events:none}.farm-build-dock[data-dragging="1"] .farm-build-card{cursor:grabbing}.farm-build-dock:after{content:"›";flex:0 0 28px;display:grid;place-items:center;color:#8a511e;font-weight:1000;font-size:30px;opacity:.72;text-shadow:0 1px rgba(255,255,255,.45)}
@media(max-width:760px){.farm-build-dock{left:10px;right:10px;transform:none;width:auto!important;max-width:none!important;padding-right:36px}.farm-build-card{flex-basis:178px}.farm-build-dock:after{position:sticky;right:0;background:linear-gradient(90deg,rgba(238,181,90,0),rgba(238,181,90,.96) 45%);border-radius:18px}}
@media(max-height:620px){.farm-build-dock{max-height:92px}.farm-build-card{min-height:68px}.farm-thumb{width:44px;height:44px}}

/* Farm visual polish v9 — warmer premium lighting + clearer dock affordance */
.farm-game:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 74% 13%,rgba(255,248,190,.30),transparent 20%),radial-gradient(circle at 40% 46%,rgba(255,228,122,.10),transparent 34%);mix-blend-mode:screen}
.farm-build-dock{cursor:grab;isolation:isolate}.farm-build-dock:active{cursor:grabbing}.farm-build-dock:before{z-index:2}.farm-build-card{position:relative;overflow:hidden}.farm-build-card:before{content:"";position:absolute;inset:5px;border-radius:17px;background:linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.26) 38%,transparent 56%);transform:translateX(-125%);transition:transform .28s ease;pointer-events:none}.farm-build-card:hover:before,.farm-build-card.active:before{transform:translateX(125%)}.farm-build-card.active{transform:translateY(-3px)}.farm-build-dock:after{position:sticky;right:-6px;z-index:3;background:linear-gradient(90deg,rgba(238,181,90,0),rgba(255,220,125,.98) 48%,rgba(221,144,57,.98));border-radius:20px;margin-left:-8px}
.farm-foreground{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.leaf{position:absolute;width:10px;height:18px;border-radius:100% 0 100% 0;background:linear-gradient(180deg,#ffe889,#79c957);filter:drop-shadow(0 2px 2px rgba(59,48,18,.22));opacity:.46;animation:farmLeafFloat 8s ease-in-out infinite}.leaf-a{left:8%;top:31%;animation-delay:-1s}.leaf-b{left:22%;top:70%;animation-delay:-3s}.leaf-c{right:17%;top:34%;animation-delay:-4.5s}.leaf-d{right:8%;top:64%;animation-delay:-6s}.leaf-e{left:48%;top:22%;animation-delay:-7s}@keyframes farmLeafFloat{0%,100%{transform:translate3d(0,0,0) rotate(-18deg)}50%{transform:translate3d(18px,-18px,0) rotate(24deg)}}@media(prefers-reduced-motion:reduce){.leaf{animation:none}.farm-build-card:before{display:none}}

/* Farm visual/usability polish v10 — luminous water + safer dock gestures */
.farm-fullscreen{touch-action:manipulation}.farm-canvas{touch-action:none}.farm-build-dock{touch-action:pan-x pinch-zoom!important;scroll-padding:0 42px;box-shadow:0 12px 0 rgba(111,68,28,.38),0 28px 58px rgba(20,32,22,.32),0 0 0 1px rgba(255,255,255,.18) inset,inset 0 2px rgba(255,255,255,.56)}
.farm-build-dock:after{content:"››";letter-spacing:-.18em;padding-right:6px;pointer-events:none}.farm-build-card{will-change:transform;outline-offset:3px}.farm-build-card:focus-visible{outline:4px solid rgba(255,255,255,.85);box-shadow:0 0 0 7px rgba(255,195,76,.48),0 8px 0 rgba(134,76,31,.36),inset 0 2px rgba(255,255,255,.70)}
.farm-build-card.active:after{content:"✓";position:absolute;right:11px;top:9px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#70de67,#288f37);border:2px solid rgba(255,255,255,.72);color:white;font-size:14px;font-weight:1000;box-shadow:0 4px 0 rgba(47,91,28,.25)}
.farm-game:before{background:radial-gradient(circle at 76% 12%,rgba(255,247,196,.40),transparent 19%),radial-gradient(circle at 30% 50%,rgba(255,232,128,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.13),transparent 28%)}
@media(max-width:760px){.farm-build-dock{scrollbar-width:none}.farm-build-dock::-webkit-scrollbar{display:none}.farm-build-card{flex-basis:172px}.farm-build-card.active{transform:translateY(-2px)}}

/* Farm polish v11 — sharper quest/HUD readability + premium dock edge cues */
.farm-quest-card{background:linear-gradient(180deg,rgba(255,250,215,.98),rgba(239,174,82,.98));border-color:rgba(119,70,25,.46);box-shadow:0 10px 0 rgba(111,68,28,.38),0 26px 54px rgba(21,33,22,.33),0 0 0 1px rgba(255,255,255,.28) inset,inset 0 2px rgba(255,255,255,.68);text-shadow:0 1px rgba(255,246,199,.55)}
.farm-quest-card strong{color:#4a2811}.farm-quest-card small{color:#6b421d}.quest-medal{filter:drop-shadow(0 6px 8px rgba(93,56,20,.18))}.quest-progress{height:11px}.quest-progress i{width:58%}
.farm-build-dock{border-color:rgba(117,69,25,.42)}.farm-build-dock:before{box-shadow:0 5px 0 rgba(111,68,28,.28),0 14px 22px rgba(20,32,22,.18),inset 0 1px rgba(255,255,255,.55)}
.farm-build-card{background:linear-gradient(180deg,#fff8cf 0%,#f4c56d 54%,#dc8e39 100%);border-color:rgba(117,69,25,.40)}.farm-build-card small{font-weight:850}.farm-build-card.active{background:linear-gradient(180deg,#fffde0 0%,#ffd06d 56%,#ee9d3e 100%)}
.farm-build-dock:after{box-shadow:-10px 0 18px rgba(221,144,57,.40);animation:farmDockNudge 1.8s ease-in-out infinite}@keyframes farmDockNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.farm-build-dock:after{animation:none}}
@media(max-width:760px){.farm-quest-card{display:none}.farm-build-dock{bottom:max(8px,env(safe-area-inset-bottom))}}

/* Farm premium building image pass v12 — real sprite assets for first-impression quality */
.farm-thumb{background-color:rgba(255,245,198,.36);background-position:center;background-repeat:no-repeat;background-size:112% 112%;border:2px solid rgba(121,72,28,.25)}
.farmhouse-thumb{background-image:url('/assets/farm-building-farmhouse.svg?v=20260713-clean-hero11')}.barn-thumb{background-image:url('/assets/farm-building-barn.svg?v=20260713-clean-hero11')}.windmill-thumb{background-image:url('/assets/farm-building-windmill.svg?v=20260713-clean-hero11');background-size:122% 122%}.bakery-thumb{background-image:url('/assets/farm-building-bakery.svg?v=20260709-premium1')}
.farm-thumb:before,.farm-thumb:after,.barn-thumb:after,.windmill-thumb:after,.windmill-thumb:before,.bakery-thumb:after,.bakery-thumb:before{display:none!important}
.farm-build-card{background:linear-gradient(180deg,#fffbd9 0%,#f7d07c 50%,#df913b 100%);box-shadow:0 8px 0 rgba(135,78,32,.32),0 16px 22px rgba(76,45,17,.20),inset 0 2px rgba(255,255,255,.74)}
.farm-build-card strong{color:#43240f;text-shadow:0 1px rgba(255,245,197,.68)}

/* Farm clean showcase v13 — fewer UI/scene distractions, buildings become the hero */
.farm-clean-showcase .farm-tip-panel,.farm-clean-showcase .farm-quest-card,.farm-clean-showcase .farm-side-actions,.farm-clean-showcase .farm-foreground{display:none!important}
.farm-clean-showcase .farm-topbar{right:auto;max-width:calc(100vw - 24px)}
.farm-clean-showcase .farm-player-pill{min-width:132px;padding-right:12px}.farm-clean-showcase .farm-player-pill p{font-size:9px}.farm-clean-showcase .farm-player-pill strong{font-size:14px}.farm-clean-showcase .farm-xp{width:66px}
.farm-clean-showcase .farm-resources{margin-left:4px;padding:6px 8px;gap:6px}.farm-clean-showcase .farm-resources div{min-width:64px;padding:7px 9px}.farm-clean-showcase .farm-resources small{font-size:9px}.farm-clean-showcase .farm-resources strong{font-size:15px}
.farm-clean-showcase .farm-build-dock{max-width:min(740px,calc(100vw - 26px))!important;background:linear-gradient(180deg,rgba(255,250,211,.98),rgba(226,151,60,.98));box-shadow:0 10px 0 rgba(111,68,28,.30),0 22px 42px rgba(20,32,22,.26),inset 0 2px rgba(255,255,255,.62)}
.farm-clean-showcase .farm-build-card{flex-basis:172px;min-height:72px}.farm-clean-showcase .farm-thumb{width:52px;height:52px;background-size:126% 126%}.farm-clean-showcase .windmill-thumb{background-size:138% 138%}
@media(max-width:760px){.farm-clean-showcase .farm-back,.farm-clean-showcase .farm-round{width:42px;height:42px}.farm-clean-showcase .farm-resources{top:52px}.farm-clean-showcase .farm-resources div:nth-child(3){display:none}.farm-clean-showcase .farm-build-card{flex-basis:154px}.farm-clean-showcase .farm-thumb{width:48px;height:48px}}

/* Farm polish v13 — painterly foreground depth + dock scroll hints */
.farm-build-dock{mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 42px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 42px),transparent 100%)}
.farm-build-card{filter:drop-shadow(0 4px 3px rgba(84,49,18,.16))}.farm-build-card.active{filter:drop-shadow(0 9px 9px rgba(116,69,25,.24)) saturate(1.06)}
.farm-tip-panel,.farm-quest-card{outline:1px solid rgba(255,255,255,.22);outline-offset:-5px}
@media(max-width:760px){.farm-build-dock{mask-image:linear-gradient(90deg,transparent 0,#000 13px,#000 calc(100% - 38px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13px,#000 calc(100% - 38px),transparent 100%)}}

/* Farm polish v14 — glossy premium HUD + clearer scrollable build dock */
.farm-player-pill,.farm-resources div,.farm-round,.farm-tip-panel,.farm-quest-card{position:relative;overflow:hidden}
.farm-build-dock{position:absolute;overflow-x:auto!important;overflow-y:visible}
.farm-player-pill:after,.farm-resources div:after,.farm-tip-panel:after,.farm-quest-card:after{content:"";position:absolute;left:8%;right:8%;top:5px;height:38%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none;mix-blend-mode:screen}
.farm-build-dock:before{content:"WISCHEN ZUM BAUEN";pointer-events:none}
.farm-build-dock .farm-build-card:first-child{margin-left:6px}.farm-build-dock .farm-build-card:last-of-type{margin-right:10px}
.farm-build-dock{background:linear-gradient(180deg,#fff2b2 0%,#f1b85d 52%,#cd762f 100%);border-color:rgba(96,54,18,.48)}
.farm-build-card{min-width:196px}.farm-build-card small:after{content:"";display:inline-block;width:18px;height:7px;margin-left:7px;border-radius:999px;background:linear-gradient(90deg,#77db63,#fff070);box-shadow:0 1px rgba(255,255,255,.55) inset;vertical-align:middle;opacity:.74}
.farm-zoom-controls .farm-round{background:linear-gradient(180deg,#fff0ad,#ca7630);color:#653517}
@media(max-width:760px){.farm-build-dock:before{content:"WISCHEN"}.farm-build-card{min-width:168px}.farm-build-card small:after{display:none}.farm-resources div:after{display:none}}

/* Farm polish v15 — always-scrollable premium dock + glassy selection feel */
.farm-build-dock{max-width:min(720px,calc(100vw - 24px))!important;scroll-behavior:smooth;gap:14px;padding-left:16px;padding-right:48px;background:linear-gradient(180deg,#fff8c8 0%,#f4c165 48%,#c9712d 100%)}
.farm-build-dock:before{background:linear-gradient(180deg,#fff8bf,#ed9b3d);border-color:rgba(103,58,19,.42)}
.farm-build-card{flex:0 0 230px;min-width:230px;min-height:82px;border-radius:24px;box-shadow:0 9px 0 rgba(125,70,27,.34),0 18px 26px rgba(58,36,16,.22),inset 0 2px rgba(255,255,255,.78)}
.farm-build-card.active{box-shadow:0 0 0 4px rgba(255,248,154,.56),0 10px 0 rgba(125,70,27,.38),0 24px 34px rgba(73,45,18,.26),inset 0 2px rgba(255,255,255,.84)}
.farm-thumb{width:52px;height:52px;border-radius:18px;filter:drop-shadow(0 5px 4px rgba(82,46,17,.22))}
.farm-build-dock:after{flex-basis:46px;font-size:34px;background:linear-gradient(90deg,rgba(244,193,101,0),rgba(255,235,143,.98) 46%,rgba(201,113,45,.98))}
@media(max-width:760px){.farm-build-dock{max-width:none!important;gap:10px;padding-left:12px;padding-right:44px}.farm-build-card{flex-basis:184px;min-width:184px}.farm-thumb{width:44px;height:44px}}
@media(min-width:900px){.farm-build-dock{left:50%;right:auto;transform:translateX(-50%);width:min(720px,calc(100vw - 24px))!important}}

/* Farm polish v16 — living scene glints + explicit scroll-edge feedback */
.farm-build-dock.can-scroll-left{box-shadow:inset 24px 0 22px -22px rgba(80,43,13,.48),0 12px 0 rgba(111,68,28,.38),0 28px 58px rgba(20,32,22,.32),inset 0 2px rgba(255,255,255,.56)}
.farm-build-dock.can-scroll-right{box-shadow:inset -30px 0 24px -24px rgba(80,43,13,.52),0 12px 0 rgba(111,68,28,.38),0 28px 58px rgba(20,32,22,.32),inset 0 2px rgba(255,255,255,.56)}
.farm-build-dock.can-scroll-left.can-scroll-right{box-shadow:inset 24px 0 22px -22px rgba(80,43,13,.48),inset -30px 0 24px -24px rgba(80,43,13,.52),0 12px 0 rgba(111,68,28,.38),0 28px 58px rgba(20,32,22,.32),inset 0 2px rgba(255,255,255,.56)}
.farm-build-dock.can-scroll-left:before{content:"← WISCHEN ZUM BAUEN"}.farm-build-dock.can-scroll-left.can-scroll-right:before{content:"↔ WISCHEN"}.farm-build-dock.can-scroll-right:after{opacity:.95}.farm-build-dock:not(.can-scroll-right):after{opacity:.18;animation:none}

/* Farm polish v17 — premium sun bloom, tactile dock depth, safer horizontal gestures */
.farm-game{background:#0c6388}
.farm-game:after{background:radial-gradient(circle at 75% 12%,rgba(255,250,196,.42),transparent 19%),radial-gradient(circle at 42% 44%,rgba(255,220,112,.16),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.10),transparent 30%)}
.farm-player-pill,.farm-resources div,.farm-round,.farm-tip-panel,.farm-quest-card,.farm-build-dock{filter:saturate(1.04)}
.farm-build-dock{border-width:3px;border-color:rgba(93,52,17,.52);background:linear-gradient(180deg,#fffbd0 0%,#f8cf75 42%,#df9440 74%,#bd6427 100%);box-shadow:0 13px 0 rgba(103,58,21,.42),0 28px 64px rgba(14,31,23,.36),0 0 0 1px rgba(255,255,255,.26) inset,inset 0 3px rgba(255,255,255,.70);contain:layout paint;touch-action:pan-x!important}
.farm-build-dock:before{top:-17px;background:linear-gradient(180deg,#fffbd0,#f2a346);border:2px solid rgba(99,56,18,.46);text-shadow:0 1px rgba(255,246,199,.65)}
.farm-build-dock.can-scroll-left:before{content:"← WISCHEN"}.farm-build-dock.can-scroll-left.can-scroll-right:before{content:"↔ WISCHEN"}.farm-build-dock.can-scroll-right:before{content:"WISCHEN →"}
.farm-build-card{border-width:3px;background:linear-gradient(180deg,#fffde3 0%,#f9d987 46%,#eaa34b 78%,#cf7832 100%);transform:translateZ(0);transition:transform .14s cubic-bezier(.2,.9,.2,1),filter .14s ease,box-shadow .14s ease}
.farm-build-card:hover{transform:translateY(-2px)}.farm-build-card:active{transform:translateY(5px) scale(.985)}
.farm-build-card.active{transform:translateY(-5px) scale(1.015);border-color:rgba(255,246,154,.92);box-shadow:0 0 0 4px rgba(255,248,154,.62),0 13px 0 rgba(125,70,27,.38),0 28px 38px rgba(69,42,16,.27),inset 0 3px rgba(255,255,255,.86)}
.farm-thumb{background-color:rgba(255,249,208,.55);box-shadow:inset 0 -5px rgba(93,51,18,.20),0 7px 10px rgba(77,43,15,.24),0 0 0 1px rgba(255,255,255,.26)}
.farm-toast{bottom:max(126px,calc(env(safe-area-inset-bottom) + 126px));background:linear-gradient(180deg,#fff8cd,#df8d3b);border-color:rgba(96,54,18,.48);box-shadow:0 8px 0 rgba(97,56,22,.34),0 20px 36px rgba(17,31,22,.24),inset 0 2px rgba(255,255,255,.62)}
.farm-zoom-controls{right:max(16px,env(safe-area-inset-right));bottom:max(132px,calc(env(safe-area-inset-bottom) + 132px));filter:drop-shadow(0 10px 16px rgba(38,27,14,.24))}
@media(max-width:760px){.farm-toast{bottom:max(114px,calc(env(safe-area-inset-bottom) + 114px))}.farm-zoom-controls{bottom:max(116px,calc(env(safe-area-inset-bottom) + 116px))}.farm-build-dock{border-width:2px}.farm-build-card.active{transform:translateY(-3px)}}

/* Farm polish v18 — focused scroll dock + keyboard/trackpad affordance */
.farm-build-dock:focus-visible{outline:4px solid rgba(255,255,255,.74);outline-offset:5px;box-shadow:0 0 0 8px rgba(255,204,83,.35),0 13px 0 rgba(103,58,21,.42),0 28px 64px rgba(14,31,23,.36),inset 0 3px rgba(255,255,255,.70)}
.farm-build-dock .farm-build-card{cursor:pointer}.farm-build-dock[data-dragging="1"]{cursor:grabbing}.farm-build-dock[data-dragging="1"] .farm-build-card{pointer-events:none;filter:saturate(1.02) brightness(.98)}
.farm-build-dock.can-scroll-right:after{filter:drop-shadow(0 3px 3px rgba(91,51,18,.26))}.farm-build-dock.can-scroll-left:before{box-shadow:0 5px 0 rgba(111,68,28,.28),0 14px 22px rgba(20,32,22,.18),0 0 0 3px rgba(255,246,170,.22),inset 0 1px rgba(255,255,255,.55)}

/* Farm polish v19 — coastal sparkle pass + sturdier premium dock tactility */
.farm-build-dock{scrollbar-gutter:stable both-edges;outline-offset:6px}
.farm-build-dock:after{content:"››";min-width:48px;text-align:center}
.farm-build-card{backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
.farm-build-card.active strong:after{content:"";display:none}
.farm-toast.show{transform:translateX(-50%) translateY(-4px) scale(1.02)}
@media(max-width:760px){.farm-build-card.active strong:after{display:none}.farm-build-dock{padding-bottom:10px}}

/* Farm polish v20 — deterministic, no-snap dock scrolling + curated premium farm life */
.farm-build-dock{scroll-snap-type:none!important;scroll-behavior:auto!important;min-width:0;overflow-x:scroll!important;overscroll-behavior-inline:contain}
.farm-build-card{scroll-snap-align:none!important}
.farm-build-dock[data-dragging="1"]{box-shadow:0 9px 0 rgba(103,58,21,.42),0 20px 48px rgba(14,31,23,.32),0 0 0 4px rgba(255,236,135,.22),inset 0 3px rgba(255,255,255,.72)}

/* Farm clean showcase v21 — calm 3-building dock, larger readable thumbnails */
.farm-clean-showcase .farm-build-dock{width:min(690px,calc(100vw - 24px))!important;max-width:min(690px,calc(100vw - 24px))!important;padding:14px 18px 16px;gap:14px;justify-content:center;overflow-x:auto!important;mask-image:none;-webkit-mask-image:none}
.farm-clean-showcase .farm-build-dock:before{content:"BAUEN";top:-15px}
.farm-clean-showcase .farm-build-dock:after{display:none!important}
.farm-clean-showcase .farm-build-card{flex:0 0 196px;min-width:196px;min-height:84px;grid-template-columns:64px 1fr;padding:10px 12px}
.farm-clean-showcase .farm-thumb{width:62px;height:62px;border-radius:20px;background-size:136% 136%}
.farm-clean-showcase .windmill-thumb{background-size:150% 150%}
.farm-clean-showcase .farm-build-card small:after{display:none}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{left:10px;right:10px;width:auto!important;max-width:none!important;justify-content:flex-start;padding:12px 14px 14px}.farm-clean-showcase .farm-build-card{flex-basis:174px;min-width:174px;grid-template-columns:54px 1fr}.farm-clean-showcase .farm-thumb{width:52px;height:52px}}

/* Farm clean showcase v22 — quieter stage, larger readable building cards */
.farm-clean-showcase .farm-game:before{background:radial-gradient(circle at 76% 12%,rgba(255,247,196,.30),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 25%)}
.farm-clean-showcase .farm-game:after{background:radial-gradient(circle at 75% 12%,rgba(255,250,196,.30),transparent 18%),radial-gradient(circle at 44% 44%,rgba(255,220,112,.09),transparent 30%)}
.farm-clean-showcase .farm-build-dock{width:min(720px,calc(100vw - 24px))!important;max-width:min(720px,calc(100vw - 24px))!important;padding:13px 18px 15px;gap:16px;justify-content:center;background:linear-gradient(180deg,#fffbd3 0%,#f3c46a 54%,#c87331 100%)}
.farm-clean-showcase .farm-build-card{flex:0 0 206px;min-width:206px;min-height:90px;grid-template-columns:72px 1fr;padding:10px 13px;border-radius:26px}
.farm-clean-showcase .farm-thumb{width:70px;height:70px;border-radius:22px;background-size:142% 142%}
.farm-clean-showcase .windmill-thumb{background-size:158% 158%}
.farm-clean-showcase .farm-build-card strong{font-size:15px}.farm-clean-showcase .farm-build-card small{font-size:11px}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{justify-content:flex-start;padding:11px 13px 13px;gap:10px}.farm-clean-showcase .farm-build-card{flex-basis:178px;min-width:178px;min-height:82px;grid-template-columns:58px 1fr}.farm-clean-showcase .farm-thumb{width:56px;height:56px}.farm-clean-showcase .farm-build-card strong{font-size:13px}}

/* Farm clean showcase v23 — calmer stage + hero-scale three-building dock */
.farm-clean-showcase .farm-game{background:#0d6688}
.farm-clean-showcase .farm-topbar{filter:drop-shadow(0 5px 10px rgba(42,30,14,.14));opacity:.96}
.farm-clean-showcase .farm-build-dock{bottom:max(18px,env(safe-area-inset-bottom));width:min(760px,calc(100vw - 28px))!important;max-width:min(760px,calc(100vw - 28px))!important;padding:15px 20px 17px;gap:18px;border-width:2px;box-shadow:0 10px 0 rgba(93,53,20,.30),0 20px 42px rgba(13,31,24,.28),inset 0 2px rgba(255,255,255,.68);contain:layout}
.farm-clean-showcase .farm-build-dock:before{content:"3 GEBÄUDE";letter-spacing:.12em;left:50%;top:-30px;transform:translateX(-50%);z-index:10;background:linear-gradient(180deg,#fffbd0,#efa044)}
.farm-clean-showcase .farm-build-card{flex:0 0 222px;min-width:222px;min-height:96px;grid-template-columns:78px 1fr;padding:11px 14px;border-radius:27px;background:linear-gradient(180deg,#fffde1 0%,#f8d480 52%,#d48739 100%)}
.farm-clean-showcase .farm-build-card.active{transform:translateY(-4px) scale(1.01)}
.farm-clean-showcase .farm-thumb{width:76px;height:76px;border-radius:24px;background-size:148% 148%;background-color:rgba(255,250,216,.68)}
.farm-clean-showcase .windmill-thumb{background-size:164% 164%}
.farm-clean-showcase .farm-toast{display:none}
@media(max-width:760px){.farm-clean-showcase .farm-topbar{transform:scale(.94);transform-origin:top left}.farm-clean-showcase .farm-build-dock{bottom:max(12px,env(safe-area-inset-bottom));justify-content:flex-start;padding:12px 14px 14px;gap:11px}.farm-clean-showcase .farm-build-card{flex-basis:184px;min-width:184px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px}.farm-clean-showcase .windmill-thumb{background-size:158% 158%}}

/* Farm clean showcase v24 — quiet premium cards, no extra visual noise */
.farm-clean-showcase .farm-build-dock{overflow-x:visible!important;overflow-y:visible!important;filter:drop-shadow(0 10px 18px rgba(44,31,14,.18));}
.farm-clean-showcase .farm-build-card{color:#43240f;text-align:left;filter:none;box-shadow:0 8px 0 rgba(115,64,24,.30),0 16px 24px rgba(58,36,16,.18),inset 0 2px rgba(255,255,255,.82)}
.farm-clean-showcase .farm-build-card:hover{transform:none}.farm-clean-showcase .farm-build-card.active{box-shadow:0 0 0 4px rgba(255,249,164,.58),0 10px 0 rgba(115,64,24,.34),0 20px 30px rgba(68,42,18,.22),inset 0 2px rgba(255,255,255,.88)}
.farm-clean-showcase .farm-thumb{box-shadow:inset 0 -5px rgba(92,51,18,.18),0 7px 11px rgba(77,43,15,.22),0 0 0 2px rgba(255,255,255,.26)}
.farm-clean-showcase .farm-build-card small{color:#734719;font-weight:900}.farm-clean-showcase .farm-build-dock.can-scroll-left:before,.farm-clean-showcase .farm-build-dock.can-scroll-right:before{content:"3 GEBÄUDE"}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{overflow-x:auto!important}.farm-clean-showcase .farm-build-dock:before{content:"3 GEBÄUDE"}.farm-clean-showcase .farm-build-card{flex-basis:186px;min-width:186px}}

/* Farm clean showcase v25 — calmer island surface + hero-readable buildings */
.farm-clean-showcase .farm-build-dock{bottom:max(14px,env(safe-area-inset-bottom));width:min(780px,calc(100vw - 28px))!important;max-width:min(780px,calc(100vw - 28px))!important;background:linear-gradient(180deg,#fffddd 0%,#f8d37e 54%,#cf7b34 100%);box-shadow:0 8px 0 rgba(93,53,20,.26),0 18px 36px rgba(13,31,24,.24),inset 0 2px rgba(255,255,255,.76)}
.farm-clean-showcase .farm-build-card{flex:0 0 230px;min-width:230px;min-height:98px;grid-template-columns:82px 1fr;padding:10px 14px;border-width:2px;background:linear-gradient(180deg,#fffde6 0%,#f9da8d 55%,#da9041 100%)}
.farm-clean-showcase .farm-thumb{width:80px;height:80px;border-radius:25px;background-size:152% 152%;background-color:rgba(255,252,224,.74)}
.farm-clean-showcase .windmill-thumb{background-size:170% 170%}
.farm-clean-showcase .farm-zoom-controls{opacity:.82;transform:scale(.92);transform-origin:bottom right}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{bottom:max(10px,env(safe-area-inset-bottom));overflow-x:auto!important;justify-content:flex-start;padding:11px 13px 13px;gap:10px}.farm-clean-showcase .farm-build-card{flex-basis:188px;min-width:188px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px;border-radius:20px}.farm-clean-showcase .windmill-thumb{background-size:160% 160%}.farm-clean-showcase .farm-zoom-controls{display:none}}

/* Farm clean showcase v26 — centered three-card gallery, no surplus chrome */
.farm-clean-showcase .farm-build-dock{gap:14px;padding:13px 16px 15px;width:min(760px,calc(100vw - 28px))!important;max-width:min(760px,calc(100vw - 28px))!important}
.farm-clean-showcase .farm-build-card{flex:0 0 226px;min-width:226px;min-height:96px;grid-template-columns:80px 1fr}
.farm-clean-showcase .farm-build-card:before{display:none!important}.farm-clean-showcase .farm-build-card.active:after{right:10px;top:8px}
.farm-clean-showcase .farm-thumb{width:78px;height:78px;background-size:150% 150%}.farm-clean-showcase .windmill-thumb{background-size:168% 168%}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{width:auto!important;max-width:none!important;overflow-x:auto!important;justify-content:flex-start;gap:10px;padding:11px 13px 13px}.farm-clean-showcase .farm-build-card{flex:0 0 188px;min-width:188px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px}.farm-clean-showcase .windmill-thumb{background-size:160% 160%}}

/* Farm clean showcase v27 — quieter chrome so the three hero buildings read first */
.farm-clean-showcase .farm-player-pill,.farm-clean-showcase .farm-resources,.farm-clean-showcase #resetFarm,.farm-clean-showcase .farm-zoom-controls{display:none!important}
.farm-clean-showcase .farm-topbar{left:max(14px,env(safe-area-inset-left));right:auto;width:auto;opacity:.82;filter:drop-shadow(0 4px 8px rgba(42,30,14,.12))}
.farm-clean-showcase .farm-back{width:42px;height:42px;font-size:22px;border-width:2px;background:linear-gradient(180deg,rgba(139,90,42,.88),rgba(76,46,24,.88))}
.farm-clean-showcase .farm-build-dock{bottom:max(12px,env(safe-area-inset-bottom));}
@media(max-width:760px){.farm-clean-showcase .farm-topbar{transform:none}.farm-clean-showcase .farm-back{width:40px;height:40px}.farm-clean-showcase .farm-build-dock{bottom:max(8px,env(safe-area-inset-bottom))}}

/* Farm clean showcase v28 — larger thumbnails, still exactly three quiet choices */
.farm-clean-showcase .farm-build-dock{width:min(800px,calc(100vw - 28px))!important;max-width:min(800px,calc(100vw - 28px))!important;gap:16px;padding:13px 18px 15px;background:linear-gradient(180deg,#fffde4 0%,#f7d17b 56%,#c97831 100%)}
.farm-clean-showcase .farm-build-card{flex:0 0 240px;min-width:240px;min-height:100px;grid-template-columns:86px 1fr;padding:10px 14px;border-radius:28px}
.farm-clean-showcase .farm-thumb{width:84px;height:84px;border-radius:26px;background-size:156% 156%;background-color:rgba(255,253,226,.78)}
.farm-clean-showcase .windmill-thumb{background-size:174% 174%}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{width:auto!important;max-width:none!important;overflow-x:auto!important;justify-content:flex-start;gap:10px;padding:10px 12px 12px}.farm-clean-showcase .farm-build-card{flex:0 0 190px;min-width:190px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px;border-radius:20px}.farm-clean-showcase .windmill-thumb{background-size:160% 160%}}

/* Farm clean showcase v29 — hero readability pass: bigger calm thumbnails, less chrome */
.farm-clean-showcase .farm-build-dock{width:min(820px,calc(100vw - 28px))!important;max-width:min(820px,calc(100vw - 28px))!important;gap:18px;padding:12px 18px 14px;background:linear-gradient(180deg,#fffde8 0%,#f7d486 58%,#c67630 100%);box-shadow:0 7px 0 rgba(93,53,20,.24),0 16px 30px rgba(13,31,24,.20),inset 0 2px rgba(255,255,255,.78)}
.farm-clean-showcase .farm-build-dock:before{content:"3 GEBÄUDE";box-shadow:0 4px 0 rgba(111,68,28,.22),0 10px 18px rgba(20,32,22,.14),inset 0 1px rgba(255,255,255,.62)}
.farm-clean-showcase .farm-build-card{flex:0 0 250px;min-width:250px;min-height:102px;grid-template-columns:90px 1fr;padding:9px 14px;border-radius:29px;box-shadow:0 7px 0 rgba(115,64,24,.26),0 14px 22px rgba(58,36,16,.15),inset 0 2px rgba(255,255,255,.84)}
.farm-clean-showcase .farm-thumb{width:88px;height:88px;border-radius:27px;background-size:160% 160%;background-color:rgba(255,254,232,.82)}
.farm-clean-showcase .windmill-thumb{background-size:180% 180%}
.farm-clean-showcase .farm-build-card strong{font-size:16px}.farm-clean-showcase .farm-build-card small{font-size:11px;color:#704317}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{width:auto!important;max-width:none!important;overflow-x:auto!important;justify-content:flex-start;gap:10px;padding:10px 12px 12px}.farm-clean-showcase .farm-build-card{flex:0 0 192px;min-width:192px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px;border-radius:20px}.farm-clean-showcase .windmill-thumb{background-size:162% 162%}.farm-clean-showcase .farm-build-card strong{font-size:13px}}

/* Farm clean showcase v30 — synced thumbnails, larger quiet cards, lower chrome contrast */
.farm-clean-showcase .farm-build-dock{width:min(850px,calc(100vw - 28px))!important;max-width:min(850px,calc(100vw - 28px))!important;gap:20px;padding:12px 20px 14px;background:linear-gradient(180deg,#fffef0 0%,#f8d98d 60%,#c4742e 100%);box-shadow:0 6px 0 rgba(93,53,20,.22),0 14px 26px rgba(13,31,24,.18),inset 0 2px rgba(255,255,255,.82)}
.farm-clean-showcase .farm-build-card{flex:0 0 256px;min-width:256px;min-height:104px;grid-template-columns:96px 1fr;padding:8px 14px;border-radius:30px;box-shadow:0 6px 0 rgba(115,64,24,.22),0 12px 18px rgba(58,36,16,.13),inset 0 2px rgba(255,255,255,.88)}
.farm-clean-showcase .farm-build-card.active{transform:translateY(-2px) scale(1.006);box-shadow:0 0 0 4px rgba(255,250,177,.56),0 7px 0 rgba(115,64,24,.25),0 16px 22px rgba(68,42,18,.17),inset 0 2px rgba(255,255,255,.90)}
.farm-clean-showcase .farm-thumb{width:94px;height:94px;border-radius:29px;background-size:164% 164%;background-color:rgba(255,254,236,.88);box-shadow:inset 0 -4px rgba(92,51,18,.14),0 6px 9px rgba(77,43,15,.18),0 0 0 2px rgba(255,255,255,.30)}
.farm-clean-showcase .windmill-thumb{background-size:184% 184%}
.farm-clean-showcase .farm-build-card strong{font-size:16px;line-height:1.05}.farm-clean-showcase .farm-build-card small{font-size:11px;color:#6d4117}
@media(max-width:860px){.farm-clean-showcase .farm-build-dock{width:min(790px,calc(100vw - 22px))!important;max-width:min(790px,calc(100vw - 22px))!important;gap:12px;padding-left:14px;padding-right:14px}.farm-clean-showcase .farm-build-card{flex:0 0 238px;min-width:238px;grid-template-columns:84px 1fr}.farm-clean-showcase .farm-thumb{width:82px;height:82px}}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{width:auto!important;max-width:none!important;overflow-x:auto!important;justify-content:flex-start;gap:10px;padding:10px 12px 12px}.farm-clean-showcase .farm-build-card{flex:0 0 194px;min-width:194px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px;border-radius:20px;background-size:162% 162%}.farm-clean-showcase .windmill-thumb{background-size:166% 166%}.farm-clean-showcase .farm-build-card strong{font-size:13px}}

/* Farm clean showcase v31 — final calm hero pass: no extra shimmer, three large readable cards */
.farm-clean-showcase .farm-build-dock{width:min(860px,calc(100vw - 28px))!important;max-width:min(860px,calc(100vw - 28px))!important;gap:18px;padding:11px 18px 13px;background:linear-gradient(180deg,#fffef3 0%,#f8dc95 61%,#c87834 100%);box-shadow:0 5px 0 rgba(93,53,20,.20),0 12px 24px rgba(13,31,24,.16),inset 0 2px rgba(255,255,255,.84)}
.farm-clean-showcase .farm-build-dock:before{content:"3 GEBÄUDE";top:-28px;box-shadow:0 3px 0 rgba(111,68,28,.18),0 9px 15px rgba(20,32,22,.12),inset 0 1px rgba(255,255,255,.66)}
.farm-clean-showcase .farm-build-card{flex:0 0 260px;min-width:260px;min-height:104px;grid-template-columns:98px 1fr;padding:7px 14px;border-radius:30px;box-shadow:0 5px 0 rgba(115,64,24,.20),0 10px 16px rgba(58,36,16,.12),inset 0 2px rgba(255,255,255,.90)}
.farm-clean-showcase .farm-build-card.active{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,250,177,.50),0 6px 0 rgba(115,64,24,.22),0 13px 18px rgba(68,42,18,.15),inset 0 2px rgba(255,255,255,.92)}
.farm-clean-showcase .farm-thumb{width:96px;height:96px;border-radius:29px;background-size:166% 166%;background-color:rgba(255,254,240,.90);box-shadow:inset 0 -3px rgba(92,51,18,.12),0 5px 8px rgba(77,43,15,.16),0 0 0 2px rgba(255,255,255,.32)}
.farm-clean-showcase .windmill-thumb{background-size:186% 186%}.farm-clean-showcase .farm-build-card small{font-size:11px;color:#684016}.farm-clean-showcase .farm-build-card.active:after{opacity:.82}
@media(max-width:860px){.farm-clean-showcase .farm-build-dock{width:min(800px,calc(100vw - 22px))!important;max-width:min(800px,calc(100vw - 22px))!important;gap:11px;padding-left:13px;padding-right:13px}.farm-clean-showcase .farm-build-card{flex:0 0 242px;min-width:242px;grid-template-columns:86px 1fr}.farm-clean-showcase .farm-thumb{width:84px;height:84px}}
@media(max-width:760px){.farm-clean-showcase .farm-build-dock{width:auto!important;max-width:none!important;overflow-x:auto!important;justify-content:flex-start;gap:10px;padding:10px 12px 12px}.farm-clean-showcase .farm-build-card{flex:0 0 194px;min-width:194px;min-height:84px;grid-template-columns:60px 1fr}.farm-clean-showcase .farm-thumb{width:58px;height:58px;border-radius:20px;background-size:162% 162%}.farm-clean-showcase .windmill-thumb{background-size:166% 166%}.farm-clean-showcase .farm-build-card strong{font-size:13px}}

/* Compact host resource monitor v1 */
.system-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-4px 0 20px}.system-metric{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.16)}.system-metric-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:900}.system-metric-head span{display:flex;align-items:center;gap:7px}.system-metric-head span>i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(85,230,193,.55)}.system-metric-head strong{font-size:15px}.system-bar{height:5px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden}.system-bar>i{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.system-metric small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.system-metric[data-level="warning"] .system-metric-head span>i,.system-metric[data-level="warning"] .system-bar>i{background:var(--accent2);box-shadow:0 0 10px rgba(255,184,107,.55)}.system-metric[data-level="critical"] .system-metric-head span>i,.system-metric[data-level="critical"] .system-bar>i{background:var(--danger);box-shadow:0 0 10px rgba(255,107,122,.58)}.system-metrics[data-error="true"]{opacity:.58}@media(max-width:720px){.system-metrics{grid-template-columns:1fr;gap:8px}.system-metric{padding:10px 12px}.system-metric small{display:none}}

/* Personal weight tracker v1 */
.top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-wide{grid-column:1/-1}.weight-card{min-width:0;background:linear-gradient(145deg,rgba(85,230,193,.09),rgba(125,211,252,.045)),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.weight-head{margin-bottom:4px}.weight-add{width:42px;height:42px;padding:0;display:grid;place-items:center;font-size:25px;line-height:1;box-shadow:0 8px 20px rgba(85,230,193,.13)}
.weight-widget{display:block;width:100%;padding:0;border:0;border-radius:16px;background:transparent;color:var(--text);text-align:left;box-shadow:none}.weight-widget:hover .weight-mini-chart{background:rgba(85,230,193,.07);border-color:rgba(85,230,193,.22)}.weight-widget:focus-visible{outline:3px solid rgba(85,230,193,.7);outline-offset:5px}.weight-summary{display:flex;flex-direction:column;gap:2px}.weight-summary strong{font-size:34px;letter-spacing:-.05em;line-height:1}.weight-summary strong small{font-size:16px;letter-spacing:0;color:var(--muted)}.weight-summary span{color:var(--muted);font-size:12px}.weight-mini-chart{height:96px;margin-top:8px;border-radius:14px;background:rgba(0,0,0,.13);border:1px solid rgba(255,255,255,.055);transition:.18s ease;overflow:hidden}.weight-mini-chart svg,.weight-detail-chart svg{display:block;width:100%;height:100%}.weight-line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.weight-single-line{stroke:rgba(85,230,193,.32);stroke-width:2;stroke-dasharray:5 6}.weight-dot{fill:var(--accent);stroke:#0d1927;stroke-width:3}.weight-grid{stroke:rgba(255,255,255,.09);stroke-width:1}.weight-axis{fill:var(--muted);font-size:10px}.weight-hint{margin-top:7px;color:var(--muted);font-size:11px;text-align:right}.weight-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px}
.weight-dialog{width:min(760px,calc(100vw - 24px));max-width:none;border:0;padding:0;border-radius:24px;background:transparent;color:var(--text)}.weight-dialog::backdrop{background:rgba(2,7,13,.78);backdrop-filter:blur(6px)}.weight-detail-card,.weight-entry-card{width:100%;max-height:min(88vh,820px);overflow:auto;background:linear-gradient(180deg,#142238,#0d1726);border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.58)}.weight-entry-card{max-width:480px;margin:auto}.weight-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.weight-stat{padding:13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.weight-stat span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.weight-stat strong{font-size:19px}.weight-detail-chart{height:235px;border-radius:18px;background:rgba(0,0,0,.17);border:1px solid var(--line);overflow:hidden}.weight-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.weight-history{display:grid;gap:8px}.weight-history-row{display:grid;grid-template-columns:1fr auto 64px;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid var(--line);color:var(--text);text-align:left}.weight-history-row:hover{background:rgba(85,230,193,.08)}.weight-history-row strong{font-size:16px}.weight-history-row small{color:var(--muted);text-align:right}.weight-entry-card label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:750;margin-top:14px}.weight-entry-card input{width:100%;border-radius:14px;border:1px solid var(--line);background:#091321;color:var(--text);padding:13px 14px;font:inherit;font-size:17px}.weight-entry-card input:focus{outline:2px solid rgba(85,230,193,.6);border-color:transparent}
@media(max-width:1000px){.top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-wide{grid-column:1/-1}}
@media(max-width:680px){.top-grid{grid-template-columns:1fr}.dashboard-wide{grid-column:auto}.weight-detail-stats{grid-template-columns:1fr 1fr}.weight-stat:first-child{grid-column:1/-1}.weight-detail-actions{align-items:stretch;flex-direction:column}.weight-detail-actions button{width:100%}.weight-history-row{grid-template-columns:1fr auto}.weight-history-row small{grid-column:1/-1;text-align:left}.weight-dialog{width:calc(100vw - 16px)}.weight-detail-card,.weight-entry-card{padding:18px}.weight-detail-chart{height:210px}}