.sim-app{--bg:#122034;--card:#1b2b40;--line:#3c526a;--text:#edf6ff;--muted:#b8c9db;--cyan:#8bede0;--gold:#ffd49a;max-width:1380px;margin:16px auto;padding:20px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:20px;font:15px/1.5 system-ui,sans-serif;isolation:isolate;overflow:hidden;box-sizing:border-box;color-scheme:dark}.sim-app *{box-sizing:border-box}.sim-app p,.sim-app h1,.sim-app h2,.sim-app h3{color:inherit}.sim-app a{color:var(--cyan);text-decoration:none}.sim-app button,.sim-app input,.sim-app select{font:inherit;color:var(--text);border:1px solid var(--line);background:#253b53;border-radius:9px;min-height:42px;padding:8px 12px}.sim-app button{cursor:pointer;margin:0;touch-action:manipulation}.sim-app button:hover{border-color:var(--cyan)}.sim-app button:disabled{opacity:.45;cursor:wait}.sim-app .primary{color:#102c32;background:var(--cyan);font-weight:700}.sim-app .danger{background:#543247;border-color:#a9697d;color:#ffe2e7}.sim-app :focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sim-app input,.sim-app select{width:100%;background:#102034;margin:4px 0}.sim-app label{display:block;color:var(--muted);font-size:.85rem}.sim-app input[type=checkbox]{width:18px;min-height:18px;margin:0;accent-color:var(--cyan)}.sim-app [hidden]{display:none!important}.sim-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.sim-header>div:last-child{display:flex;align-items:center;gap:12px;font-size:.8rem}.sim-brand{display:flex;align-items:center;gap:13px}.sim-brand small{color:var(--cyan);letter-spacing:.18em;font-size:.68rem}.sim-brand h1{font-size:2rem;font-weight:500;letter-spacing:-.03em;margin:0}.life-city-mark{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border:1px solid var(--cyan);border-radius:10px;background:#244957;color:var(--gold);font-size:1.9rem;font-weight:700;line-height:1}.sim-private{color:var(--gold);border:1px solid #7b7260;border-radius:30px;padding:5px 10px;white-space:nowrap}#simStatus:not(:empty){margin-bottom:12px;padding:10px 12px;border:1px solid #786b4c;border-radius:10px;color:var(--gold);background:#35332e;font-size:.85rem}#simStatus.error{background:#4a293a;color:#ffbdc9;border-color:#a86476}#simRetryBar{padding:12px;border:1px solid #a57558;border-radius:10px;margin-bottom:12px;display:flex;gap:10px;flex-wrap:wrap}.sim-top{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);padding:12px 15px;border-radius:13px;margin-bottom:12px}.sim-top b{display:block}.sim-top small{display:block;color:var(--muted);font-size:.73rem}.sim-top>div:last-child{display:flex;gap:18px;align-items:center;text-align:right}.sim-money{color:var(--gold);font-size:1.25rem}.sim-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:14px}.sim-shell>div{min-width:0}.sim-stage{position:relative;height:410px;border:1px solid #4e7186;border-radius:14px;overflow:hidden;background:#1e3548}.sim-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.sim-stage-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}.sim-stage-top b{padding:7px 10px;border:1px solid #49687b;border-radius:8px;background:#102239dd;font-size:.8rem;max-width:65%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sim-stage-top button{font-size:.75rem;min-height:34px;background:#142b42ee;pointer-events:auto}.sim-stage-hint{position:absolute;left:12px;bottom:10px;max-width:90%;padding:4px 8px;background:#10253acb;border-radius:6px;color:#d4e8f1;font-size:.7rem;pointer-events:none}.sim-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--card);margin-top:11px}.sim-need-head{display:flex;justify-content:space-between;gap:5px;font-size:.72rem;margin-bottom:5px}.sim-meter{height:6px;background:#0a1626;border-radius:6px;overflow:hidden}.sim-meter i{display:block;height:100%;background:linear-gradient(90deg,#71bdbb,#a9e9b5);border-radius:6px}.sim-meter.low i{background:#ff9f8b}.sim-context{display:flex;flex-wrap:wrap;gap:7px;padding:10px 0}.sim-context button{font-size:.8rem}.sim-object-select{display:flex;align-items:center;gap:6px}.sim-object-select select{font-size:.8rem}.sim-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:10px}.sim-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.68rem;background:transparent;border-color:transparent;padding:6px 4px;min-height:51px}.sim-tabs button span{font-size:1.1rem}.sim-tabs button[aria-selected=true]{background:#2c4a5c;color:var(--cyan);border-color:#5e9696}.sim-panel{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--card);max-height:620px;min-height:320px;overflow:auto;overscroll-behavior:contain}.sim-panel h2{font-size:1.2rem;margin:0 0 5px}.sim-panel h3{font-size:.97rem;margin:18px 0 7px}.sim-panel p{color:var(--muted);font-size:.83rem;margin:0 0 12px}.sim-row{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #364d65;padding:10px 0}.sim-row .icon{font-size:1.25rem;min-width:25px}.sim-row .row-main{min-width:0;flex:1}.sim-row b{display:block;font-size:.86rem}.sim-row small{display:block;color:var(--muted);font-size:.73rem}.sim-row .row-buttons{display:flex;gap:4px;flex-wrap:wrap}.sim-row button{font-size:.74rem;min-height:35px;padding:6px 9px}.sim-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sim-buttons button{font-size:.8rem}.sim-note{padding:11px;border:1px dashed #5a7188;border-radius:10px;font-size:.79rem;color:var(--muted);margin:10px 0}.sim-card{padding:12px;border:1px solid #455e77;border-radius:11px;margin:9px 0;background:#15283d}.sim-card header{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:8px;font-size:.82rem}.sim-card header button{min-height:25px;padding:1px 6px;font-size:.75rem}.sim-card p{margin:6px 0 10px}.sim-card small{color:var(--muted);font-size:.73rem}.sim-card .sim-meter{margin:7px 0}.sim-chip{display:inline-block;border:1px solid #5c7b90;border-radius:5px;padding:2px 6px;color:var(--cyan);font-size:.7rem;margin:2px 4px 2px 0}.sim-wish{border-color:#877d61;background:#353431}.sim-wish h3{color:var(--gold);margin:0 0 5px}.sim-journal{padding:11px 0;border-bottom:1px solid var(--line)}.sim-journal b{font-size:.85rem;display:block}.sim-journal small{font-size:.7rem;color:var(--cyan)}.sim-journal p{margin:4px 0;font-size:.8rem}.sim-garden{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sim-plot{padding:10px;border:1px solid #56776e;border-radius:10px;background:#18372e}.sim-plot b,.sim-plot small{display:block;font-size:.8rem}.sim-plot small{font-size:.7rem;color:#c6d8c4;margin:4px 0}.sim-plot button{font-size:.7rem;min-height:34px;padding:5px 7px;margin:2px}.sim-create{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.sim-create h2{font-size:1.4rem}.sim-create h3{font-size:1rem}.sim-create p{font-size:.86rem;color:var(--muted)}.sim-create-preview{position:sticky;top:20px;align-self:start;min-height:300px;background:radial-gradient(#416c6e,#1a2d45);border:1px solid #577c91;border-radius:18px;overflow:hidden}.sim-create-preview canvas{width:100%;height:320px;display:block}.sim-create-preview p{text-align:center;color:var(--cyan);font-size:.76rem;padding:0 15px;letter-spacing:.07em}.sim-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.sim-traits{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 15px}.sim-trait{display:flex!important;align-items:center;gap:8px;padding:9px;border:1px solid #415d72;border-radius:8px;color:var(--text)!important;font-size:.77rem!important}.sim-trait:has(input:checked){background:#27534f;border-color:#8adbc3}.sim-create details{margin:14px 0}.sim-create summary{cursor:pointer;color:var(--cyan);margin:8px 0}.sim-create .primary{margin-top:15px}.sim-credit{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:14px;color:var(--muted);font-size:.7rem}.sim-credit button{font-size:.72rem;min-height:32px;padding:5px 9px;flex-shrink:0}.sim-dialog{background:#192d43;color:var(--text);border:1px solid #6c8c9f;border-radius:16px;padding:18px;max-width:calc(100vw - 24px);width:650px;max-height:85dvh;overflow:auto;box-shadow:0 25px 80px #0008}.sim-dialog::backdrop{background:#00101bd4;backdrop-filter:blur(3px)}.sim-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.sim-dialog h2{font-size:1.25rem;margin:0;color:#eef8ff}.sim-dialog h3{font-size:1rem;margin:17px 0 7px}.sim-dialog p{font-size:.87rem;color:#c9d7e7}.sim-dialog input,.sim-dialog select{margin-bottom:9px}.sim-shop-tools{display:flex;gap:7px}.sim-shop-tools select{max-width:150px}.sim-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-shop-item{border:1px solid #435e78;border-radius:10px;padding:12px;background:#12263c;display:flex;flex-direction:column;gap:6px}.sim-shop-item>span{font-size:1.5rem}.sim-shop-item b{font-size:.83rem}.sim-shop-item small{font-size:.72rem;color:#b9cddb}.sim-shop-item button{margin-top:auto;font-size:.78rem}.sim-build-note{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px;background:#254c42;border:1px solid #7ebda4;border-radius:10px;font-size:.78rem;margin-bottom:10px}.sim-dead{padding:28px;border:1px solid #667b90;border-radius:14px;text-align:center;background:#213548}.sim-settings{display:grid;gap:8px}.sim-mini{position:absolute;inset:0;z-index:5;background:#102237f7;padding:20px;display:flex;flex-direction:column;color:#edf7ff}.sim-mini h3{font-size:1.16rem;margin:0 0 7px}.sim-mini>p{color:#c6daea;font-size:.78rem;margin:0 0 10px;min-height:34px}.sim-mini-info{display:flex;justify-content:space-between;font-size:.78rem;color:var(--cyan);margin:5px 0 9px;min-height:20px}.sim-mini-footer{margin-top:auto;display:flex;gap:8px;justify-content:space-between;align-items:center}.sim-mini-footer small{font-size:.7rem;color:#bfd1e4}.sim-mini-footer button{font-size:.74rem;min-height:35px}.sim-pots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;flex:0 0 auto}.sim-pots button{height:135px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;padding:15px 8px;border:2px solid #466d86}.sim-pots button>i{position:absolute;inset:auto 0 0;background:#8bdfcf33}.sim-pots button>span,.sim-pots button>small{position:relative}.sim-pots button>span{font-size:1.7rem}.sim-pots button>small{font-size:.74rem}.sim-pots button.hot{background:#5c3941;border-color:#ffc68f}.sim-pond{position:relative;flex:1;min-height:140px;background:repeating-linear-gradient(0deg,#184e6833 0 9px,#28739522 10px 17px),linear-gradient(#215874,#102c42);border:1px solid #558fa5;border-radius:12px;overflow:hidden;margin:10px 0}.sim-fish{position:absolute;top:58%;font-size:2rem;transform:translate(-50%,-50%)}.sim-hook{position:absolute;top:5%;height:46%;border-left:2px solid #d0eaf6}.sim-hook:after{content:'J';position:absolute;bottom:-20px;left:-2px;font-size:1.5rem;color:#d9efff;font-weight:800}.sim-catch-controls{display:flex;align-items:center;gap:10px}.sim-catch-controls input{flex:1;min-width:0;accent-color:var(--cyan)}.sim-catch-controls button.flash{background:#8ce3b8;color:#113527;border-color:#c9ffc9}.sim-clean-board{flex:1;min-height:165px;position:relative;border:1px solid #9ab7bd;border-radius:12px;background:linear-gradient(25deg,#587777,#779591);margin:10px 0;overflow:hidden}.sim-clean-board button{position:absolute;transform:translate(-50%,-50%);border:none;border-radius:50%;width:38px;min-height:38px;padding:3px;background:#6d5738;color:#ddc7a0;font-size:1.1rem;box-shadow:0 0 7px #6b5b3888}.sim-clean-board button.wiped{opacity:0;pointer-events:none}.sim-repair{display:grid;gap:22px;margin:16px 0}.sim-wire{position:relative;height:38px;background:#172b42;border:1px solid #4b647b;border-radius:6px}.sim-wire:before{content:'';height:2px;position:absolute;left:0;right:0;top:18px;background:#a9bed0}.sim-wire button{position:absolute;left:0;top:0;z-index:1;height:36px;min-height:36px;width:52px;background:#385570;font-size:.82rem}.sim-wire span{position:absolute;top:1px;transform:translateX(-50%);color:#ffd99d;font-size:1.4rem}.sim-stage:has(.sim-mini){height:425px}.sim-app:fullscreen{width:100vw;max-width:none;height:100dvh;margin:0;overflow:auto;border-radius:0;border:0}.sim-app:fullscreen .sim-shell{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
@media(max-width:900px){.sim-app{padding:14px}.sim-shell{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.sim-stage{height:355px}.sim-private{display:none}}
@media(max-width:720px){.sim-app{padding:12px;margin:8px 0;border-radius:14px;font-size:14px}.sim-shell{grid-template-columns:1fr;gap:6px}.sim-brand h1{font-size:1.65rem}.life-city-mark{width:34px;height:34px;font-size:1.7rem}.sim-header>div:last-child{gap:7px;font-size:.72rem}.sim-top{padding:10px}.sim-top>div:last-child{gap:10px}.sim-top small{font-size:.65rem}.sim-money{font-size:1rem}.sim-stage{height:290px}.sim-panel{max-height:none;min-height:200px;padding:13px}.sim-tabs{border-top:1px solid var(--line);padding-top:9px}.sim-create{grid-template-columns:1fr;gap:10px}.sim-create-preview{position:static;min-height:200px}.sim-create-preview canvas{height:210px}.sim-traits{gap:5px}.sim-trait{font-size:.71rem!important;padding:8px}.sim-credit{font-size:.64rem}.sim-dialog{padding:14px;max-height:88dvh}.sim-mini{padding:17px 14px}.sim-mini h3{font-size:1rem}.sim-app:fullscreen .sim-shell{grid-template-columns:1fr}.sim-row .row-buttons{max-width:120px}.sim-pots button{height:125px}.sim-needs{padding:11px}}
@media(prefers-reduced-motion:reduce){.sim-app *{transition:none!important;animation:none!important}}

.sim-time-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 12px;margin:0 0 12px;border:1px solid var(--line);border-radius:11px;background:#193446}.sim-time-controls>span{color:var(--muted);font-size:.76rem;margin-right:5px}.sim-time-controls button{min-height:42px;min-width:42px;padding:5px 10px;font-weight:700}.sim-time-controls b{min-width:42px;text-align:center;color:var(--gold)}.sim-time-controls small{margin-left:auto;color:var(--cyan);font-size:.7rem}.sim-time-controls #lifeClockPause{font-size:.77rem;font-weight:500;margin-left:5px}.sim-header{flex-wrap:wrap;align-items:start}.sim-header>div:last-child{flex-wrap:wrap}.sim-brand{min-width:0}.sim-brand h1{font-size:1.8rem}.sim-brand small{letter-spacing:.08em}
@media(max-width:720px){.sim-header>div:last-child{width:100%;justify-content:space-between}.sim-brand h1{font-size:1.55rem}.sim-time-controls{padding:8px;gap:5px}.sim-time-controls small{flex-basis:100%;margin-left:0}.sim-time-controls>span{font-size:.7rem}.sim-time-controls #lifeClockPause{margin-left:auto}}

.sim-time-controls button:disabled{cursor:default}

/* 22.9.589: mobilon a hosszú panel a teljes oldallal együtt görgethető. */
@media(max-width:720px){#simsApp:not(:fullscreen){overflow:visible}#simsApp .sim-panel{max-height:none;overflow:visible;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}#simsApp:fullscreen{overflow-y:auto;overscroll-behavior:auto}#simsApp .sim-shell>div{min-width:0}}
/* 22.9.743 – Az oldal világos (téli) témája nem írhatja felül a játék sötét gombjait: a feliratok olvashatók maradnak. */
html body #simsApp.sim-app{--button-bg:#253b53!important;--button-text:#edf6ff!important;--button-border:#3c526a!important;--button-hover-bg:#2d4763!important;--button-secondary-bg:#253b53!important;--button-secondary-text:#edf6ff!important;--text-primary:#edf6ff!important;--text-secondary:#b8c9db!important;--text-muted:#b8c9db!important;--state-selected-bg:#2c4a5c!important;--state-selected-text:#8bede0!important}
html body #simsApp.sim-app button:not(.primary):not(.flash):not([aria-selected=true]),
html body #simsApp.sim-app a.sim-btn{color:#edf6ff!important;-webkit-text-fill-color:currentColor!important}
html body #simsApp.sim-app button:not(.primary):not(.flash):disabled{opacity:.55}
html body #simsApp.sim-app button[aria-selected=true]{color:#8bede0!important}
html body #simsApp.sim-app .primary{color:#102c32!important}
html body #simsApp.sim-app select,html body #simsApp.sim-app input{color:#edf6ff!important;background:#253b53!important;-webkit-text-fill-color:currentColor!important}
html body #simsApp.sim-app select option{color:#edf6ff;background:#1b2b40}
html body #simsApp.sim-app a{color:#8bede0!important;-webkit-text-fill-color:currentColor!important}

.sim-stage-btns{display:flex;gap:6px;pointer-events:auto}.sim-stage canvas{touch-action:pan-y}
@media(max-width:720px){.sim-stage{height:min(62vh,430px)}}
.sim-flav{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}.sim-flav button{width:38px;height:38px;border-radius:50%;color:var(--c);font-size:26px;line-height:1;padding:0;border:2px solid transparent;background:#fff}.sim-flav button.on{border-color:#222;transform:scale(1.12)}
/* 22.9.829 – újdonságok */
.sim-new{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:8px;background:#ff4d6d;color:#fff;font-style:normal;font-size:10px;font-weight:800;vertical-align:top;animation:sim829p 1.4s ease-in-out infinite}
@keyframes sim829p{50%{transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.sim-new{animation:none}}
.sim-news{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #ffffff1a}
.sim-news>span{font-size:28px}.sim-news small{display:block;opacity:.8;line-height:1.35}.sim-news button{white-space:nowrap}