:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #142431;--muted: #687789;--line: rgba(31, 77, 96, .14);--paper: #fff8ed;--panel: rgba(255, 255, 252, .92);--panel-strong: #fffdf8;--green: #4f9d65;--mint: #bfe8d5;--teal: #128c9b;--coral: #ef6351;--gold: #efaa35;--navy: #173247;--sky: #d9f2f2;--blush: #fff0e9;--shadow: 0 22px 62px rgba(28, 54, 67, .14);--shadow-tight: 0 12px 28px rgba(28, 54, 67, .11);background:var(--sky)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(135deg,#d9f1f3,#c9ead6 45%,#fff0de);background-size:48px 48px,48px 48px,auto}button{font:inherit}.appShell{min-height:100vh;padding:18px;display:grid;grid-template-rows:auto 1fr;gap:18px}.topBar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid rgba(43,65,74,.12);border-radius:8px;background:linear-gradient(180deg,#fffffdfa,#f8fdfbeb);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brandBlock{display:flex;align-items:center;gap:12px;min-width:220px}.brandMark,.metricIcon,.toolIcon{display:grid;place-items:center;flex:0 0 auto}.brandMark{width:42px;height:42px;border-radius:8px;color:#fff8e8;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%),linear-gradient(145deg,var(--teal) 0%,var(--navy) 52%,var(--coral) 100%);box-shadow:inset 0 0 0 1px #ffffff3d}h1,p{margin:0}h1{font-size:clamp(1.1rem,2vw,1.55rem);line-height:1;letter-spacing:0}.brandBlock p{margin-top:4px;color:var(--muted);font-size:.82rem}.metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.metric{min-width:118px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid rgba(37,55,62,.09);background:linear-gradient(180deg,#fffffff5,#fbfefcc2);box-shadow:inset 0 1px #fffc}.metricIcon{width:32px;height:32px;border-radius:8px;color:#fff;background:var(--navy)}.metricIcon.cash{background:var(--green)}.metricIcon.guest{background:var(--teal)}.metricIcon.heart{background:var(--coral)}.metricIcon.clean{background:#6aa35b}.metricIcon.star{background:var(--gold)}.metric small,.toolText small,.inspector small{display:block;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric strong,.toolText strong,.inspector strong{display:block;margin-top:2px;font-size:.96rem;line-height:1.1}.gameLayout{min-height:0;display:grid;grid-template-columns:minmax(208px,270px) minmax(460px,1fr) minmax(240px,310px);gap:18px;align-items:stretch}.buildPanel,.reactionPanel{min-height:0;padding:14px;border:1px solid rgba(43,65,74,.12);border-radius:8px;background:linear-gradient(180deg,#fffffdf7,#fafdf8e6);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.panelHeader strong{color:var(--ink)}.toolGrid{display:grid;gap:8px}.toolButton{position:relative;overflow:hidden;width:100%;min-height:54px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(35,56,74,.09);border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#fffffff0,#f9fdfaad);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.toolButton:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;border-radius:0 999px 999px 0;background:transparent;transition:background .16s ease}.toolButton:hover:not(:disabled),.toolButton.selected{transform:translateY(-1px);border-color:#128c9b6b;background:linear-gradient(180deg,#fffffffa,#f2fcf8d1);box-shadow:0 10px 24px #18545d1a}.toolButton.selected{outline:2px solid rgba(239,99,81,.18)}.toolButton.selected:before{background:var(--coral)}.toolButton:disabled{cursor:not-allowed;opacity:.48}.toolIcon{width:34px;height:34px;border-radius:8px;color:var(--panel-strong);background:linear-gradient(145deg,var(--navy),#21485f)}.toolText{min-width:0;text-align:left}.toolText strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolPlus{color:var(--teal)}.inspector{margin-top:14px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px;border-radius:8px;border:1px solid rgba(35,56,74,.08);background:linear-gradient(180deg,#ffffffe6,#f6fdf89e)}.inspector img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(24,36,42,.18))}.inspector p{margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.35}.parkStage{position:relative;min-height:620px;overflow:hidden;border:1px solid rgba(39,66,57,.14);border-radius:8px;background:linear-gradient(180deg,#dbf5eff2,#fff6e1e6),#d9eee3;box-shadow:var(--shadow)}.parkStage:before,.parkStage:after{content:"";position:absolute;pointer-events:none}.parkStage:before{top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.62);border-radius:6px;box-shadow:inset 0 0 90px #1c67701a}.parkStage:after{inset:auto 10% 28px 10%;height:28px;border-radius:50%;background:#2150441a;filter:blur(18px)}.stageBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(180deg,black,transparent 92%);mask-image:linear-gradient(180deg,black,transparent 92%);opacity:.42}.isometricMap{--tile-w: min(8.4vw, 86px);--tile-h: calc(var(--tile-w) * .56);--origin-x: 50%;--origin-y: 88px;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(12px)}.isoCell{position:absolute;left:calc(var(--origin-x) + (var(--x) - var(--y)) * var(--tile-w) / 2);top:calc(var(--origin-y) + (var(--x) + var(--y)) * var(--tile-h) / 2);width:var(--tile-w);height:var(--tile-h);padding:0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer;isolation:isolate}.grassTile{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.26),transparent 46%),linear-gradient(135deg,#8fc97a,#61a765);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:0;box-shadow:inset 0 1px #fff3;filter:drop-shadow(0 7px 0 rgba(54,92,54,.2));transition:transform .16s ease,filter .16s ease,background .16s ease}.isoCell:nth-child(3n) .grassTile{background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 46%),linear-gradient(135deg,#98cf7f,#68ad6b)}.isoCell:hover .grassTile{transform:translateY(-2px);filter:drop-shadow(0 9px 0 rgba(54,92,54,.18)) drop-shadow(0 12px 12px rgba(31,58,41,.14))}.isoCell.occupied .grassTile{background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 48%),linear-gradient(135deg,#86bf6d,#59a15d)}.isoCell.pathCell .grassTile{background:linear-gradient(145deg,#f0d59c,#caa36b)}.footprint{position:absolute;left:50%;top:54%;width:72%;height:34%;border-radius:50%;background:radial-gradient(ellipse,rgba(22,45,35,.24),rgba(22,45,35,.08) 58%,transparent 72%);transform:translate(-50%,-50%) skew(-28deg);pointer-events:none;z-index:1}.footprint-small{width:66%;height:30%}.footprint-building{width:92%;height:40%}.footprint-ride{width:112%;height:48%}.sprite{position:absolute;left:50%;bottom:var(--sprite-bottom, 0);transform:translate(-50%);pointer-events:none;object-position:center bottom;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 7px rgba(28,38,39,.2));z-index:3}.sprite-tile{width:100%;height:100%;--sprite-bottom: 0;filter:none;object-fit:fill;z-index:2}.sprite-small{width:112%;height:192%;--sprite-bottom: -18%}.sprite-building{width:136%;height:245%;--sprite-bottom: -22%}.sprite-ride{width:172%;height:340%;--sprite-bottom: -27%}.clearTile{position:absolute;right:-12px;top:-22px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#23384adb;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;z-index:5}.isoCell:hover .clearTile{opacity:1;transform:translateY(0)}.isoCell.pulse .sprite{animation:buildPop .42s ease both}.ratingMeter{height:10px;overflow:hidden;border-radius:999px;background:#23384a1f}.ratingMeter span{display:block;width:var(--rating);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--gold),var(--teal));transition:width .38s ease}.reactionList{margin-top:14px;display:grid;gap:9px}.reaction{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:start;padding:10px;border-radius:8px;background:linear-gradient(180deg,#ffffffeb,#fafdfba8);animation:reactionIn .26s ease both}.reaction span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--teal)}.reaction.good span{background:var(--green)}.reaction.warn span{background:var(--coral)}.reaction p{color:#38474d;font-size:.86rem;line-height:1.38}@keyframes buildPop{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.72)}70%{opacity:1;transform:translate(-50%) translateY(-4px) scale(1.05)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes reactionIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.topBar{align-items:flex-start;flex-direction:column;gap:12px}.metrics{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.metric{flex:0 0 138px;min-width:138px}.gameLayout{grid-template-columns:230px minmax(420px,1fr)}.reactionPanel{grid-column:1 / -1}.reactionList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.appShell{padding:10px;gap:12px}.topBar{padding:14px}.brandBlock{min-width:0}.brandBlock p{font-size:.78rem}.gameLayout{grid-template-columns:1fr;gap:12px}.buildPanel{order:2}.reactionPanel{order:3}.parkStage{min-height:520px}.isometricMap{--tile-w: clamp(42px, 12vw, 64px);--origin-x: 28%;--origin-y: 78px}.metrics{display:flex;grid-template-columns:none}.metric{flex-basis:132px;min-width:132px}.reactionList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
