:root{font-family:ui-rounded,'Segoe UI','Apple SD Gothic Neo','Hiragino Kaku Gothic ProN',system-ui,sans-serif;color:#534959;background:#f7f1e9;font-size:14px;font-synthesis:none;--ink:#534959;--muted:#8a7f8b;--line:#e8dedf;--mint:#d6e9de;--plum:#78657f;--cream:#fffaf2;--peach:#f4d6bf}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=file]{cursor:pointer}button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 15px;color:var(--ink);background:#fffaf5;transition:background .15s,transform .15s}button:hover{background:#eee3e8}button:active{transform:translateY(1px)}button:disabled{opacity:.46;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #87b6a6;outline-offset:2px}button.primary{background:var(--plum);border-color:var(--plum);color:#fff8ef}button.primary:hover{background:#66516e}button.mint{background:var(--mint);border-color:#c0d9ca}button.small{padding:6px 10px;font-size:.86rem}button.icon{width:44px;padding:7px}input,select{min-height:44px;border:1px solid #dfd3db;border-radius:10px;padding:8px 10px;background:#fffcf6;color:var(--ink);max-width:100%}input[type=checkbox]{min-height:24px;width:22px;accent-color:#8ba896}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:2rem;margin-bottom:8px}h3{font-size:1rem;font-weight:650}p{line-height:1.7}small,.muted{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#9b8593}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.tag{display:inline-flex;align-items:center;border-radius:7px;padding:4px 8px;background:#eee6ed;font-size:.75rem;line-height:1.4}.tag.mint{background:var(--mint)}.tag.gold{background:#f5e2b9}.tag.rare{background:#d9e7ef}.tag.epic{background:#e8dcef}.tag.legendary{background:#f3e1b6}.section-label{display:block;margin:22px 0 12px;font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#96838e}.brand{font:26px Georgia,serif;letter-spacing:-1px}.brand span{color:#8aa591}.shell{max-width:1600px;margin:auto;padding:0 30px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.topbar .brand-sub{display:block;font:10px system-ui;letter-spacing:.2em;margin-top:6px;color:#998797}.top-stats{display:flex;gap:10px}.stat-pill{padding:9px 18px;border:1px solid var(--line);border-radius:13px;background:#fffaf4;min-width:100px}.stat-pill small{display:block;font-size:.65rem;letter-spacing:.06em;margin-bottom:3px}.stat-pill b{font-weight:600}.coin-dot{display:inline-block;width:10px;height:10px;background:#e0b97c;border:2px solid #efd7af;border-radius:50%;margin-right:5px}.main-layout{display:grid;grid-template-columns:74px minmax(0,1fr) 290px;gap:26px;padding-top:26px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{background:transparent;border-color:transparent;padding:9px 2px;font-size:10px;min-height:68px}.nav button.active{background:#e8dddF}.nav .nav-icon{display:block;font-size:23px;margin-bottom:5px;font-family:Georgia,serif}.workspace{min-width:0}.scene-header{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-header h1{font-size:30px;margin:4px 0}.scene-wrap{position:relative;border-radius:20px;overflow:hidden;background:#cbbdce;box-shadow:0 8px 24px #7057690a;border:1px solid #b6a3ba}.scene-wrap canvas{display:block;width:100%;aspect-ratio:960/640;touch-action:pan-y}.scene-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:7px;background:#fff9efeb;padding:8px 12px;border-radius:10px;font-size:.75rem;pointer-events:none}.scene-badge .dot{width:6px;height:6px;border-radius:100%;background:#8ebc9f}.scene-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.scene-tools button{background:#fff9efdf;min-height:36px;width:36px;padding:4px}.scene-footer{display:flex;justify-content:space-between;align-items:center;margin:13px 0;gap:10px}.speed{display:flex;gap:5px;align-items:center}.speed button{min-height:36px;padding:6px 11px;font-size:12px}.speed button.active{background:var(--plum);color:#fff}.shift-clock{height:4px;background:#e9dfe4;border-radius:4px;margin-top:6px;overflow:hidden}.shift-clock span{display:block;height:100%;background:#a1baa6}.staff-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:14px 0 30px}.staff-card{display:flex;text-align:left;align-items:center;gap:8px;background:#fffbf5;border:1px solid var(--line);padding:10px;border-radius:14px;min-width:0}.staff-card canvas{width:62px;height:52px;flex-shrink:0;image-rendering:pixelated}.staff-card b{display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis}.staff-card small{font-size:.71rem}.sidebar{padding-top:4px}.card{border:1px solid var(--line);border-radius:16px;padding:19px;background:#fffbf5;margin-bottom:15px}.card.moss{background:#e5eee4;border-color:#d3dfd0}.card.blush{background:#f1e3e6}.card h3{margin-bottom:10px}.card p{font-size:.86rem;margin-bottom:12px}.card p:last-child{margin-bottom:0}.card .full{width:100%}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-grid small{display:block;font-size:.73rem;margin-bottom:4px}.metric-grid b{font:25px Georgia,serif;color:#695a70}.order{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.order:last-child{border-bottom:0}.order .cup{background:#eee4e9;padding:10px;border-radius:11px}.order small{display:block;font-size:.73rem;margin-top:3px}.mini-progress{height:5px;border-radius:5px;background:#e5dae3;overflow:hidden;margin-top:8px}.mini-progress span{display:block;height:100%;background:#a2beab}.footer-note{font-size:.7rem;color:#9c909a;line-height:1.6;margin-bottom:20px}.drawer-backdrop{position:fixed;inset:0;background:#382c4635;z-index:5;backdrop-filter:blur(2px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(490px,100%);padding:28px 26px;background:#f9f3ec;z-index:6;box-shadow:-14px 0 60px #3d2e3e15;overflow:auto;overscroll-behavior:contain;padding-bottom:max(30px,env(safe-area-inset-bottom))}.drawer.edit-drawer{position:static;width:auto;padding:0;background:none;box-shadow:none;overflow:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.drawer-head h2{margin:0}.gecko-detail{text-align:center;padding:8px 0 15px}.gecko-detail canvas{width:200px;height:130px;image-rendering:pixelated;background:#eee0dc;border-radius:50%}.gecko-list{display:grid;gap:10px}.gecko-list button{width:100%;text-align:left}.skill-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.skill-row small{font-size:.72rem}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-grid>div{border-radius:10px;background:#f0e7e7;padding:12px}.data-grid small{display:block;margin-bottom:5px}.prob-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #e8dfe1;font-size:.88rem}.prob-row b{white-space:nowrap;font-variant-numeric:tabular-nums}.gene{font-family:ui-monospace,monospace;font-size:.83rem}.warning{padding:12px 14px;background:#f4e1d8;border-radius:11px;font-size:.85rem;line-height:1.6}.egg{display:flex;align-items:center;gap:13px}.egg-icon{width:39px;height:50px;background:radial-gradient(circle at 30% 25%,#c5acbb 2px,transparent 3px),radial-gradient(circle at 60% 60%,#c5acbb 3px,transparent 4px),#f8e7d5;border:2px solid #ceb3bc;border-radius:52% 52% 45% 45%;flex-shrink:0}.recipe-art{font-size:35px;background:#eee1df;border-radius:14px;padding:13px;min-width:72px;text-align:center}.garden-art{height:140px;background:linear-gradient(#c2c9d4,#d3d7bb);border-radius:13px;display:flex;align-items:flex-end;justify-content:center;font-size:55px;padding:15px;margin-bottom:16px}.journal{display:flex;flex-wrap:wrap;gap:7px}.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.furniture-grid button{text-align:left;font-size:.8rem}.furniture-grid small{display:block;margin-top:4px}.edit-options{border:1px dashed #bca8bc;background:#ede4ec;padding:14px;border-radius:12px;margin-bottom:15px}.title-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1.2fr;background:#f5ede5}.title-copy{display:flex;flex-direction:column;justify-content:center;padding:70px max(32px,7vw);position:relative}.title-copy h1{font-size:clamp(60px,6.5vw,105px);line-height:.94;letter-spacing:-5px;margin:25px 0}.title-copy h1 span{color:#8ca792}.title-copy p{max-width:410px;color:#8e7c86;font-size:.96rem}.title-copy .actions{max-width:330px;display:flex;flex-direction:column;gap:10px;margin-top:18px}.title-copy .brand-sub{font-size:10px;letter-spacing:.25em}.title-visual{background:#8b7489 url('./assets/vision.png') center/cover;position:relative}.title-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#8c738130,transparent 60%,#58465620)}.title-caption{position:absolute;bottom:35px;left:35px;right:35px;color:#fff3e6;z-index:1;font:italic 28px Georgia;max-width:330px;text-shadow:0 2px 14px #352638}.title-lang{position:absolute;top:27px;right:30px}.title-copy .footer-note{margin-top:36px}.title-gecko{width:110px;height:70px;image-rendering:pixelated}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:min(92vw,600px);padding:13px 20px;border-radius:13px;background:#594960;color:#fff5e9;box-shadow:0 6px 25px #44314e30;z-index:20;pointer-events:none;opacity:0;transition:opacity .2s;line-height:1.5}#toast.show{opacity:1}details{margin:15px 0}summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600;font-size:.86rem}.full{width:100%}.spaced{margin-top:16px}.hidden{display:none!important}.empty{padding:20px;text-align:center;color:var(--muted);font-size:.86rem;line-height:1.7}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:13px 0}.file-label{display:block;padding:12px;background:#eee2e7;border-radius:10px;cursor:pointer;text-align:center}.file-label input{width:100%;font-size:.8rem}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}.large-text{font-size:17px}.reduce-motion *{transition:none!important}.confirm-dialog{position:fixed;inset:0;z-index:30;background:#382c4670;display:grid;place-items:center;padding:20px}.confirm-dialog .card{max-width:420px;width:100%}.fit-text{overflow-wrap:anywhere}a{color:#765e80}
@media(min-width:1500px){.main-layout{grid-template-columns:82px minmax(0,1fr) 320px;gap:30px}.scene-wrap canvas{max-height:660px}}
@media(max-width:1150px){.shell{padding:0 18px}.main-layout{grid-template-columns:62px minmax(0,1fr) 255px;gap:16px}.stat-pill{min-width:80px;padding:9px 12px}.topbar{height:82px}.brand{font-size:23px}.scene-header h1{font-size:25px}.card{padding:15px}.scene-footer{flex-wrap:wrap}}
@media(max-width:900px){.main-layout{grid-template-columns:60px minmax(0,1fr)}.sidebar{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar .card{margin:0}.sidebar .footer-note{grid-column:1/-1}.top-stats .stat-pill:first-child{display:none}.title-screen{grid-template-columns:1fr 1fr}.title-copy{padding:80px 32px 40px}.title-copy h1{font-size:68px}.staff-strip{margin-bottom:15px}}
@media(max-width:600px){.shell{padding:0 12px 85px}.topbar{height:74px;gap:6px}.brand{font-size:23px}.brand-sub{display:none!important}.top-stats{gap:6px}.stat-pill{min-width:0;padding:8px 10px}.stat-pill small{font-size:.6rem}.topbar select{font-size:12px;max-width:82px;padding:6px}.topbar .save-indicator{display:none}.main-layout{display:block;padding-top:18px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:4;background:#f9f2e9f5;border-top:1px solid #e0d5df;display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(12px)}.nav button{font-size:9px;min-height:65px;border-radius:0;padding:8px 0;min-width:0}.nav .nav-icon{font-size:20px}.nav button.active{background:#e8dfe7}.scene-header h1{font-size:27px}.scene-header{margin-bottom:12px}.scene-wrap{border-radius:15px}.scene-wrap canvas{aspect-ratio:960/640}.scene-badge{top:10px;left:10px;font-size:.66rem;padding:6px 9px}.scene-footer{gap:8px}.scene-footer .muted{font-size:11px}.staff-strip{grid-template-columns:1fr 1fr;gap:8px}.staff-card{padding:6px}.staff-card canvas{width:49px;height:43px}.staff-card b{font-size:12px;max-width:95px}.staff-card small{font-size:9px}.sidebar{display:block}.sidebar .card{margin-bottom:12px}.drawer{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.drawer-head{margin-bottom:18px}.title-screen{display:flex;flex-direction:column-reverse;min-height:100svh}.title-visual{min-height:33svh;background-position:center 40%}.title-caption{font-size:22px;bottom:18px;left:22px;max-width:250px}.title-copy{padding:30px 28px 25px;flex:1}.title-copy h1{font-size:62px;margin:16px 0;letter-spacing:-3px}.title-copy p{font-size:.86rem;margin-bottom:8px}.title-copy .actions{max-width:none;margin-top:15px}.title-copy .footer-note{margin:20px 0 0}.title-lang{top:16px;right:20px}.title-gecko{display:none}#toast{bottom:85px}.section-label{margin-top:18px}}
@media(max-height:550px) and (min-width:650px){.topbar{height:65px}.main-layout{padding-top:15px}.scene-wrap canvas{max-height:430px}.title-copy{padding-top:45px}.title-copy h1{font-size:64px}}
#placement-bar{display:none}#placement-bar[hidden]{display:none!important}
@media(max-width:600px){#placement-bar{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:4;display:flex;justify-content:center;gap:7px;background:#fff8f0ed;padding:10px;border:1px solid #d4c2d3;border-radius:14px;box-shadow:0 3px 20px #55425b22}.scene-header h1{font-size:24px}}
#update-notice{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:50;width:min(94vw,680px);padding:12px 18px;border:1px solid #a9cdbd;border-radius:12px;background:#f3fff5;color:#3d6254;box-shadow:0 3px 15px #3d62542a;font-size:14px;line-height:1.5;pointer-events:none}