:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#3b3939;background:#9bd2ed;font-synthesis:none;text-rendering:optimizeLegibility;--cream: #fff8e9;--cream-strong: #fffdf6;--ink: #3b3939;--muted: #8b847a;--green: #77b64f;--green-dark: #548d3c;--orange: #f2a33c;--shadow: 0 8px 0 rgba(94, 119, 108, .14), 0 12px 28px rgba(62, 102, 124, .17)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#9bd2ed}button{font:inherit}button:focus-visible{outline:3px solid #4e9dcc;outline-offset:3px}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:grab}.scene-layer:active{cursor:grabbing}.scene-layer canvas{display:block;width:100%;height:100%;touch-action:none}.showcase-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#9bd2ed}.showcase-shell canvas{display:block;width:100%;height:100%}.showcase-heading{position:absolute;top:22px;left:24px;z-index:2;padding:14px 18px;color:var(--ink);background:#fffaeef0;border:1px solid rgba(255,255,255,.84);border-radius:18px;box-shadow:var(--shadow)}.showcase-heading p{margin:0 0 3px;color:#a0988a;font-size:9px;font-weight:800;letter-spacing:.12em}.showcase-heading h1{margin:0;font-size:20px}.showcase-heading span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.showcase-legend{position:absolute;bottom:24px;left:50%;z-index:2;display:flex;gap:16px;padding:10px 15px;color:var(--ink);background:#fffaeef0;border:1px solid rgba(255,255,255,.84);border-radius:16px;box-shadow:var(--shadow);transform:translate(-50%);font-size:12px;font-weight:800;white-space:nowrap}.showcase-legend span{display:inline-flex;gap:5px;align-items:center}.showcase-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.showcase-dot.poland{background:linear-gradient(#fffaf2 50%,#e94f64 50%)}.showcase-dot.japan{background:radial-gradient(circle at center,#ed5a67 0,#ed5a67 38%,#fffaf2 40%)}.showcase-dot.italy{background:linear-gradient(90deg,#61a978 0,#61a978 33%,#fffaf2 33%,#fffaf2 66%,#e56a62 66%)}.motion-showcase-legend{position:absolute;right:24px;bottom:24px;z-index:2;display:grid;grid-template-columns:repeat(3,auto);gap:6px 12px;padding:11px 14px;color:var(--ink);background:#fffaeef0;border:1px solid rgba(255,255,255,.84);border-radius:16px;box-shadow:var(--shadow);font-size:11px;font-weight:800}.motion-showcase-legend span:before{display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;content:"";background:#ed9aa8;border-radius:50%}.top-hud{position:absolute;inset:18px 24px auto;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.top-hud>*{pointer-events:auto}.hud-right{display:flex;align-items:center;gap:10px;flex-direction:column;align-items:flex-end}.level-card,.resource-pill,.mood-pill,.goal-card,.request-card,.floating-panel,.bottom-menu,.interaction-hint{background:#fffaeef0;border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.level-card{display:flex;gap:12px;align-items:center;min-width:245px;padding:12px 18px 12px 12px;border-radius:24px}.level-badge{display:grid;width:62px;height:62px;place-items:center;color:#fff;font-size:31px;font-weight:900;line-height:1;background:#f3aa3c;border:4px solid #ffd478;border-radius:20px 20px 25px 25px;transform:rotate(-4deg);text-shadow:0 2px 0 rgba(136,87,25,.2)}.eyebrow{margin:0 0 2px;color:#a0988a;font-size:9px;font-weight:800;letter-spacing:.12em}.level-title{margin:0;color:var(--ink);font-size:18px;font-weight:900;letter-spacing:.03em}.level-subtitle{margin:3px 0 0;color:#82a85f;font-size:12px;font-weight:800}.resource-pill{display:flex;align-items:center;gap:9px;min-width:132px;padding:9px 15px 9px 9px;border-radius:23px}.resource-icon{display:grid;width:34px;height:34px;place-items:center;color:#fff;font-size:22px;font-weight:900;background:#f5ae36;border:2px solid #ffd675;border-radius:50%;text-shadow:0 1px 0 rgba(137,82,17,.25)}.resource-value{color:var(--ink);font-size:22px;font-weight:900;letter-spacing:.03em}.mood-pill{padding:8px 13px;border-radius:18px;color:#6b7e62;font-size:11px;font-weight:800}.mood-pill span{color:#78b956;margin-right:4px}.bgm-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;color:#6b7e62;background:#fffaeef0;border:1px solid rgba(255,255,255,.84);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;font-size:11px;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}.bgm-toggle:hover,.bgm-toggle[aria-pressed=true]{color:#557b47;background:#eef6de;transform:translateY(-1px)}.bgm-toggle:disabled{color:#aaa39a;background:#f5efe4d1;cursor:not-allowed;opacity:.8}.bgm-toggle-icon{min-width:16px;color:#e49d4d;font-size:16px;line-height:1}.goal-card{position:absolute;top:126px;left:24px;z-index:5;display:flex;gap:10px;align-items:center;padding:10px 15px;border-radius:18px}.goal-sparkle{display:grid;width:27px;height:27px;place-items:center;color:#fff;background:#84b960;border-radius:50%;font-size:15px}.goal-label{margin:0;color:#a0988a;font-size:10px;font-weight:800}.goal-text{margin:2px 0 0;color:#4c5c4b;font-size:12px;font-weight:900}.request-card{position:absolute;top:196px;left:24px;z-index:5;width:min(338px,calc(100vw - 48px));padding:12px 14px;border-radius:19px}.request-speaker{display:flex;gap:10px;align-items:center}.request-flag{display:block;flex:0 0 auto;width:38px;height:38px;background:#f3ead9;border:3px solid #fffaf0;border-radius:13px;box-shadow:0 2px 6px #5b614f24}.request-flag-poland{background:linear-gradient(#fffaf2 0,#fffaf2 50%,#e94f64 50%)}.request-flag-japan{background:radial-gradient(circle at center,#ed5a67 0,#ed5a67 28%,#fffaf2 30%)}.request-flag-italy{background:linear-gradient(90deg,#61a978 0,#61a978 33%,#fffaf2 33%,#fffaf2 66%,#e56a62 66%)}.request-label{margin:0 0 2px;color:#9a8e7e;font-size:9px;font-weight:900;letter-spacing:.08em}.request-message{margin:0;color:#3f4c42;font-size:13px;font-weight:900}.request-progress-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:9px;color:#6c756a;font-size:10px;font-weight:800}.request-progress-row strong{color:#4f7550;font-size:11px}.request-reward{padding:3px 7px;color:#956419;background:#fff0c5;border-radius:9px}.request-progress-track{height:6px;margin-top:7px;overflow:hidden;background:#e8dfcf;border-radius:999px}.request-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#88bd61,#afd376);border-radius:inherit;transition:width .25s ease}.notice-banner{position:absolute;top:24px;left:50%;z-index:20;display:flex;gap:18px;align-items:center;max-width:min(530px,calc(100vw - 40px));padding:12px 13px 12px 19px;color:#fff;background:#3d5445eb;border:1px solid rgba(255,255,255,.3);border-radius:18px;box-shadow:0 9px 24px #2b463a47;transform:translate(-50%);font-size:13px;font-weight:800}.notice-banner button{width:24px;height:24px;padding:0;color:#fff;background:transparent;border:0;cursor:pointer;font-size:20px;line-height:1}.floating-panel{position:absolute;z-index:10;width:min(380px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 180px));padding:20px;overflow:auto;border-radius:24px}.build-menu,.resident-panel{left:24px;bottom:116px}.building-panel{right:24px;bottom:116px;width:min(320px,calc(100vw - 32px))}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2{margin:2px 0 0;color:var(--ink);font-size:23px;letter-spacing:.02em}.compact-heading h2{font-size:20px}.icon-button{display:grid;width:30px;height:30px;place-items:center;padding:0;color:#8b857c;background:#f5ecdc;border:0;border-radius:50%;cursor:pointer;font-size:20px}.panel-hint{margin:9px 0 14px;color:var(--muted);font-size:12px;line-height:1.6}.building-list{display:grid;gap:8px}.building-option{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px;color:var(--ink);text-align:left;background:#ffffff8c;border:1px solid #efe3ce;border-radius:15px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.building-option:hover{background:#fffdf6;border-color:#b3d28f;transform:translateY(-2px)}.building-icon{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:#82b66a;border-radius:13px;font-size:23px}.building-icon-flower{background:#ed9aa8}.building-icon-onsen,.building-icon-torii{background:#d97263}.building-icon-pizza-shop{background:#e7a148}.building-option-copy{display:grid;gap:2px}.building-option-copy strong{font-size:14px}.building-option-copy small{color:var(--muted);font-size:10px;line-height:1.35}.building-cost{display:flex;align-items:center;gap:3px;color:#7a6651;font-size:12px;font-weight:900}.tiny-coin{color:#f0a632;font-size:14px}.subtle-button,.primary-button,.danger-button{min-height:38px;padding:8px 14px;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer}.full-button{width:100%;margin-top:13px;color:#6e786c;background:#f1eadc;border:1px solid #e4d9c6}.primary-button{color:#fff;background:var(--green);border:0;box-shadow:0 3px 0 var(--green-dark)}.primary-button:hover{background:#87c563}.danger-button{color:#b15850;background:#fff1eb;border:1px solid #f1c6b8}.panel-actions{display:flex;gap:8px}.panel-actions>*{flex:1}.resident-list{display:grid;gap:7px}.resident-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;color:var(--ink);text-align:left;background:transparent;border:1px solid transparent;border-radius:13px;cursor:pointer}.resident-row:hover,.resident-row.is-selected{background:#fffdf6;border-color:#e8dcc7}.resident-row>span:nth-child(2){display:grid;gap:2px;flex:1}.resident-row strong{font-size:14px}.resident-row small{color:var(--muted);font-size:11px}.resident-dot{display:block;width:17px;height:17px;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000021}.row-chevron{color:#b7afa2;font-size:22px}.resident-detail{margin-top:13px;padding:14px;background:#f8eedf;border-radius:15px}.detail-country{margin:0 0 5px;color:var(--ink);font-size:17px;font-weight:900}.detail-status{margin:0;color:#6e9960;font-size:12px;font-weight:900}.status-dot{display:inline-block;width:7px;height:7px;margin-right:3px;background:#80bd5c;border-radius:50%}.detail-copy{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.bottom-menu{position:absolute;bottom:20px;left:50%;z-index:10;display:flex;gap:8px;padding:8px;border-radius:21px;transform:translate(-50%)}.bottom-menu-button{display:grid;min-width:98px;gap:3px;place-items:center;padding:9px 17px 8px;color:#8d8374;background:transparent;border:0;border-radius:15px;cursor:pointer;font-size:11px;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}.bottom-menu-button:hover,.bottom-menu-button.is-active{color:#557b47;background:#eef6de;transform:translateY(-2px)}.menu-icon{display:block;height:21px;color:#7ba95e;font-size:20px;line-height:21px;letter-spacing:-6px}.interaction-hint{position:absolute;right:24px;bottom:26px;z-index:4;display:flex;gap:7px;align-items:center;padding:8px 12px;color:#718274;border-radius:15px;font-size:10px;font-weight:800;opacity:.9}.hint-hand{color:#e49d4d;font-size:14px}@media(max-width:680px){.showcase-heading{top:10px;left:10px;padding:10px 13px;border-radius:15px}.showcase-heading h1{font-size:16px}.showcase-heading span{font-size:9px}.showcase-legend{bottom:10px;gap:8px;padding:8px 10px;font-size:10px}.showcase-dot{width:10px;height:10px}.motion-showcase-legend{right:10px;bottom:10px;left:10px;grid-template-columns:repeat(2,1fr);gap:4px 8px;padding:8px 10px;font-size:9px}.top-hud{top:10px;inset-inline:10px}.level-card{min-width:auto;padding:8px 12px 8px 8px;border-radius:18px}.level-badge{width:47px;height:47px;border-radius:15px;font-size:24px}.level-title{font-size:14px}.level-subtitle{font-size:10px}.eyebrow{font-size:7px}.hud-right{gap:5px}.resource-pill{min-width:104px;padding:6px 10px 6px 6px}.resource-icon{width:27px;height:27px;font-size:17px}.resource-value{font-size:17px}.mood-pill{display:none}.goal-card{top:76px;left:10px;padding:8px 11px;border-radius:15px}.goal-text{font-size:10px}.goal-sparkle{width:23px;height:23px;font-size:12px}.request-card{top:137px;left:10px;width:min(322px,calc(100vw - 20px));padding:10px 11px;border-radius:16px}.request-flag{width:33px;height:33px;border-radius:11px;font-size:20px}.request-message{font-size:11px}.request-progress-row{margin-top:7px;font-size:9px}.floating-panel{left:10px;right:10px;bottom:93px;width:auto;max-height:calc(100vh - 160px);padding:16px;border-radius:19px}.building-panel{left:10px;right:10px;width:auto}.bottom-menu{bottom:10px;padding:6px}.bottom-menu-button{min-width:82px;padding:7px 12px}.interaction-hint{display:none}.notice-banner{top:80px}}