*{box-sizing:border-box}html,body{padding:0;margin:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Arial,sans-serif;background:#b0e5f6;color:#f8fbff}canvas{display:block}#game{position:fixed;inset:0}#hud{position:fixed;inset:0;pointer-events:none}button,select,input{font:inherit;cursor:pointer}button,select,input{pointer-events:auto}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:linear-gradient(#102e4bda,#15365caa);border-bottom:1px solid #ffffff40;gap:8px}.brand{font-weight:900;letter-spacing:.08em;font-size:20px}.brand small{display:block;font-weight:500;font-size:11px;opacity:.8}.status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.status span{border-radius:50px;background:#ffffff24;padding:6px 10px;font-size:12px;font-weight:700}#left,#right{position:absolute;top:83px}#left{left:14px}#right{right:14px;width:250px}.panel{width:280px;background:#102d4add;backdrop-filter:blur(12px);border:1px solid #ffffff35;border-radius:18px;padding:14px;box-shadow:0 14px 35px #072b4a50}.panel label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.panel select,.window select,.window input[type=text]{background:#f4faff;color:#12334e;border:none;padding:9px;border-radius:9px}.panel button{display:block;width:100%;background:#44c9a8;border:0;border-bottom:3px solid #168c78;color:#073d39;font-weight:850;padding:10px;border-radius:10px;margin-top:10px}.panel button:hover{filter:brightness(1.08)}.panel button#creative{background:#ffdf7c;border-color:#b28d38;color:#573f10}.panel button#avatar{background:#d8a2ff;border-color:#8a53b0;color:#421d57}.panel button#reset{background:#ffffff20;border-color:#ffffff40;color:white}.panel.small{width:250px;font-size:13px}.panel p,.panel .info{line-height:1.55;opacity:.92}#daily{font-size:13px;line-height:1.45;margin:14px 0 4px}.info{font-size:12px;padding:9px 10px;border-radius:11px;background:#ffffff14;margin-top:8px}#toolbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:#173d5de8;border:1px solid #ffffff55;border-radius:17px;padding:9px;box-shadow:0 10px 40px #112f5780}#toolbar span{font-size:12px;margin:0 5px}#toolbar button{height:45px;min-width:45px;border-radius:12px;border:2px solid #ffffff40;background:#ffffff18;font-size:24px}#toolbar button.chosen{border-color:#ffd44d;background:#fff3c857}#crosshair{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);color:#fff;font-size:30px;text-shadow:0 0 5px #124}#help{position:absolute;bottom:95px;right:20px;font-size:25px;background:#ffe180;border:0;border-radius:12px;padding:10px;box-shadow:0 4px 8px #1237}#move{display:none;position:absolute;bottom:100px;left:15px;text-align:center}#move button{width:54px;height:50px;font-size:25px;color:white;border:1px solid #ffffff99;border-radius:13px;background:#16476cb8;touch-action:none}#move>div{display:flex;gap:3px}.hidden{display:none!important}#modal{pointer-events:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#07192dbb;padding:15px;z-index:10}.window{position:relative;width:min(720px,100%);max-height:min(86vh,860px);overflow-y:auto;background:#f7fbff;color:#17344d;border-radius:25px;box-shadow:0 25px 90px #020f22a0;padding:26px}.window h2{margin:0 40px 15px 0}.close{position:absolute;right:18px;top:18px;background:#e6eef6;border:0;padding:8px 13px;border-radius:9px}.task,.card{border:1px solid #d7e6ed;background:#fff;border-radius:16px;padding:15px;margin:10px 0}.task.done{background:#eafff4;border-color:#8cd4a5}.task small,.muted{color:#62869b;font-weight:bold}.task h3,.card h3{margin:7px 0}.task p,.card p{color:#325267;line-height:1.5}.task .answers,.row{display:flex;flex-wrap:wrap;gap:8px}.task .answers button,.window .pill,.row button{border:1px solid #bdd2df;background:#edf6ff;color:#163958;padding:10px 18px;border-radius:10px;font-weight:bold}.task .answers button:hover,.window .pill:hover,.row button:hover{background:#b5e5fc}.task .hint,.hint{font-size:13px;margin-top:8px;color:#ae5f00}.alert{border-radius:12px;background:#e9f5ff;padding:11px 13px;color:#245574;margin-bottom:12px}.window .primary{background:#167f92;color:#fff;padding:12px 15px;border:0;border-radius:11px;font-weight:800}.window .primary.alt{background:#7e62d5}.window label.stack{display:block;margin:10px 0;font-weight:700}.window .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.window .swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.window .swatches button{width:40px;height:40px;border-radius:12px;border:3px solid #fff;box-shadow:0 0 0 1px #aac3d6 inset}.window .swatches button.sel{box-shadow:0 0 0 3px #133d5d inset}.npc-head{display:flex;align-items:center;gap:12px}.npc-icon{width:54px;height:54px;border-radius:14px;background:#dfeeff;display:grid;place-items:center;font-size:28px}.qa{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.qa input{flex:1;min-width:220px}.quest-badge{display:inline-block;background:#e2f3ff;color:#17415b;border-radius:99px;padding:4px 8px;font-size:12px;font-weight:800;margin-bottom:8px}@media(max-width:750px){header{height:58px;padding:7px}.brand{font-size:13px}.brand small{display:none}.status span{font-size:10px;padding:4px 7px}.status #date{display:none}#left{top:65px;left:7px}.panel{width:205px;padding:10px;border-radius:12px}.panel button{font-size:11px;padding:8px}.panel label{font-size:11px}#daily,#location-info{font-size:11px}#right{display:none}#toolbar{bottom:10px;gap:2px;padding:5px;max-width:98vw}#toolbar span{display:none}#toolbar button{height:40px;min-width:38px;font-size:20px}#move{display:block}#help{bottom:120px;right:10px}.window{padding:19px}.window .grid2{grid-template-columns:1fr}}

.launcher{position:fixed;inset:0;background:linear-gradient(145deg,#123351,#4688a6);z-index:99;display:grid;place-items:center;color:#fff;padding:20px}.launch-card{background:#0e2c47ef;border:1px solid #ffffff66;border-radius:24px;width:min(520px,100%);padding:28px;box-shadow:0 25px 75px #001d3477}.launch-card h1{font-size:30px;margin:0 0 12px}.launch-card p{opacity:.9}.launch-card label{display:grid;gap:7px;margin:15px 0;font-weight:750}.launch-card select{padding:12px;border-radius:10px;border:0}.launch-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.launch-actions button{padding:13px 9px;border:0;border-radius:12px;background:#5be2bd;color:#103c3b;font-weight:850}.launch-actions button:hover{filter:brightness(1.12)}#launch-message{font-size:13px;line-height:1.5;padding-top:12px}.window button:disabled{opacity:.45;cursor:not-allowed}


.window.large{width:min(1120px,96vw);max-height:min(92vh,950px)}
.window.xlarge{width:min(1240px,97vw);max-height:min(94vh,980px)}
.inventory-layout{display:grid;grid-template-columns:1.2fr .95fr;gap:16px;align-items:start}
.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.slot{background:linear-gradient(180deg,#f6f9fe,#e4edf7);border:2px solid #c4d3e4;border-radius:12px;min-height:82px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 2px 0 #fff}
.slot .sicon{font-size:24px;line-height:1}.slot .sname{font-size:12px;font-weight:800;color:#39586d}.slot .scount{font-size:18px;font-weight:900;color:#163958;justify-self:end}
.craft-panel{display:grid;gap:12px}.craft-recipe{border:1px solid #d8e5f0;background:#fff;border-radius:16px;padding:14px}.craft-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.craft-grid{display:grid;grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,58px);gap:6px;align-content:start}.craft-slot{background:#edf3fb;border:2px solid #c7d8e9;border-radius:10px;padding:6px;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.craft-slot small{position:absolute;right:4px;bottom:2px;font-size:11px;font-weight:900;color:#284e66}.craft-line{display:grid;grid-template-columns:auto 42px 58px;gap:10px;align-items:center;margin:8px 0}.craft-arrow{font-size:26px;font-weight:900;color:#49779a;text-align:center}.out-slot{background:#fff5da;border-color:#f1c24b}.learning-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.learn-side,.learn-main{display:grid;gap:12px}.stat-card{background:#eef6ff;border:1px solid #d9e8f5;border-radius:16px;padding:14px}.learn-tabs{display:flex;flex-wrap:wrap;gap:8px}.learn-tabs button{border:1px solid #c4d4e6;background:#ecf4ff;color:#173a58;padding:10px 14px;border-radius:999px;font-weight:800}.learn-tabs button.active{background:#1c8db0;color:#fff;border-color:#1c8db0}.progress{height:12px;background:#dfeaf3;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#4ac5b3,#5b8ef4)}
.task.big{padding:18px;border-radius:18px}.task.big h3{font-size:20px;line-height:1.35}.task.big .answers button{padding:13px 18px;font-size:18px}.subject-chip{display:inline-block;background:#e5f7ff;color:#156182;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;margin-right:8px}.topic-chip{display:inline-block;background:#f2f5ff;color:#4b5e99;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.tip-list{margin:0;padding-left:18px;color:#3b5970;line-height:1.6}.resource-legend{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:980px){.inventory-layout,.learning-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

#interaction-hint{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);max-width:90vw;border-radius:10px;padding:7px 12px;background:#0c304dbb;font-size:12px;color:#fff;white-space:nowrap;text-align:center}
#night-hud{position:absolute;top:81px;left:50%;transform:translateX(-50%);display:flex;gap:12px;padding:9px 16px;border-radius:14px;background:#173756d9;box-shadow:0 6px 20px #021c3366;font-size:14px;font-weight:800;color:#fff}
#nights{background:#abb1ff!important;border-color:#5f6bcc!important;color:#1e235a!important}
.night-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.night-card{border-radius:14px;border:1px solid #cbdce9;background:#f0f7ff;padding:15px}.night-card p{font-size:14px;color:#2d4a62;line-height:1.55}.night-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.night-actions button{padding:10px 14px;border-radius:10px;background:#257f91;color:white;border:0;font-weight:800}.night-actions button:disabled{opacity:.45}.night-story{font-size:15px;line-height:1.65;border-radius:12px;padding:12px;background:#fff9e6;color:#544324}.night-night{color:#f9eaad;background:#273b64}
@media(max-width:750px){#interaction-hint{display:none}#night-hud{top:65px;font-size:10px;padding:5px} .night-grid{grid-template-columns:1fr}}

#left>.panel{max-height:calc(100vh - 105px);overflow-y:auto}#left>.panel::-webkit-scrollbar{width:5px}#left>.panel::-webkit-scrollbar-thumb{background:#ffffff55;border-radius:10px}

/* v1.1: collapsible sidebars, bottom bag / farm and progress feedback */
#left,#right{transition:width .2s ease}#left{width:280px}#right{width:250px}
.panel-toggle{pointer-events:auto;background:#123650e8;color:#f8ffff;border:1px solid #ffffff5a;backdrop-filter:blur(8px);font-weight:800;cursor:pointer;border-radius:12px;padding:8px 11px;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;box-shadow:0 5px 17px #17344a55}
#left.collapsed,#right.collapsed{width:48px}#left.collapsed .panel,#right.collapsed .panel{display:none}#left.collapsed .panel-toggle,#right.collapsed .panel-toggle{min-width:50px;width:50px;padding:10px 7px;white-space:nowrap;overflow:hidden;font-size:0}#left.collapsed .panel-toggle span,#right.collapsed .panel-toggle span{font-size:20px;margin:auto}
#toolbar .bar-separator{height:32px;width:1px;background:#ffffff40;margin:0 3px}#toolbar button#inventory,#toolbar button#farm-open{background:#ffd87750;border-color:#e7cb72}#toolbar button#inventory:hover,#toolbar button#farm-open:hover{background:#ffe39a80}
.crop-card{border:1px solid #c5e6d4;background:#effdf4;border-radius:14px;padding:12px;margin:9px 0}.crop-card h3{margin:4px 0 8px}.crop-card .primary{margin:5px 8px 4px 0}.help-banner{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#143c57ec;border-radius:13px;padding:8px 15px;font-size:12px;max-width:60vw;text-align:center;pointer-events:none}
@media(max-width:900px){#toolbar{bottom:10px;max-width:96vw;overflow-x:auto}#toolbar button{height:39px;min-width:39px;font-size:21px}#left{left:6px}#right{right:6px}#left,#right{max-width:44vw}.panel{max-width:100%}}

.window{max-height:90dvh;overflow:auto;width:min(94vw,850px)}.window button{min-height:44px}#toolbar{max-width:98vw;overflow-x:auto}#toolbar button{flex-shrink:0}#right .panel{max-height:calc(100dvh - 155px);overflow:auto} @media(max-width:700px){.brand{font-size:13px}.status{display:none}#toolbar{bottom:8px;gap:2px;padding:5px}#toolbar button{min-width:32px;width:32px;font-size:21px}#toolbar span{display:none}#left,#right{top:72px}.launcher .launch-card{max-height:94dvh;overflow:auto}}
.guide-card{background:#fff;border:1px solid #c7dfe6;border-radius:16px;padding:18px;margin:14px 0;color:#183d52}.guide-card h3{margin-top:0}.action-steps{list-style:none;counter-reset:step;display:flex;flex-wrap:wrap;gap:22px;padding:0;margin:12px 0}.action-steps li{position:relative;counter-increment:step;display:flex;flex:1 1 115px;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:190px;background:#edf7f4;border:1px solid #c9e6dc;border-radius:12px;padding:12px 8px;font-size:13px}.action-steps li strong{font-size:27px;line-height:1.5}.action-steps li::before{content:counter(step);position:absolute;left:5px;top:4px;font-size:11px;font-weight:900;color:#40786d}.action-steps li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:23px;font-size:24px;color:#167a78}.recipe-equation{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 8px;background:#eef7f4;border-radius:12px}.recipe-equation>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.resource-chip{display:inline-flex;flex-direction:column;align-items:center;min-width:80px;padding:8px;border:1px solid #badbd2;background:white;border-radius:10px}.resource-chip strong{font-size:23px}.resource-chip small{color:#254e62;margin-top:5px}.formula-plus,.formula-arrow{font-size:28px;color:#168276}.recipe-stock{font-size:14px;line-height:1.7;color:#294d61}.craft-recipe>button,.crop-card>button,#create-bed,#place-bed{margin:6px 8px 6px 0}.craft-recipe>h3{margin:6px 0}.inventory-layout .guide-card{padding:10px}.inventory-layout .action-steps li{flex-basis:82px}.inventory-layout .action-steps li strong{font-size:23px}@media(max-width:600px){.action-steps li{flex-basis:100px}.resource-chip{min-width:68px}.resource-chip strong{font-size:20px}.recipe-equation{gap:6px}.formula-arrow{font-size:24px}}
.window>.close{position:sticky;top:0;float:right;z-index:5;background:#e5eff6;min-width:44px;min-height:44px}