:root{--ink:#15382f;--green:#174b42;--deep:#0d3029;--sage:#8eb990;--cream:#f6f1e7;--paper:#fffdf9;--line:#ded7c6;--gold:#d39a3f;--muted:#74827a;--shadow:0 14px 40px #173d3217}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#fffdfa 0,transparent 32rem),var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;letter-spacing:.01em}.app-shell{max-width:1240px;margin:auto;padding:28px 28px 110px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2d685c,var(--deep));box-shadow:inset 0 1px #ffffff55,0 7px 16px #133f3630;color:#f7d77e;font-size:25px}.brand h1{font-family:Georgia,serif;font-size:21px;margin:0;font-weight:500;letter-spacing:.02em}.brand p{font-size:12px;color:var(--muted);margin:2px 0 0}.icon-button,.text-button,.season-button{border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit}.icon-button{font-size:20px;padding:9px}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}.metrics article{padding:14px 22px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px}.metrics article:last-child{border:0}.metrics span,.eyebrow{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.metrics strong{font:500 18px ui-monospace,SFMono-Regular,Menlo,monospace}.meter{grid-column:1/-1;height:4px;border-radius:5px;background:#dfe5db;overflow:hidden}.meter b{height:100%;display:block;background:linear-gradient(90deg,#73a987,var(--sage));border-radius:5px}.season-banner{margin:22px 0;display:flex;align-items:center;gap:14px;border-radius:16px;background:linear-gradient(105deg,var(--deep),var(--green));box-shadow:0 12px 25px #174b4230;color:#fff;padding:15px 18px;position:relative;overflow:hidden}.season-banner:after{content:"";position:absolute;width:180px;height:180px;right:17%;top:-145px;border:1px solid #f4e3a733;border-radius:50%;box-shadow:0 0 0 24px #f4e3a70d,0 0 0 50px #f4e3a708}.season-banner>*{position:relative;z-index:1}.season-banner>span{font-size:28px}.season-banner div{flex:1}.season-banner strong{font-size:14px}.season-banner p{font-size:12px;margin:2px 0 0;color:#d5e1d1}.season-button{background:#f4ead5;color:var(--green);font-weight:700;font-size:12px;padding:9px 12px;border-radius:8px}.season-button span{margin-left:5px}.game-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:18px}.map-card,.side-panel,.build-area{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.map-card{padding:20px}.map-heading,.build-heading,.section-title{display:flex;align-items:center;justify-content:space-between}.map-heading h2,.build-heading h2,.section-title h2{font:500 20px Georgia,serif;margin:3px 0 0}.map-heading>p{font-size:11px;color:var(--muted);max-width:42%;text-align:right}.map{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:18px;aspect-ratio:1.38;padding:7px;border-radius:14px;background:linear-gradient(145deg,#b3d4c5,#7ca996);box-shadow:inset 0 2px 8px #174b4238,0 8px 20px #173d321c;overflow:hidden}.tile{border:0;min-width:0;border-radius:9px;position:relative;isolation:isolate;overflow:hidden;cursor:pointer;color:var(--ink);font:10px sans-serif;box-shadow:inset 0 1px #fff8,inset 0 -4px #17342e1c,0 2px 2px #17342e18;transition:transform .16s,outline .16s,filter .16s}.tile:hover,.tile:focus-visible{transform:translateY(-3px) scale(1.035);outline:2px solid #ffe2a0;filter:saturate(1.13);z-index:2}.tile.water{background:linear-gradient(135deg,#82c7d1,#b5e1d8)}.tile.forest{background:linear-gradient(135deg,#719c68,#b2c988)}.tile.field{background:linear-gradient(135deg,#c9ac55,#efd98c)}.tile.town{background:linear-gradient(135deg,#c48d68,#e1bd93)}.tile:before{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(135deg,#fff5 0 1px,transparent 1px 8px);z-index:-1}.terrain-detail{position:absolute;left:6px;bottom:3px;color:#fff8;font-weight:900;font-size:16px;line-height:1;transform:rotate(-11deg);text-shadow:0 1px #17342e35}.water .terrain-detail{animation:water-shimmer 2.5s ease-in-out infinite}.forest .terrain-detail{font-size:20px;color:#e8f5c4aa}.field .terrain-detail{color:#fff3b8bb}.town .terrain-detail{color:#fff0d9b8}.plot-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff8;color:#45705d;font-size:17px;box-shadow:0 2px 6px #17342e22;opacity:.85}.tile:hover .plot-marker{background:#fff;color:var(--gold)}.building-shadow{position:absolute;width:50%;height:17%;left:25%;bottom:13%;border-radius:50%;background:#17342e3b;filter:blur(2px)}.tile .placed{position:absolute;left:50%;top:46%;z-index:1;font-size:clamp(21px,2.9vw,34px);line-height:1;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 1px #17342e48);text-shadow:0 1px 2px #fff9}.building-farm{transform:translate(-50%,-50%) rotate(-4deg)!important}.building-forest{transform:translate(-50%,-50%) rotate(3deg)!important}.activity-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#fff3b0;box-shadow:0 0 0 3px #ffffff44;animation:activity-pulse 2.2s infinite}.newly-built .placed{animation:build-pop .7s cubic-bezier(.2,.9,.25,1.35)}.newly-built:after{content:"";position:absolute;inset:7%;border:2px solid #fff7c7;border-radius:8px;animation:build-ring .7s ease-out}.legend{display:flex;gap:14px;margin-top:13px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:4px}.swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.swatch.water{background:#8dcbd1}.swatch.forest{background:#82ad75}.swatch.field{background:#dfc46f}.swatch.town{background:#d7a17c}.side-panel{padding:4px 20px;display:flex;flex-direction:column}.panel-section{padding:18px 0;border-bottom:1px solid var(--line)}.panel-section:last-child{border:0}.section-title h2{font-size:16px}.section-title span{font-size:10px;color:var(--muted)}.panel-section>p{font-size:12px;line-height:1.8;color:#55635d;margin:10px 0 0}.tag{padding:3px 6px;border-radius:4px;background:#f5ebd6;color:#a8742a!important}.need-row{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;font-size:11px;margin-top:10px}.need-row i{height:6px;background:#e7e8e0;border-radius:5px;overflow:hidden}.need-row b{display:block;height:100%;background:linear-gradient(90deg,#e1b65b,var(--gold));border-radius:5px}.achievement{display:flex;gap:10px;align-items:center}.achievement>span{font-size:23px;color:var(--gold)}.achievement p{margin:0;font-size:11px;color:var(--muted)}.achievement strong{font-size:13px}.build-area{padding:20px;margin-top:18px}.text-button{font-size:12px;color:var(--muted)}.text-button:disabled{opacity:.35;cursor:default}.building-list{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.building-card{font:inherit;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,#fffefa,#f8f2e7);border-radius:13px;padding:12px;cursor:pointer;box-shadow:0 3px 8px #17342e0d;transition:border .15s,transform .15s,box-shadow .15s}.building-card:hover,.building-card.selected{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 9px 16px #8e6b2d21}.building-card.selected{background:linear-gradient(145deg,#fff7e3,#f5e6c6)}.building-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.building-icon{display:block;font-size:26px;margin-bottom:6px;filter:drop-shadow(0 2px 1px #17342e23)}.building-name{font-size:12px;font-weight:700;display:block}.building-detail{font-size:10px;color:var(--muted);display:block;margin:2px 0 7px}.building-cost{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffdf8f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:none;justify-content:space-around;padding:max(7px,env(safe-area-inset-bottom)) 10px 7px;z-index:3}.bottom-nav button{border:0;background:transparent;color:var(--muted);font:10px sans-serif;display:grid;gap:2px;place-items:center;cursor:pointer}.bottom-nav button:first-letter{font-size:20px}.bottom-nav .active{color:var(--green)}dialog{border:0;border-radius:16px;padding:30px;max-width:420px;width:calc(100% - 34px);color:var(--ink);box-shadow:0 24px 80px #10251e66}dialog::backdrop{background:#17342e77}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:25px;cursor:pointer;color:var(--muted)}#modal-content h2{font:500 23px Georgia,serif;margin:0 0 10px}#modal-content p{font-size:13px;line-height:1.8;color:#53635c}.modal-action{border:0;border-radius:8px;background:var(--green);color:#fff;padding:10px 14px;font:inherit;cursor:pointer}@keyframes water-shimmer{50%{transform:translateX(4px) rotate(-11deg);opacity:.5}}@keyframes activity-pulse{50%{transform:scale(1.35);box-shadow:0 0 0 5px #ffffff22}}@keyframes build-pop{0%{transform:translate(-50%,-25%) scale(.25);opacity:0}70%{transform:translate(-50%,-54%) scale(1.2)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes build-ring{from{transform:scale(.55);opacity:1}to{transform:scale(1.25);opacity:0}}body[data-season="0"] .map{background:linear-gradient(145deg,#d8d7a0,#8ebfa6)}body[data-season="1"] .map{background:linear-gradient(145deg,#a3d8d0,#5d9d8d)}body[data-season="2"] .map{background:linear-gradient(145deg,#d8b070,#987547)}body[data-season="3"] .map{background:linear-gradient(145deg,#dce8e5,#9daeb4)}body[data-season="3"] .tile{filter:saturate(.72) brightness(1.06)}@media(max-width:760px){.app-shell{padding:18px 14px 82px}.topbar{margin-bottom:17px}.brand h1{font-size:17px}.metrics{grid-template-columns:1fr 1fr;border-radius:12px}.metrics article{padding:11px 13px}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics strong{font-size:15px}.season-banner{margin:14px 0;padding:12px}.season-banner p{display:none}.season-button{font-size:10px;padding:8px}.game-layout{grid-template-columns:1fr}.map-card{padding:15px}.map{gap:4px;padding:5px}.side-panel{display:grid;grid-template-columns:1fr 1fr;padding:0 14px}.panel-section{padding:13px 8px}.panel-section:last-child{display:none}.demand-section{border-right:1px solid var(--line)}.building-list{display:flex;overflow:auto;margin-right:-8px;padding-bottom:5px}.building-card{min-width:124px}.bottom-nav{display:flex}.legend{gap:8px;font-size:10px}.build-area{padding:15px;margin-top:14px}.map-heading h2,.build-heading h2{font-size:18px}}@media(max-width:390px){.side-panel{display:block}.demand-section{border-right:0}.panel-section:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}