@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eff2eb;background:#0a1219;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 60% 10%,#243841,#0a1219 65%)}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.game-layout{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:42px;padding:24px}.world-stage{width:min(51vw,630px);height:min(880px,calc(100dvh - 48px));position:relative;border-radius:30px;overflow:hidden;box-shadow:0 22px 70px #0008;background:#263844}.world-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;animation:worldEnter 1s ease both}.world-shade{position:absolute;inset:0;background:linear-gradient(0deg,#061016f2 0%,#0b182191 27%,transparent 62%)}.world-copy{position:absolute;bottom:0;left:0;right:0;padding:40px}.world-kicker,.eyebrow{font-weight:800;letter-spacing:.18em;font-size:10px;color:#d5e9a2}.world-copy h1{font:800 clamp(34px,3.5vw,58px)/1.07 Manrope;margin:12px 0 13px;letter-spacing:-.06em}.world-copy h1 em{font-style:normal;color:#d9eda7}.world-copy p{color:#d0dad5;font-size:14px;line-height:1.55;max-width:500px}.character-chip{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:12px;color:#cbd9d3}.character-chip b{color:#fff;letter-spacing:.12em}.live-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#d7e9a4;box-shadow:0 0 0 4px #d7e9a427}.device-shell{width:min(440px,100%);height:min(860px,calc(100dvh - 48px));background:#070e14;border:8px solid #05090e;border-radius:42px;box-shadow:0 24px 90px #000b,0 0 0 1px #ffffff29;overflow:hidden;flex:none}.device-screen{height:100%;background:#101d25;display:flex;flex-direction:column;overflow:hidden;border-radius:33px}.phone-top{padding:12px 22px 13px;background:#12232c;border-bottom:1px solid #ffffff16;flex:none}.phone-status{display:flex;justify-content:space-between;font-weight:700;font-size:11px;color:#dce9e3;padding:0 5px 15px}.phone-title{display:flex;justify-content:space-between;align-items:center}.phone-title small{display:block;font-size:9px;font-weight:800;letter-spacing:.19em;color:#9dbbb4}.phone-title strong{display:block;font:800 22px Manrope;letter-spacing:-.05em;margin-top:2px}.phone-avatar,.profile-avatar{display:grid;place-items:center;background:#dceba7;color:#203022;font:800 20px Manrope;border-radius:50%;width:39px;height:39px}.phone-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46605e transparent;padding:18px 18px 28px}.phone-view[hidden]{display:none!important}.phone-view:not([hidden]){animation:screenIn .27s ease both}.phone-nav{flex:none;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#13242d;border-top:1px solid #ffffff18;padding:7px 7px 10px}.nav-button{border:0;background:transparent;color:#8ca5a2;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 0;border-radius:10px;font-size:9px;font-weight:700}.nav-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-button.active{color:#d8ebaa;background:#d9ebb013}.nav-button:focus-visible,.app-tile:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline:2px solid #d8ebaa;outline-offset:2px}
h2,h3,p{margin:0}h2{font:800 24px Manrope;letter-spacing:-.055em}h3{font:800 16px Manrope;letter-spacing:-.025em}.mobile-character{display:none}.welcome-card{background:linear-gradient(125deg,#29443e,#1c333e);border:1px solid #ffffff1d;border-radius:18px;padding:21px;margin-bottom:13px}.welcome-card h2{font-size:25px;margin:8px 0}.welcome-card p{font-size:12px;color:#b6d0c0;margin-bottom:17px}.primary{display:block;width:100%;background:#d9eba7;color:#19271f;border:0;border-radius:10px;padding:13px 16px;text-align:center;font-weight:800;transition:transform .18s,filter .18s}.primary:not(:disabled):active,.secondary:not(:disabled):active,.app-tile:active{transform:scale(.975)}.primary:hover:not(:disabled){filter:brightness(1.06)}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.snapshot{background:#1b3038;border:1px solid #ffffff12;border-radius:13px;padding:13px;min-height:91px}.snapshot span,.snapshot small{display:block;color:#9db3ad;font-size:11px}.snapshot strong{display:block;font:800 20px Manrope;letter-spacing:-.05em;margin:5px 0 2px}.section-label{margin:24px 0 12px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.app-tile{height:126px;border:0;border-radius:13px;background-color:#2b4449;background-position:center;background-size:cover;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;overflow:hidden;position:relative;transition:transform .18s}.app-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061218df,transparent 75%)}.app-tile span,.app-tile small{position:relative;z-index:1}.app-tile span{font:800 17px Manrope}.app-tile small{font-size:11px;color:#d5e4db;margin-top:3px}.tile-market{background-image:url('market-is.png');background-size:200% 100%;background-position:left center}.tile-house{background-image:url('ev-mutfak.png')}.tile-plan{background-image:url('market-is.png');background-size:200% 100%;background-position:right center}.tile-invest{background-image:linear-gradient(140deg,#264c48,#0d202a)}.tile-invest:after{content:'↗';position:absolute;right:20px;top:13px;color:#d6e8a0;font-size:50px}.today-tip{display:flex;align-items:center;gap:11px;background:#233c3c;border-radius:10px;padding:12px;margin-top:13px;font-size:11px;color:#cbdcd1;line-height:1.4}
.scene-banner{height:174px;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background-size:200% 100%;background-repeat:no-repeat;position:relative;overflow:hidden;margin-bottom:12px}.scene-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07141dde,transparent 75%)}.scene-banner>*{position:relative}.scene-banner span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#deeba9}.scene-banner h2{margin-top:4px}.scene-market{background-image:url('market-is.png');background-position:left center}.scene-work{background-image:url('market-is.png');background-position:right center}.phone-card{background:#172b34;border:1px solid #ffffff12;border-radius:15px;padding:16px;margin-bottom:12px}.phone-card>h3{margin-bottom:12px}.field-row{border-top:1px solid #ffffff15;padding:12px 0}.field-row label{display:block;font-size:11px;color:#b0c4bd;margin-bottom:7px}.field-row select,.room-body select{display:block;width:100%;min-width:0;background:#233a43;border:1px solid #ffffff22;color:#eff3ed;border-radius:8px;padding:10px}.source-note,.muted{color:#a1b4ae;font-size:11px;line-height:1.55;margin-top:11px}.source-note a{color:#d8eca6;text-decoration:none}.budget{background:#203b3e;border-radius:10px;padding:14px}.budget>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#b9ccc1;font-size:12px}.budget strong{font:800 18px Manrope;color:#f4f6e9}.bar{height:5px;background:#3a5555;border-radius:5px;margin:12px 0 8px;overflow:hidden}.bar span{display:block;height:100%;background:#d8eaa6}.budget small{font-size:10px;color:#b9ccc1}.statement{margin-top:12px;background:#1d333c;border-radius:10px;padding:13px}.statement h3{font-size:13px;margin-bottom:8px}.statement-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #ffffff12;font-size:11px;color:#b0c5bc}.statement-row b{color:#eef3e5;white-space:nowrap}.statement>strong{display:block;margin-top:10px;text-align:right;font:800 14px Manrope;color:#d9eaa9}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:12px}.section-heading h2{margin-top:5px}.step{font-size:10px;color:#c9d9ce;background:#ffffff0d;border:1px solid #ffffff18;border-radius:99px;padding:7px 9px;white-space:nowrap}.products{display:grid;gap:7px}.product{display:flex;align-items:center;gap:7px;background:#233b42;border-radius:9px;padding:10px;font-size:12px}.product span{flex:1;min-width:0;color:#e2ebe3}.product b{white-space:nowrap}.product button,.secondary{background:#345147;border:1px solid #769075;color:#eaf4df;border-radius:7px;padding:7px 9px;font-size:11px;transition:transform .18s}.market-cart{margin-top:16px;border-top:1px solid #ffffff20;padding-top:15px}.market-cart h3{margin-bottom:9px}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b9c9c3;margin:12px 0}.cart-total strong{font:800 18px Manrope;color:#fff}.market-cart small{display:block;margin-top:8px;color:#a5b9b0;font-size:11px}
.home-panel .section-heading{margin-bottom:14px}.home-overview{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#203a40;border-radius:11px;padding:12px;margin-bottom:12px}.home-overview strong{display:block;font:800 20px Manrope;color:#d9eba7}.home-overview span{font-size:10px;color:#b0c7ba}.home-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:13px}.home-need{background:#233c42;border-radius:7px;padding:7px;font-size:10px;color:#b8cdc1;min-width:0}.home-need b{float:right;color:#def0b0}.need-track{clear:both;height:4px;background:#405956;border-radius:5px;margin-top:9px;overflow:hidden}.need-track i{display:block;height:100%;background:#d9eba7}.home-room{background:#203640;border-radius:12px;overflow:hidden;margin-bottom:12px}.room-photo{height:148px;background-size:cover;background-position:center}.kitchen-photo{background-image:url('ev-mutfak.png')}.bath-photo{background-image:url('ev-banyo-salon.png');background-size:200% 100%;background-position:left center}.lounge-photo{background-image:url('ev-banyo-salon.png');background-size:200% 100%;background-position:right center}.room-body{padding:13px}.room-title{display:flex;justify-content:space-between;align-items:baseline;gap:7px}.room-title h3{font-size:15px}.room-title span{font-size:10px;color:#adc5b8}.room-body .source-note{margin:8px 0}.room-body label{display:block;color:#c4d9c9;font-size:11px;margin:10px 0 6px}.room-body button{width:100%;margin-top:10px}.pantry{display:flex;flex-wrap:wrap;gap:5px}.pantry span{font-size:10px;background:#3c594a;color:#edf6df;padding:5px 7px;border-radius:99px}.pantry .empty{background:#33484a;color:#b8c5bd}.room-actions{display:grid;gap:5px}.room-actions button{margin:0}.home-bottom{background:#1c323a;padding:12px;border-radius:10px}.home-bottom h3{font-size:14px;margin:6px 0 10px}.meter-grid{display:grid;gap:6px;margin-bottom:15px}.meter{display:flex;justify-content:space-between;gap:7px;padding:8px;background:#284149;border-radius:7px;font-size:11px;color:#c3d4c7}.meter b{color:#fff;text-align:right}.home-bottom .source-note{margin-top:7px}
.invest-hero{background:radial-gradient(circle at 80% 0,#426758,#1b343b 58%,#14232c);border-radius:16px;padding:22px 18px 0;margin-bottom:12px;overflow:hidden}.invest-hero h2{margin:9px 0}.invest-hero p{font-size:12px;color:#bfd2c4}.chart{height:130px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;margin-top:18px;mask-image:linear-gradient(0deg,transparent 0,#000 30%)}.chart span{flex:1;background:linear-gradient(0deg,#8fbc91,#d9e9a7);border-radius:6px 6px 0 0;animation:chartRise .55s ease both}.chart span:nth-child(1){height:35%}.chart span:nth-child(2){height:54%;animation-delay:.05s}.chart span:nth-child(3){height:43%;animation-delay:.1s}.chart span:nth-child(4){height:69%;animation-delay:.15s}.chart span:nth-child(5){height:57%;animation-delay:.2s}.chart span:nth-child(6){height:78%;animation-delay:.25s}.chart span:nth-child(7){height:71%;animation-delay:.3s}.chart span:nth-child(8){height:91%;animation-delay:.35s}.stock{display:flex;justify-content:space-between;align-items:center;gap:8px}.stock b,.stock small{display:block}.stock b{font:800 17px Manrope}.stock small{font-size:10px;color:#a9c1b1;margin-top:4px}.stock strong{font:800 24px Manrope}.stock-actions{display:flex;align-items:center;gap:7px;margin-top:17px}.stock-actions span{margin-left:auto;font-size:11px;color:#bdcfc0}.profile-header{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#314f45,#1a343d);padding:20px;border-radius:15px;margin-bottom:12px}.profile-avatar{width:55px;height:55px;font-size:26px}.profile-header small{font-size:10px;letter-spacing:.17em;color:#d4e5c6}.profile-header h2{font-size:22px}.journal{display:grid;gap:9px}.entry{border-left:2px solid #d6e8a5;padding-left:10px;font-size:11px;color:#d0ded1;line-height:1.45}.entry small{display:block;color:#91afa0}.relation{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff19;padding-top:13px;margin-top:15px;font-size:11px}.relation>span{color:#a4bcb0}.relation strong{margin-right:auto}.text-button{background:transparent;border:0;color:#dce9a9;padding:6px;font-size:11px}.sync-panel .muted{margin-bottom:10px}.sync-controls{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.sync-controls input{min-width:0;flex:1 1 100%;background:#213a42;border:1px solid #ffffff24;color:#eaf2e5;border-radius:8px;padding:10px;font-size:11px}.sync-controls .secondary{flex:1}.reset-button{width:100%;border:1px solid #8c6b63;background:transparent;color:#d5aaa0;padding:11px;border-radius:9px;margin:8px 0 10px}.fine-print{font-size:10px;color:#7e9990;text-align:center}
@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chartRise{from{height:0}to{}}@keyframes worldEnter{from{transform:scale(1.04);opacity:.6}to{transform:scale(1);opacity:1}}@media(max-width:850px){.game-layout{gap:15px;padding:15px}.world-stage{width:45vw}.world-copy{padding:22px}.world-copy h1{font-size:33px}}@media(max-width:700px){body{background:#101d25}.game-layout{display:block;padding:0;min-height:100dvh}.world-stage{display:none}.device-shell{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.device-screen{border-radius:0}.phone-status{display:none}.phone-top{padding:12px 18px}.phone-content{padding:12px 14px 24px}.phone-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-character{display:block;position:relative;height:164px;border-radius:15px;overflow:hidden;margin-bottom:10px}.mobile-character img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.mobile-character:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061218bc,transparent 70%)}.mobile-character div{position:absolute;z-index:1;left:16px;bottom:14px;display:flex;flex-direction:column}.mobile-character b{font:800 18px Manrope}.mobile-character span{font-size:11px;color:#d2e0d4}}@media(max-width:370px){.snapshot strong{font-size:17px}.nav-button{font-size:8px}.phone-content{padding:10px}.home-need{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.market-heading-actions{display:flex;align-items:center;gap:6px}.market-heading-actions .secondary{white-space:nowrap;padding:7px 9px}.market-heading-actions .step{padding:7px}.market-tools{display:flex;flex-direction:column;gap:7px;margin:16px 0 12px}.market-tools label{font-size:11px;color:#c8dacd}.market-tools input{width:100%;padding:11px 12px;background:#203942;border:1px solid #648075;color:#f3f7ef;border-radius:9px;outline:0}.market-tools input:focus{border-color:#d9eba7;box-shadow:0 0 0 2px #d9eba72a}.market-tools>span{font-size:10px;color:#acc6b8}.market-categories{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 12px;scroll-snap-type:x proximity}.market-category{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 78px;padding:5px 4px 8px;border:1px solid #47615b;background:#203840;color:#e4eee3;border-radius:11px;scroll-snap-align:start}.market-category[aria-pressed="true"]{border-color:#d9eba7;background:#365548;box-shadow:0 0 0 2px #d9eba71d}.market-category-image{display:block;width:65px;height:53px;border-radius:7px;background-image:url('market-categories.png');background-size:300% 300%;background-position:center}.market-category-image.all-products{background-image:url('market-is.png');background-size:200% 100%;background-position:left center}.market-category b{font-size:9px;line-height:1.15;text-align:center;min-height:20px}.products{gap:8px}.product{padding:10px;gap:9px;align-items:center}.product-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.product-details strong{font-size:12px;color:#f0f4e8}.product-details small{font-size:10px;color:#acc7bb}.product-details a{font-size:9px;color:#d9eba7;text-decoration:none}.product>b{font-size:12px;min-width:47px;text-align:right}.product>button{min-width:48px}.market-empty{padding:20px 6px;color:#b8cabc;font-size:12px}.supplies-panel{background:#203640;padding:14px;border-radius:12px;margin:0 0 12px}.supplies-panel h3{font-size:14px}.supplies-panel p{font-size:11px;color:#a5c0b1;margin:5px 0 10px}
.phone-nav{grid-template-columns:repeat(7,1fr)}
@media(max-width:700px){body.native-ad-visible .device-shell{height:calc(100dvh - var(--native-ad-height, 0px))}}
.scene-bank{background:radial-gradient(circle at 75% 12%,#789b78,#294a4b 55%,#172c38);background-size:cover}
.scene-bank:after{content:'₺';position:absolute;right:22px;top:5px;font:800 115px Manrope;color:#e4f5b52b}
.social-status{background:#25433e;border-left:3px solid #d9eba7;color:#e4efd9;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.45;margin:0 0 12px}
#social-auth[hidden],#social-account[hidden],#family-invite-form[hidden],#family-contribute-form[hidden]{display:none!important}
#child-plan-form[hidden],#child-cancel[hidden]{display:none!important}
.children-card .social-row select{width:100%;background:#203942;border:1px solid #708d80;border-radius:8px;color:#f0f5ed;padding:10px;min-height:40px}
.social-form,#social-auth-form{display:grid;gap:7px;margin-bottom:15px}
.social-form label,#social-auth-form label{font-size:11px;color:#bfd4c5}
.social-form input,.social-form select,#social-auth-form input{width:100%;background:#233a43;border:1px solid #607c73;color:#f0f5ed;border-radius:8px;padding:10px;min-width:0}
.social-form input:focus,.social-form select:focus,#social-auth-form input:focus{outline:2px solid #d9eba7;outline-offset:1px}
.wallet-balance{display:block;font:800 30px Manrope;letter-spacing:-.05em;color:#e3f3ae}
.social-list{display:grid;gap:8px;margin:10px 0}
.social-list[hidden]{display:none!important}
.social-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;background:#233b42;border:1px solid #ffffff13;border-radius:9px;padding:10px;font-size:11px}
.social-row span{width:100%;overflow-wrap:anywhere}
.social-row span:first-child{font-weight:800;color:#f2f5ed}
.social-row span:not(:first-child){color:#bed0c2}
.social-row button{margin-top:3px}
.social-row input{background:#1a3139;border:1px solid #718a7b;border-radius:7px;padding:7px;color:#f2f5ed;width:110px;max-width:100%}
.social-ledger-title{font-size:12px;margin-top:15px}
#family-reload[hidden]{display:none!important}
.recipe-detail{margin:10px 0 4px;padding:10px;background:#172f35;border:1px solid #ffffff18;border-radius:9px}
.recipe-detail p{color:#d9eba7;font-size:11px;font-weight:700;margin-bottom:8px}
.recipe-ingredients{display:flex;flex-wrap:wrap;gap:5px}
.recipe-ingredients span{font-size:10px;line-height:1.35;padding:6px 7px;border-radius:7px}
.recipe-ready{background:#365848;color:#e6f3da}
.recipe-missing{background:#553b37;color:#ffe0d7}
.editable-row input,.free-cook input,.bill-editor input{background:#233a43;border:1px solid #668077;border-radius:8px;color:#f0f5ed;padding:10px;min-width:0;width:100%}
.editable-controls{display:flex;align-items:center;gap:7px}
.editable-controls input{flex:1}
.editable-controls button{white-space:nowrap}
.editable-row small{display:block;color:#aac2b6;font-size:10px;line-height:1.4;margin-top:7px}
.free-cook,.bill-editor{background:#1a333a;border:1px solid #ffffff22;border-radius:10px;padding:12px;margin-top:12px}
.free-cook summary,.bill-editor summary{cursor:pointer;color:#d9eba7;font-weight:800;font-size:12px}
.free-cook label,.bill-editor label{display:block;color:#c4d9c9;font-size:11px;margin:10px 0 5px}
.free-cook select{background:#233a43;border:1px solid #668077;border-radius:8px;color:#f0f5ed;padding:10px;width:100%}
.custom-ingredients{display:grid;gap:7px;margin:12px 0}
.custom-ingredient{display:grid;grid-template-columns:1fr 115px;gap:8px;align-items:center;background:#254149;border-radius:8px;padding:8px}
.custom-ingredient label{margin:0}
.custom-ingredient label small{display:block;color:#b5c9bf;font-size:10px;margin-top:3px}
.free-cook>button,.bill-editor form button{width:100%;margin-top:8px}
.free-cook>small,.bill-editor>small{display:block}
.bill-editor form{display:grid;gap:2px}
.bill-editor .text-button{margin-top:8px}
.statement>label{display:block;color:#bdd4c4;font-size:10px;margin-bottom:5px}
.statement>select{width:100%;background:#284349;border:1px solid #698579;color:#f2f7eb;border-radius:7px;padding:8px;margin-bottom:12px;font-size:11px}
.vacation-card .section-heading{align-items:center}
.social-scene{position:relative;margin:12px 0 14px;border-radius:11px;overflow:hidden;background:#10272c}
.social-scene img{display:block;width:100%;height:170px;object-fit:cover;object-position:center 42%}
.social-scene figcaption{position:absolute;inset:auto 0 0;padding:20px 12px 10px;background:linear-gradient(transparent,#0b1a1ddc);color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 3px #101b1d}
.vacation-photo{display:block;width:100%;height:145px;object-fit:cover;object-position:center;border-radius:10px;margin-bottom:14px}
.vacation-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin:12px 0}
.vacation-fields .field-row{min-width:0}
.vacation-breakdown{background:#20383e;border:1px solid #ffffff15;border-radius:11px;padding:11px 13px;margin:10px 0}
.vacation-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:#bed1c6;font-size:12px}
.vacation-line:last-child{border-top:1px solid #ffffff26;margin-top:5px;padding-top:10px;color:#e3efa9;font-weight:800}
.vacation-card .primary{margin:13px 0 8px}
.vacation-card #vacation-status{min-height:28px}
.chapter-card{padding:16px 18px;margin:0 0 13px;background:linear-gradient(145deg,#263f42,#172e39);border:1px solid #d6e9ad45}
.chapter-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.chapter-top .eyebrow{color:#dbeaa5}.chapter-ages{font-size:11px;color:#b8ceca}
.chapter-card h3{font-size:19px;margin:9px 0 4px}.chapter-card .source-note{margin:0;color:#c1d2c7}
.chapter-track{height:6px;margin:13px 0;border-radius:10px;background:#ffffff30;overflow:hidden}.chapter-track span{display:block;height:100%;background:#dceca6;border-radius:10px;transition:width .25s}
.chapter-goals{display:flex;gap:6px;flex-wrap:wrap}.chapter-goal{border:1px solid #ffffff29;border-radius:99px;padding:5px 7px;font-size:10px;line-height:1.2;color:#cbd6cc}.chapter-goal.done{background:#dceca626;border-color:#dceca677;color:#e5f0bc}
.chapter-action{margin-top:11px;font-size:11px;padding:8px 10px}
.decision-card{margin:0 0 13px;padding:16px 18px;background:linear-gradient(135deg,#45392f,#26373a);border:1px solid #efca8f6b}
.decision-card .eyebrow{color:#efd59f}.decision-card h3{font-size:20px;margin:8px 0}.decision-card .source-note{color:#d6d2c4}
.decision-options{display:grid;gap:8px;margin-top:14px}.decision-option{display:block;width:100%;text-align:left;border:1px solid #e7dcc280;border-radius:12px;background:#283f3b;color:#f4f1e5;padding:11px 12px}
.decision-option strong,.decision-option small{display:block}.decision-option strong{font-size:13px}.decision-option small{font-size:10px;line-height:1.4;color:#d4decf;margin-top:4px}.decision-option:active{transform:scale(.985)}
.neighborhood-launch{width:100%;margin-top:9px;padding:12px;border:1px solid #d3e5c2;border-radius:12px;background:#2d4e46;color:#fff;font-weight:800;font-size:14px;cursor:pointer}
.neighborhood[hidden]{display:none!important}
.neighborhood{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#2e3d31;color:white;font-family:system-ui,-apple-system,sans-serif}
.neighborhood-art{position:absolute;inset:0;background:url('mahalle-ilk-bolum.webp') center center/cover no-repeat}
.neighborhood::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#13231d99 0%,transparent 18%,transparent 60%,#0f1d19b8 100%)}
.neighborhood-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:18px;right:18px;z-index:3;display:flex;justify-content:space-between;align-items:center;text-shadow:0 1px 4px #142218}
.neighborhood-top small,.neighborhood-top strong{display:block}.neighborhood-top small{font-size:10px;letter-spacing:.14em;font-weight:850}.neighborhood-top strong{font-size:28px;line-height:1.1}
.neighborhood-top button{width:43px;height:43px;border:1px solid #ffffff8c;border-radius:50%;background:#18312bbb;color:white;font-size:20px;cursor:pointer}
.neighborhood-point{position:absolute;z-index:2;border:1px solid #ffffffb0;border-radius:100px;padding:8px 12px 8px 7px;background:#14352edb;color:#fff;box-shadow:0 5px 18px #0918126b;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%);backdrop-filter:blur(7px)}
.neighborhood-point span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:4px;border-radius:50%;background:#e9f1ce;color:#193b2e;font-size:16px;vertical-align:middle}
.neighborhood-point.selected{background:#eaf0cd;color:#183c31;outline:3px solid #ffffff99}.neighborhood-point.selected span{background:#244d3b;color:#fff}
.point-market{left:25%;top:25%}.point-work{left:78%;top:23%}.point-home{left:25%;top:72%}.point-bus{left:79%;top:70%}
#neighborhood-world{background:#91b9cc}
#neighborhood-world canvas{display:block;width:100%;height:100%;touch-action:none}
.neighborhood-actor{position:absolute;left:50%;top:43%;height:9%;width:auto;z-index:2;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(3px 8px 3px #17231872)}
.neighborhood-actor img{position:relative;z-index:1;display:block;height:100%;width:auto}
.neighborhood-actor.walking img{animation:actor-step .34s ease-in-out infinite alternate}
.neighborhood-actor.facing-left img{scale:-1 1}
.actor-shadow{position:absolute;left:23%;right:18%;bottom:0;height:7%;border-radius:50%;background:#101b177a;filter:blur(3px)}
@keyframes actor-step{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}
.neighborhood-point{z-index:3}.neighborhood-top,.neighborhood-card{z-index:4}
.neighborhood-card button:disabled{opacity:.6;cursor:wait}
.transport-panel[hidden],.driving-panel[hidden]{display:none!important}
.transport-panel,.driving-panel{position:absolute;z-index:6;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:520px;margin:auto;border:1px solid #ffffff66;border-radius:18px;padding:16px;background:#112820f2;box-shadow:0 18px 50px #0e2118ac;backdrop-filter:blur(16px)}
.transport-panel{max-height:72%;overflow:auto}.transport-head,.driving-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.transport-head small{font-size:10px;letter-spacing:.12em;color:#d6e4bd;font-weight:800}.transport-head h2{margin:3px 0 0;font-size:21px;color:#fff}.transport-head button,.driving-head button{border:1px solid #ffffff80;border-radius:8px;background:transparent;color:white;padding:7px 10px;font-size:16px}
.transport-panel p{font-size:12px;line-height:1.4;color:#d4e2d4}.transport-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.transport-option{border:1px solid #bfd2b777;border-radius:11px;padding:11px 10px;background:#244139;color:white;text-align:left;cursor:pointer}.transport-option strong{display:block;font-size:14px}.transport-option small{display:block;margin-top:4px;color:#d9e7d0;font-size:10px;line-height:1.3}.transport-option:disabled{opacity:.42}.transport-panel>a{display:block;margin-top:12px;color:#dceab2;font-size:11px}
.driving-head strong{font-size:19px}.driving-panel{top:max(54px,env(safe-area-inset-top));display:flex;flex-direction:column;max-width:700px}.driving-world{position:relative;flex:1;min-height:190px;margin:12px 0 9px;overflow:hidden;border-radius:12px;background:#92bed5}.driving-world canvas{display:block;width:100%;height:100%;touch-action:none}
.driving-meters{display:flex;justify-content:space-between;color:#e5eebf;font-weight:800;font-size:14px}.driving-progress{height:7px;margin-top:9px;border-radius:9px;background:#ffffff38;overflow:hidden}.driving-progress span{display:block;width:0;height:100%;background:#dceead}.driving-panel p{min-height:30px;font-size:11px;color:#d5e2d2}.driving-controls{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1fr;gap:7px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.driving-controls button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:1px solid #ffffff8e;border-radius:10px;padding:12px 5px;background:#2b5140;color:white;font-size:14px;font-weight:800}.driving-controls button:nth-child(3){background:#e1eeb0;color:#173225}.driving-controls button.pressed{filter:brightness(1.25);transform:translateY(2px)}
.neighborhood-card{position:absolute;z-index:3;bottom:max(16px,env(safe-area-inset-bottom));left:14px;right:14px;max-width:500px;margin:auto;padding:15px 17px 16px;border:1px solid #ffffff5e;border-radius:18px;background:#122922eb;box-shadow:0 18px 50px #0e2118a8;backdrop-filter:blur(15px)}
.neighborhood-card-top{display:flex;align-items:center;gap:11px}.neighborhood-card-top>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#e2edc3;color:#274c35;font-size:24px}.neighborhood-card-top small{display:block;color:#c6d7bd;font-size:9px;font-weight:800;letter-spacing:.13em}.neighborhood-card h2{margin:3px 0 0;font-size:19px;line-height:1.12;color:white}.neighborhood-card p{margin:10px 0 0;color:#dbe6d8;font-size:12px;line-height:1.4}.neighborhood-card button{width:100%;margin-top:12px;border:0;border-radius:10px;padding:11px 15px;background:#e4efb4;color:#193729;font-weight:900;font-size:14px;cursor:pointer}
 .retirement-worth { display:block; margin:1rem 0; color:#e4f4ad; font-size:1.35rem; }

/* Release polish: readable controls and clear paths through the phone UI. */
#start-background label { display:block; margin:13px 0 7px; color:#c8dad0; font-size:13px; font-weight:700; }
#start-background select { display:block; width:100%; min-height:46px; margin:0 0 10px; padding:10px 12px; border:1px solid #78978a; border-radius:9px; background:#233d45; color:#f3f7ed; }
#start-background-apply { min-height:44px; margin-top:8px; }
.phone-nav { gap:2px; }
.nav-button { min-height:51px; font-size:10px; }
.nav-button svg { width:22px; height:22px; }
.market-swipe-hint { margin:2px 0 7px; color:#b5ccbf; font-size:11px; }
.market-category { flex-basis:84px; min-height:91px; }
.market-category b { font-size:11px; line-height:1.2; }
#screen-profile a.source-note { display:inline-flex; align-items:center; min-height:44px; margin:8px 8px 0 0; padding:9px 12px; border:1px solid #78978a; border-radius:9px; background:#243d41; color:#deefb8; font-size:12px; font-weight:700; text-decoration:none; }
@media (max-width:370px) { .nav-button { font-size:9px; } }

/* Put the playable choice and current balance above optional detail on phones. */
@media (max-width:700px) {
  .phone-top { padding-top:max(12px, env(safe-area-inset-top)); }
  #screen-today .mobile-character { height:116px; }
  #screen-today .mobile-character img { object-position:center 14%; }
  #screen-today .welcome-card { padding:15px; }
  #screen-today .welcome-card h2 { font-size:21px; margin:5px 0; }
  #screen-today .welcome-card p { margin-bottom:9px; }
  #screen-today .snapshot { min-height:77px; padding:10px 11px; }
  #screen-today .snapshot strong { font-size:18px; }
  #screen-plan .office-photo { height:130px; }
}

/* Findable monthly flow and section shortcuts. */
.plan-guide { padding:14px; }
.budget-details { margin-top:12px; border-top:1px solid #ffffff20; padding-top:10px; }
.budget-details summary { cursor:pointer; min-height:44px; display:flex; align-items:center; color:#dcefae; font-size:12px; font-weight:800; }
.budget-details summary::before { content:'▸'; margin-right:9px; font-size:15px; }
.budget-details[open] summary::before { content:'▾'; }
.budget-details .statement { margin-top:5px; }
.plan-guide h3 { margin-bottom:11px; }
.plan-guide-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.plan-guide-links button { min-height:44px; text-align:left; padding:9px 11px; font-size:12px; font-weight:700; }
.flow-note { margin:0 0 14px!important; color:#d4e6ce!important; font-size:12px!important; line-height:1.45; }
.welcome-card #neighborhood-open { margin:0 0 9px; }
.tile-utility { height:91px; background:linear-gradient(135deg,#294543,#192f38); }
.tile-utility:after { content:'→'; position:absolute; top:11px; right:14px; font-size:21px; color:#d6e8a0; }
.tile-utility span { font-size:15px; }
.tile-utility small { line-height:1.25; }
.crisis-card { border:1px solid #efb88b88; background:linear-gradient(135deg,#453a35,#20363b); }
.crisis-card h3 { margin:0 0 6px; font-size:19px; }
.crisis-card p { margin:0 0 12px; }
.crisis-card button { min-height:44px; }
.year-button { display:block; width:100%; min-height:44px; margin:4px 0 8px; text-align:center; }
.year-button[hidden] { display:none; }
#advance-year-status:empty { display:none; }
#job-current{margin:4px 0 10px;color:#e8f2df;font-size:12px;font-weight:800}
#job-application-status{padding:10px 12px;border-left:3px solid #dceaa6;background:#263c3e;border-radius:7px;margin:0 0 12px;color:#dcebdc}
#job-application-status[data-state="pending"]{border-color:#82bfd9;background:#1d3947;color:#e3f5ff}
#job-application-status[data-state="result"]{border-color:#dceaa6;background:#294139}
#job-application-status[data-state="error"]{border-color:#e5a67e;background:#46332d;color:#fff0df}