:root{--ink:#432e1e;--muted:#775c45;--cream:#fff4c7;--paper:#f3d791;--wood:#70451f;--green:#315b3c;--shadow:0 14px 36px rgba(22,40,27,.28);--safe-bottom:max(10px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#274b35;color:var(--ink);font-family:"Microsoft JhengHei","Trebuchet MS",system-ui,sans-serif}button,input{font:inherit;color:inherit}.app-shell{position:relative;width:100%;height:100%;background:#315b3c}.panel{background:linear-gradient(180deg,rgba(255,249,218,.97),rgba(239,211,145,.96));border:3px solid #70451f;box-shadow:inset 0 0 0 2px rgba(255,255,255,.48),var(--shadow)}
.topbar{position:fixed;z-index:80;left:12px;right:12px;top:10px;height:72px;border-radius:20px;display:flex;align-items:center;gap:16px;padding:8px 14px}.identity{display:flex;align-items:center;gap:10px;min-width:255px}.crest{width:46px;height:46px;border-radius:13px;border:3px solid #70451f;background:#fff1a5;display:grid;place-items:center;font-size:26px}.identity h1{margin:0;font:700 24px Georgia,serif}.identity p{margin:2px 0 0;font-size:10px;font-weight:800;color:var(--muted)}.level-card{width:185px}.level-card>div:first-child{display:flex;justify-content:space-between;font-size:10px;font-weight:900}.progress{height:9px;border:2px solid #68411e;border-radius:99px;background:#bd985c;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#5aa34d,#d6ed6c)}.resources{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}.resource{height:42px;min-width:82px;border:2px solid #6d451f;border-radius:12px;background:#fff2bd;display:flex;align-items:center;gap:6px;padding:5px 9px}.resource span{font-size:19px}.resource b{font-size:10px;white-space:nowrap}.resource-button,.round-button{cursor:pointer}.round-button{width:40px;height:40px;border-radius:50%;border:2px solid #6d451f;background:#fff2bd;font-weight:900}
.game-stage{position:absolute;inset:0;background:#6da34f}#phaser-game{position:absolute;inset:0}#phaser-game canvas{display:block;touch-action:none}.camera-help{position:fixed;z-index:55;top:92px;left:50%;transform:translateX(-50%);border-radius:99px;padding:7px 12px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;pointer-events:none}.camera-help i{width:4px;height:4px;border-radius:50%;background:#8a6538}.zoom-controls{position:fixed;z-index:65;right:14px;top:96px;padding:5px;border-radius:15px;display:grid;gap:4px}.zoom-controls button{width:38px;height:38px;border:2px solid #70451f;border-radius:10px;background:#fff1b5;font-size:19px;font-weight:900;cursor:pointer}
.mission-panel{position:fixed;z-index:60;top:92px;left:14px;width:225px;border-radius:17px;padding:10px}.mission-panel h3{margin:0 0 6px;font-size:12px}.mission-panel button{width:100%;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:7px;text-align:left;border:2px solid rgba(108,68,31,.52);border-radius:11px;background:rgba(255,248,213,.84);padding:8px;margin-top:6px;cursor:pointer}.mission-panel button>span{font-size:22px}.mission-panel b,.mission-panel small{display:block}.mission-panel b{font-size:10px}.mission-panel small{margin-top:2px;font-size:8px;color:var(--muted)}
.selection-panel{position:fixed;z-index:58;left:250px;bottom:92px;width:min(520px,calc(100vw - 280px));min-height:76px;border-radius:17px;padding:9px 12px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:9px}.selection-icon{font-size:32px;text-align:center}.selection-copy h2{margin:0;font-size:14px}.selection-copy p{margin:3px 0 0;font-size:9px;line-height:1.4;color:var(--muted)}.primary-action{border:3px solid #68401f;border-radius:11px;background:linear-gradient(#ffe181,#f3b84b);padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer}
.seed-rack{position:fixed;z-index:61;right:70px;bottom:92px;border-radius:17px;padding:7px;display:flex;gap:7px;align-items:center;max-width:610px}.seed-summary{min-width:80px;padding:0 7px}.seed-summary small,.seed-summary b{display:block}.seed-summary small{font-size:8px;color:var(--muted)}.seed-summary b{font-size:11px}.seed-bar{display:flex;gap:5px}.seed-button{position:relative;width:63px;height:58px;border:2px solid #7b512c;border-radius:11px;background:#fff0b5;cursor:pointer}.seed-button.active{outline:4px solid #77a84f;transform:translateY(-2px)}.seed-button:disabled{filter:grayscale(.9);opacity:.55}.seed-button img{width:34px;height:31px;object-fit:contain}.seed-button span{display:block;font-size:7px;font-weight:900}.seed-button em{position:absolute;right:3px;top:3px;border-radius:8px;background:#6c4727;color:#fff;font-style:normal;font-size:7px;padding:2px 4px}
.dock{position:fixed;z-index:70;left:50%;bottom:var(--safe-bottom);transform:translateX(-50%);display:flex;padding:5px;border-radius:17px;max-width:calc(100vw - 18px);overflow:auto}.dock button{position:relative;min-width:68px;border:0;border-right:1px solid rgba(105,65,30,.24);background:transparent;padding:5px 7px;cursor:pointer}.dock span,.dock b{display:block}.dock span{font-size:21px}.dock b{font-size:8px}.dock em{position:absolute;right:2px;top:1px;border-radius:8px;background:#c34e36;color:#fff;font-style:normal;font-size:7px;padding:2px 4px}.dock .day-button{background:#58679a;color:#fff;border-radius:11px}.dock button:hover{background:rgba(255,255,255,.34)}
.drawer-backdrop{position:fixed;z-index:90;inset:0;background:rgba(16,30,21,.42);backdrop-filter:blur(3px)}.game-drawer{position:fixed;z-index:91;left:50%;bottom:0;transform:translateX(-50%);width:min(1120px,calc(100vw - 18px));max-height:77vh;border:3px solid #70451f;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(#fff4c8,#edcf8f);box-shadow:0 -15px 50px rgba(15,30,20,.38);overflow:hidden}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid rgba(112,69,31,.28)}.drawer-header small{font-size:9px;color:var(--muted)}.drawer-header h2{margin:1px 0 0;font-size:20px}.drawer-content{max-height:calc(77vh - 68px);overflow:auto;padding:14px}.drawer-grid,.upgrade-grid,.inventory-grid,.recipe-grid,.npc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.panel-card,.summary-card,.job-row,.order-card,.npc-card,.log-row{border:2px solid rgba(112,69,31,.52);border-radius:13px;background:rgba(255,247,211,.84);padding:10px}.panel-card{border-width:3px}.panel-card h3{margin:4px 0;font-size:14px}.panel-card p{margin:4px 0 8px;font-size:9px;line-height:1.45;color:var(--muted)}.panel-art{width:100%;height:110px;object-fit:contain}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border-radius:99px;background:#ead092;padding:3px 7px;font-size:8px;font-weight:900}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.panel-card button,.action-button,.expansion-card button,.workshop-hero button{border:2px solid #6d451f;border-radius:9px;background:#ffe081;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}.panel-card button:disabled,.action-button:disabled{filter:grayscale(.9);opacity:.5;cursor:not-allowed}.drawer-section-title{margin:15px 0 8px}.expansion-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:11px;padding:12px;border:3px solid #70451f;border-radius:15px;background:#fff0b2}.expansion-card>span{font-size:39px}.expansion-card h3{margin:1px 0}.expansion-card p{margin:2px 0;font-size:9px}.tabs{display:flex;gap:7px;margin-bottom:10px}.tab-button{border:2px solid #6d451f;border-radius:9px;background:#ead092;padding:7px 10px;cursor:pointer}.tab-button.active{background:#d6ed9c}.inventory-card img,.order-card img,.npc-card img{object-fit:contain}.inventory-card img{width:65px;height:58px}.order-card{display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:center}.order-card img,.npc-card img{width:80px;height:85px}.npc-card{display:grid;grid-template-columns:95px 1fr}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.summary-card{text-align:center}.summary-card span,.summary-card b,.summary-card small{display:block}.workshop-section{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-bottom:14px}.workshop-hero{border:3px solid #754b27;border-radius:15px;background:#fff0b2;padding:10px;text-align:center}.workshop-hero img{width:100%;height:145px;object-fit:contain}.job-list{margin-top:8px}.job-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;margin-top:6px}.empty-state{text-align:center;padding:30px}
.game-modal{border:0;padding:0;background:transparent}.game-modal::backdrop{background:rgba(12,28,19,.6);backdrop-filter:blur(5px)}.modal-card{width:min(450px,calc(100vw - 30px));border-radius:22px;padding:18px;text-align:center}.modal-card img{width:220px;height:150px;object-fit:contain}.modal-art{font-size:58px}.modal-card small{font-size:9px;color:var(--muted)}.modal-card h2{margin:5px}.modal-card p{font-size:10px;line-height:1.5;color:var(--muted)}.modal-card label{display:block;text-align:left;font-size:10px;font-weight:900}.modal-card input{width:100%;margin-top:5px;border:3px solid #70451f;border-radius:10px;background:#fff7d5;padding:10px}.modal-actions{display:flex;gap:9px;justify-content:center;margin-top:13px}.modal-actions button{border:3px solid #70451f;border-radius:10px;padding:9px 13px;font-weight:900;cursor:pointer}.modal-actions .confirm{background:#ffd66b}.modal-actions button:disabled{opacity:.55}.toast-stack{position:fixed;z-index:130;top:90px;right:16px;display:grid;gap:7px}.toast{padding:9px 13px;border:3px solid #70451f;border-radius:11px;background:#fff1b4;font-size:10px;font-weight:900;box-shadow:var(--shadow)}.loading-screen{position:fixed;z-index:200;inset:0;background:#284c35;display:grid;place-items:center;color:#fff5c6;text-align:center;transition:opacity .35s}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-screen span{font-size:55px}.loading-screen b,.loading-screen small{display:block;margin-top:7px}.loading-screen small{opacity:.75}
@media(max-width:950px){.level-card{display:none}.identity{min-width:210px}.resource{min-width:60px}.mission-panel{width:190px}.selection-panel{left:12px;width:calc(100vw - 24px);bottom:88px}.seed-rack{right:12px;bottom:168px}.camera-help{display:none}.workshop-section{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{height:64px}.identity p,.resource:nth-child(2),.resource:nth-child(3){display:none}.identity h1{font-size:16px}.identity{min-width:150px}.crest{width:38px;height:38px}.resource{height:37px;padding:3px 6px}.mission-panel{top:78px;left:7px;width:170px}.zoom-controls{top:78px;right:7px}.seed-rack{left:7px;right:7px;overflow:auto}.seed-summary{display:none}.dock button{min-width:58px}.selection-copy p{display:none}.summary-grid{grid-template-columns:repeat(2,1fr)}}