:root{--cream:#fff8e9;--ink:#243a2e;--forest:#193e30;--orange:#eb8544;--orange-dark:#bf5b27;--muted:#827f71;--line:#e7dfce;--panel:rgba(22,43,34,.82);font-family:"Trebuchet MS",Arial,sans-serif;color:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1d392f}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f3b562;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app,#world{width:100%;height:100%;position:fixed;inset:0}#world{display:block;outline:0}#scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,29,22,.87) 0%,rgba(13,35,26,.67) 31%,rgba(15,38,28,.12) 69%,rgba(10,27,22,.08)),linear-gradient(0deg,rgba(13,32,25,.8),transparent 20%,transparent 85%,rgba(15,32,26,.32));transition:opacity .65s}.playing #scene-vignette{opacity:.12}
.site-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:33px 4.5%;z-index:3;gap:20px;pointer-events:none}.site-header a,.site-header button{pointer-events:auto}.brand{display:flex;gap:11px;align-items:center;font-size:31px;font-weight:900;letter-spacing:-1.6px;white-space:nowrap}.brand-kill{color:var(--orange)}.brand sup{font:10px Arial;vertical-align:top;margin-left:5px;opacity:.7}.cookie-mark{display:block;position:relative;width:39px;height:39px;background:#efad65;border-radius:49% 45% 47% 43%;transform:rotate(-16deg);box-shadow:inset -3px -4px 0 #cf8245;flex-shrink:0}.cookie-mark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 24%,#744129 0 8%,transparent 9%),radial-gradient(circle at 54% 52%,#744129 0 9%,transparent 10%),radial-gradient(circle at 24% 65%,#744129 0 6%,transparent 7%),radial-gradient(circle at 67% 78%,#744129 0 6%,transparent 7%),radial-gradient(circle at 75% 24%,#744129 0 5%,transparent 6%)}.cookie-mark:after{content:"";position:absolute;width:15px;height:15px;right:-2px;top:-2px;border-radius:50%;background:#1c392c}.cookie-mark.big{width:67px;height:67px;margin:0 auto 27px}.cookie-mark.big:after{width:24px;height:24px;background:var(--cream)}.header-tagline{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2.5px;opacity:.75}.header-actions{display:flex;align-items:center;gap:20px}.status-badge{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px;font-weight:bold}.status-badge i,#connection-state i{width:6px;height:6px;display:inline-block;background:#b7d69f;border-radius:50%;box-shadow:0 0 10px #b7d69f60}.round-button{border:1px solid #fff4da40;background:#e5edd110;border-radius:50%;height:31px;width:31px;font-size:16px}.round-button:hover{background:#fff4da30}
.landing-copy{position:absolute;top:19%;left:7%;z-index:1}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.5}.tiny-star{font-size:15px;color:#f3b66f;vertical-align:-1px;margin-right:7px}.landing-copy>.eyebrow{color:#ead4aa;letter-spacing:2.7px}.landing-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(58px,6.1vw,92px);letter-spacing:-3px;line-height:1.03;margin:20px 0 23px;text-shadow:0 4px 35px #153b2330}.landing-copy h1 em{color:#f6b970;font-weight:400;position:relative}.landing-description{font-size:14px;line-height:1.8;color:#e1e6d2;letter-spacing:.1px;margin:0}.login-card{margin-top:28px;padding:24px 26px 16px;background:var(--cream);color:var(--ink);width:380px;border-radius:16px;box-shadow:0 20px 70px #09241b35;border:1px solid #fff8e985}.card-heading{display:flex;gap:12px;align-items:center;margin-bottom:22px}.card-icon{width:37px;height:37px;display:grid;place-items:center;background:#efe9d9;border:1px solid #e2dbca;border-radius:11px;font-size:24px}.card-heading h2{font-size:16px;letter-spacing:-.4px;margin:0 0 5px;font-weight:700}.card-heading p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}label{display:block;font-size:8px;font-weight:bold;letter-spacing:1.5px;margin-bottom:9px;color:#697267}.input-wrap{position:relative}.input-wrap>span{position:absolute;left:13px;top:12px;color:#9b9e91;font:16px Arial}input{width:100%;padding:12px 13px;border:1px solid #dcdccd;background:#fffdf6;border-radius:6px;color:var(--ink);font-size:12px;outline:none}.input-wrap input{padding-left:36px}input:focus{border-color:#cb884f;box-shadow:0 0 0 3px #eb85441a}.button{border:0;border-radius:6px;padding:13px 17px;font-size:12px;font-weight:bold;letter-spacing:.2px;transition:transform .15s,background .15s;display:flex;justify-content:space-between;align-items:center;gap:18px}.button.primary{background:var(--orange);color:#2b2d1d;box-shadow:inset 0 -2px #ce6a2d40}.button.primary:hover{background:#f39a59;transform:translateY(-1px)}.button>span{font-size:20px;line-height:15px}.login-card .button{width:100%;margin-top:12px}.fine-print{font-size:9px;text-align:center;color:#8a8e7e;margin:13px 0 0}.form-message{font-size:11px;color:#a33b29;line-height:1.6;margin:12px 0 0}.dev-note{background:#e7ecd9;border-radius:5px;color:#4c6644;font-size:11px;padding:9px;line-height:1.5}.code-input{font-size:24px;letter-spacing:12px;text-align:center}.text-button{border:0;background:none;padding:10px 0 0;color:#6d7767;font-size:10px}.text-button:hover{color:var(--orange-dark)}.text-button.light{color:#d7dcc9}.landing-perks{display:flex;gap:20px;margin:19px 3px;color:#d1d8c4;font-size:9px;letter-spacing:.1px}.landing-perks i{font-style:normal;color:#e8b37b;margin-right:4px;font-size:12px}.world-caption{position:absolute;right:8%;top:62%;display:flex;align-items:center;gap:18px;text-shadow:0 2px 18px #153423}.world-caption .eyebrow{font-size:8px;letter-spacing:2px;color:#e9e2c7}.world-caption h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:7px 0;letter-spacing:-.8px}.world-caption p{font-size:10px;color:#dbe1ca;margin:0}.caption-line{height:65px;width:1px;background:#e2dfad80}.coordinates{margin-left:25px;padding-left:24px;border-left:1px solid #ecedce45;font-size:10px;line-height:1.8;color:#e9e2c7;font-family:monospace}.landing-bottom{position:absolute;bottom:26px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.world-links{display:flex;gap:28px;align-items:center}.world-link{font-size:10px;opacity:.6;display:flex;align-items:center;gap:8px}.world-link.active{opacity:1}.biome-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#80ac6d}.biome-dot.desert{background:#e4ae66}.biome-dot.ocean{background:#79b5bf}.biome-dot.city{background:#c7b8a0}.early-access{font-size:8px;letter-spacing:1.7px;color:#cbd6c0;opacity:.75}
#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:17px;background:#1c392c;z-index:10;font-size:12px;letter-spacing:1px;transition:opacity .4s}.spin{animation:wobble 1.5s ease-in-out infinite}@keyframes wobble{50%{transform:rotate(35deg)}}#render-error{position:absolute;inset:0;padding:20vh 10vw;text-align:center;background:#1c392c;z-index:20}#render-error h1{font-family:Georgia,serif}
.playing .site-header{padding:25px 29px}.playing .brand{font-size:25px}.playing .brand .cookie-mark{width:30px;height:30px}.playing .brand .cookie-mark:after{height:12px;width:12px}.playing .header-tagline,.playing .header-actions{display:none}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}.compass{position:absolute;top:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#16362978;padding:12px 21px;border:1px solid #e5f1d41c;border-radius:40px;backdrop-filter:blur(10px);font-size:9px;white-space:nowrap;letter-spacing:1px}.compass strong{font-size:10px;letter-spacing:1.5px}.compass i{height:10px;width:1px;background:#e9efd730}.compass>span:first-child{color:#f3b66f;font-weight:bold}.compass>span:last-child{font-family:monospace;color:#d6dfc7;font-size:9px}.player-summary{position:absolute;top:25px;right:28px;display:flex;gap:13px}.coin-counter{display:flex;align-items:center;gap:8px;border:1px solid #eeeac72a;background:#1e3b2d99;border-radius:25px;padding:8px 15px}.coin-icon{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:#e9b65b;color:#744b23;border:2px solid #f5cf86;font-size:18px;font-weight:bold;font-family:Georgia,serif}.coin-counter strong{font-size:14px}.coin-counter>span:last-child{font-size:7px;letter-spacing:1.5px;color:#c9d8bf}.avatar-button{border:1px solid #f3e9d04a;border-radius:50%;height:39px;width:39px;background:#193a2bb0;font-size:18px}.objective-card{position:absolute;top:116px;left:30px;width:222px;background:linear-gradient(115deg,#19382da8,#19382d65);border:1px solid #e5efd51a;backdrop-filter:blur(8px);border-radius:10px;padding:17px}.objective-card .eyebrow{font-size:6px;letter-spacing:1.5px;color:#e4bd88}.objective-card h3{font-size:14px;letter-spacing:-.3px;margin:10px 0 7px}.objective-card p{font-size:10px;line-height:1.7;color:#d4dfcb;margin:0 0 14px}.objective-progress{height:3px;border-radius:4px;background:#e2edcb20}.objective-progress span{height:100%;display:block;background:#dfb471;transition:width .3s;border-radius:3px;width:0}.objective-card .text-button{font-size:8px;display:flex;justify-content:space-between;width:100%;padding-top:12px}.buffs{position:absolute;top:290px;left:30px;display:flex;flex-direction:column;gap:7px}.buff{display:flex;align-items:center;gap:9px;font-size:10px;padding:7px 11px;border:1px solid #f4cf824a;background:#62462bb3;border-radius:5px;color:#ffe0a0}.buff strong{font-size:9px}
#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.8;filter:drop-shadow(0 1px 2px #0008)}#crosshair i{position:absolute;background:#fffce6;border-radius:1px}#crosshair i:nth-child(1){height:5px;width:2px;left:8px;top:0}#crosshair i:nth-child(2){height:5px;width:2px;left:8px;bottom:0}#crosshair i:nth-child(3){height:2px;width:5px;top:8px;left:0}#crosshair i:nth-child(4){height:2px;width:5px;top:8px;right:0}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:44px;color:#ffbd6d}#interaction-prompt{position:absolute;left:50%;top:59%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 17px;background:#172e24bf;backdrop-filter:blur(6px);border:1px solid #e4e8ca38;border-radius:8px;min-width:190px}kbd{font-family:inherit;display:inline-block;font-size:9px;line-height:1.3;border:1px solid #e9ead345;border-radius:3px;padding:3px 5px;font-weight:700;background:#d5dec81a;color:inherit}#interaction-prompt>kbd{font-size:15px;padding:7px 11px;background:var(--cream);color:var(--forest);border:0}#interaction-label{font-size:12px;font-weight:bold}#interaction-detail{display:block;margin-top:4px;font-size:9px;color:#d0dac5}.activity-feed{position:absolute;top:95px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:285px}.feed-item{font-size:9px;padding:8px 12px;line-height:1.5;border-radius:5px;border:1px solid #e9efd215;background:#1737299e;animation:slide-in .3s ease-out;color:#e5eddb}.feed-item.good{color:#d6ebb0}.feed-item.combat{color:#ffcb9a}@keyframes slide-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.vitals{position:absolute;bottom:34px;left:30px;width:215px;background:#112d2365;padding:16px 17px 12px;border-radius:9px;border:1px solid #e1eace17;backdrop-filter:blur(6px)}.vital-label{display:flex;justify-content:space-between;align-items:baseline;font-size:8px;letter-spacing:1px;margin-bottom:8px;color:#dfead3}.vital-label strong{font-size:12px;letter-spacing:0}.vital-label small{font-size:8px;font-weight:400;opacity:.65;margin-left:2px}.meter{height:5px;background:#06180f55;border-radius:4px;overflow:hidden}.meter span{height:100%;width:100%;display:block;transition:width .2s;border-radius:4px}.meter.health span{background:linear-gradient(90deg,#d98163,#f5b181)}.meter.stamina{height:3px}.meter.stamina span{background:#d4dca0}.stamina-label{margin-top:15px;font-size:7px;margin-bottom:6px}.stamina-label strong{font-size:9px}.vital-caption{display:flex;justify-content:space-between;gap:6px;margin-top:12px;font-size:7px;color:#b8cdb0;align-items:center}.vital-caption>span:first-child{overflow:hidden;text-overflow:ellipsis;max-width:85px;white-space:nowrap}#connection-state{font-size:6px;letter-spacing:.7px;white-space:nowrap}#connection-state i{width:4px;height:4px;margin-right:3px}.hotbar-wrap{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);text-align:center}.hotbar{display:flex;gap:7px;margin:10px 0 10px}.hotbar-slot{position:relative;width:62px;height:65px;border-radius:8px;border:1px solid #f2eac53d;background:#173628b0;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;transition:background .2s,transform .2s;padding:0}.hotbar-slot:hover{background:#34513dcb;transform:translateY(-2px)}.hotbar-slot.selected{background:#fff1d5eb;border:2px solid #f1ab64;box-shadow:0 0 20px #f2ac6330;transform:translateY(-4px)}.hotbar-slot .slot-number{position:absolute;top:5px;left:6px;font-size:8px;color:#e3e8ca87}.hotbar-slot.selected .slot-number{color:#7d654c}.hotbar-slot .slot-count{position:absolute;bottom:4px;right:7px;font-size:10px;color:#f7edda;font-weight:700}.hotbar-slot.selected .slot-count{color:#74553b}.hotbar-slot.empty{opacity:.5}.hotbar-slot .cookie-icon{width:32px;height:32px}.hotbar-slot .slot-safe{position:absolute;top:5px;right:6px;font-size:8px;color:#83a46c}#selected-cookie-label{font-size:9px;letter-spacing:1.5px;text-shadow:0 1px 10px #123622}#selected-cookie-label span{font-size:7px;letter-spacing:1px;color:#d0dbc0;margin-left:10px;opacity:.7}.hotbar-hints{display:flex;justify-content:center;gap:15px;font-size:7px;color:#d5e0c7;white-space:nowrap}.hotbar-hints b{font-size:6px;margin-right:3px;letter-spacing:.4px}.hotbar-hints kbd{font-size:6px;padding:1px 3px}.cookie-icon{width:37px;height:37px;display:inline-block;flex-shrink:0;border-radius:47%;background:#e1a453;position:relative;box-shadow:inset -3px -3px #b67639,inset 2px 2px #f6c984;transform:rotate(-12deg);border:1px solid #dd9d55}.cookie-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 27% 30%,var(--chip,#855331) 0 8%,transparent 9%),radial-gradient(circle at 65% 27%,var(--chip,#855331) 0 5%,transparent 6%),radial-gradient(circle at 56% 58%,var(--chip,#855331) 0 9%,transparent 10%),radial-gradient(circle at 29% 74%,var(--chip,#855331) 0 5%,transparent 6%),radial-gradient(circle at 78% 76%,var(--chip,#855331) 0 5%,transparent 6%)}.cookie-icon.berry_cookie{--chip:#9b354b;background:#daa370}.cookie-icon.nut_cookie{--chip:#613c21;background:#c38b45}.cookie-icon.cactus_cookie{--chip:#528756;background:#c5b66e}.cookie-icon.sun_cookie{--chip:#dc731a;background:#f4bb54}.cookie-icon.salt_cookie{--chip:#fff5dc;background:#c2c2a0}.cookie-icon.protein_cookie{--chip:#6e518b;background:#d4a68d}.cookie-icon.cake{--chip:#a74359;border-radius:8px;background:linear-gradient(#ffdca4 0 28%,#a56b44 29% 48%,#fff2c1 49% 61%,#a56b44 62%);box-shadow:inset -3px -3px #a37342}.cookie-icon.fire{background:linear-gradient(#f4c062,#d06526);border-radius:70% 12% 70% 45%;transform:rotate(-38deg);border:0;box-shadow:inset -9px -5px #ce5923}.cookie-icon.fire:after{display:none}
.minimap-wrap{position:absolute;bottom:24px;right:30px;width:169px;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;padding:0;pointer-events:auto}.minimap-wrap>canvas{width:135px;height:135px;border-radius:50%;border:5px solid #e8dfbd40;box-shadow:0 4px 24px #15342560;opacity:.95;background:#567952}.minimap-north{position:absolute;top:9px;font-size:8px;color:#fff6d5;text-shadow:0 1px 2px #000}.minimap-title{font-size:6px;letter-spacing:1px;margin-top:9px;white-space:nowrap}.minimap-title kbd{font-size:6px;padding:1px 3px;margin-left:3px}#damage-overlay{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #c3332e;opacity:0;transition:opacity .3s}#disconnect-banner{position:absolute;top:85px;left:50%;transform:translateX(-50%);background:#794729e8;padding:11px 19px;border:1px solid #f7ad7450;border-radius:6px;font-size:11px;white-space:nowrap}#disconnect-banner span{font-size:9px;margin-left:8px;opacity:.7}
.overlay,.modal-overlay{position:absolute;inset:0;background:#0e221c80;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:5;padding:24px}.play-card{padding:38px 42px 24px;text-align:center;max-width:480px;background:var(--cream);color:var(--ink);border-radius:19px;box-shadow:0 30px 130px #08231850;border:1px solid #fff6df}.play-card .eyebrow{font-size:8px;color:#927a50;letter-spacing:1.5px}.play-card h2{font:38px Georgia,serif;letter-spacing:-1.5px;margin:14px 0}.play-card>p{font-size:12px;line-height:1.8;color:#7a8171}.play-card .button{width:100%;margin:22px 0}.quick-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;font-size:9px;color:#62715e}.quick-controls kbd{border-color:#ccd4c0;background:#e9eedf;font-size:8px;margin-right:2px}.play-card .mouse-note{font-size:9px;color:#929684;margin:20px 0 3px}.play-card #logout-button{font-size:9px;color:#9a8e7e}
.modal-overlay{z-index:7;background:#102b2299;padding:30px}.modal-shell{background:var(--cream);color:var(--ink);width:830px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;border-radius:17px;box-shadow:0 30px 100px #081f2555;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:26px 30px 21px;border-bottom:1px solid var(--line)}.modal-header .eyebrow{font-size:8px;color:#a38962;letter-spacing:1.7px}.modal-header h2{font:30px Georgia,serif;letter-spacing:-.8px;margin:6px 0 0}.close-button{width:32px;height:32px;border-radius:50%;border:1px solid #dadccd;background:#f3f0e3;color:#65725d;font-size:23px;line-height:1}.close-button:hover{background:#e5e9db}.modal-tabs{display:flex;padding:0 30px;gap:25px;border-bottom:1px solid var(--line)}.modal-tab{padding:15px 1px 13px;font-size:10px;font-weight:bold;border:0;border-bottom:2px solid transparent;background:none;color:#8c9481}.modal-tab.active{color:#36563d;border-bottom-color:#ce8b49}.modal-content{padding:25px 30px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c4cdb7 #f4f2e6}.modal-footer{padding:13px 30px;background:#f0efdf;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8a927d;font-size:8px;flex-shrink:0;border-top:1px solid #e0e4d4}.modal-footer kbd{font-size:6px;border-color:#cbd2bf;background:#e8eadd}.modal-footer>span:last-child{white-space:nowrap;letter-spacing:.7px}.panel-intro{font-size:12px;color:#74816c;line-height:1.8;margin:0 0 22px;max-width:660px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:3px 0 13px;font-size:9px;letter-spacing:1.3px;font-weight:bold;color:#698260}.section-label span{font-size:8px;letter-spacing:0;color:#9b9e89;font-weight:normal}.safe-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:25px}.safe-slot{min-height:103px;border:1px dashed #b9c7a5;border-radius:9px;background:#edf0df;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;text-align:center;position:relative}.safe-slot.occupied{border-style:solid;background:#e6ecd6}.safe-slot .empty-lock{font-size:23px;color:#b2c29e}.safe-slot .safe-label{font-size:8px;color:#839477}.safe-slot .cookie-icon{width:30px;height:30px}.safe-slot .unsave{position:absolute;top:3px;right:6px;border:0;background:none;color:#95a681;font-size:16px}.safe-slot .safe-quantity{font-size:10px;color:#566d48}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item-card{border:1px solid #dedfce;border-radius:9px;padding:15px 13px;background:#fffaf0;display:flex;gap:10px;position:relative;align-items:flex-start}.item-card .item-main{flex:1;min-width:0}.item-card h4{font-size:11px;margin:0 0 4px}.item-card .item-info{font-size:9px;color:#8a907a;line-height:1.5;min-height:14px}.item-card .item-quantity{font-size:11px;font-weight:bold;color:#7e875c;position:absolute;right:10px;top:10px}.item-card .cookie-icon{width:30px;height:30px;margin-top:4px}.item-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.small-button{font-size:8px;font-weight:bold;background:#e8ecd9;border:1px solid #d4ddc3;color:#4d6c42;padding:6px 9px;border-radius:4px}.small-button:hover{background:#dae3c9}.small-button.accent{background:#f3d7b5;color:#866038;border-color:#e8c69d}.material-icon{width:32px;height:34px;display:grid;place-items:center;font-size:25px}.empty-message{padding:25px;color:#939a85;text-align:center;border:1px dashed #d5dcc8;border-radius:8px;font-size:11px}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recipe-card{border:1px solid #e0dfcd;border-radius:10px;padding:18px;background:#fffaf0;display:flex;flex-direction:column;position:relative}.recipe-top{display:flex;gap:13px;align-items:center}.recipe-top h3{font-size:13px;margin:0 0 4px}.recipe-top span{font-size:8px;color:#8a8f7a}.recipe-card p{font-size:10px;line-height:1.7;color:#7f8872;min-height:33px;margin:14px 0 10px}.recipe-cost{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 16px;font-size:8px}.ingredient-chip{display:inline-block;padding:5px 7px;border-radius:3px;background:#eceedd;color:#6f7d60}.ingredient-chip.missing{background:#f5e3d3;color:#ac7554}.recipe-card .small-button{margin-top:auto;padding:9px;font-size:9px}.recipe-stats{display:flex;gap:10px;font-size:9px;color:#ac8055;margin-top:5px}.notice{padding:12px 15px;border:1px solid #e7d8b5;background:#f4ecd5;font-size:10px;line-height:1.6;border-radius:6px;color:#8a7852;margin:0 0 20px}.notice.good{background:#e9eed8;border-color:#d5dfbf;color:#667d4f}.shop-list{display:flex;flex-direction:column;gap:10px}.shop-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #dddfce;border-radius:9px;background:#fffaf0}.shop-row .shop-copy{flex:1}.shop-row h3{font-size:12px;margin:0 0 5px}.shop-row p{font-size:10px;color:#8b907d;margin:0;line-height:1.6}.shop-row .small-button{font-size:9px;padding:10px 13px;white-space:nowrap}.shop-icon{width:41px;height:41px;border-radius:9px;background:#ecebd8;display:grid;place-items:center;font-size:23px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.stat-card{background:#e9eddb;padding:13px 10px;text-align:center;border:1px solid #dbe1cc;border-radius:8px}.stat-card strong{display:block;font-size:23px;font-weight:normal;font-family:Georgia,serif;margin-bottom:6px}.stat-card span{font-size:8px;color:#7d8d6b}.field-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-section{border:1px solid #e0e2d0;padding:20px;border-radius:10px}.guide-section h3{font-size:13px;margin:0 0 12px}.guide-section p{font-size:11px;line-height:1.9;color:#7b8870;margin:0}.guide-section kbd{background:#e8eeda;border-color:#d3dfbf;color:#5d7650;font-size:8px}.guide-section ol{margin:0;padding-left:16px;color:#7b8870;font-size:11px;line-height:2}.map-canvas-wrap{position:relative;border-radius:12px;overflow:hidden;border:1px solid #b5c5a2;background:#dfe7cb}.map-canvas-wrap canvas{width:100%;height:auto;display:block}.map-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0 0}.map-legend h3{font-size:10px;margin:0 0 7px;display:flex;align-items:center;gap:7px}.map-legend p{font-size:9px;line-height:1.7;color:#818c75;margin:0}.map-key{display:flex;gap:20px;font-size:9px;color:#7b876e;margin:15px 0 0}.map-key b{color:#c27539;margin-right:4px}.reputation-list{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.reputation-pill{padding:7px 10px;border:1px solid #d7dfc9;background:#edf0e0;border-radius:5px;font-size:9px}.reputation-pill.bad{background:#f3e0d4;color:#aa674b}
#toast-stack{position:absolute;top:100px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;pointer-events:none;z-index:12;max-width:450px;width:90%}.toast{background:#fff8eaf5;color:#3d5738;border:1px solid #c8d5b2;padding:12px 20px;border-radius:8px;box-shadow:0 8px 35px #132c2540;font-size:11px;line-height:1.6;animation:slide-in .25s ease-out;text-align:center}.toast.error{border-color:#e0af8a;color:#a15c39}.toast.success{border-color:#acbc87}.toast.removing{opacity:0;transform:translateY(-8px);transition:.3s}.modal-content .text-button{color:#7c8669}#mobile-note{position:absolute;left:15px;right:15px;bottom:15px;background:#fff5dff0;color:#735d3e;border-radius:7px;padding:12px;z-index:20;text-align:center;font-size:11px}
@media(min-width:1600px){.landing-copy{left:9%;top:20%}.login-card{width:408px;padding:27px 29px 19px}.landing-description{font-size:16px}.landing-copy h1{margin-bottom:27px}.card-heading p{font-size:11px}.card-heading h2{font-size:17px}.world-caption{right:12%}}
@media(max-height:820px) and (min-width:901px){.landing-copy{top:17%}.landing-copy h1{font-size:67px;margin:14px 0 17px}.landing-description{font-size:12px}.login-card{margin-top:20px;padding:19px 23px 14px}.card-heading{margin-bottom:16px}.landing-perks{margin-top:15px}.landing-bottom{bottom:20px}.modal-shell{max-height:92vh}}
@media(max-height:690px) and (min-width:901px){.site-header{padding-top:21px}.landing-copy{top:15%}.landing-copy h1{font-size:54px;margin:12px 0}.landing-description{font-size:11px;line-height:1.6}.login-card{margin-top:14px;padding:16px 20px 11px;width:350px}.card-heading{margin-bottom:12px}.card-heading h2{font-size:14px}.card-heading p{font-size:9px}.card-icon{width:32px;height:32px}.login-card input{padding-top:10px;padding-bottom:10px}.login-card .button{padding-top:10px;padding-bottom:10px}.landing-perks{font-size:8px;margin:10px 0}.fine-print{font-size:8px;margin-top:10px}.modal-header{padding-top:18px;padding-bottom:15px}.objective-card{top:90px}.buffs{top:265px}.hotbar-slot{width:53px;height:56px}.vitals{width:187px;bottom:24px}.minimap-wrap canvas{width:110px;height:110px}}
@media(max-width:1000px){.header-tagline{display:none}.landing-copy{left:5%}.world-caption{right:5%;top:65%}.world-caption h2{font-size:28px}.world-caption .coordinates{display:none}.world-links{gap:17px}.early-access{font-size:6px}.compass{gap:10px;padding:10px 14px}.compass strong{font-size:8px}.compass>span:last-child{display:none}.hotbar-slot{width:49px;height:55px}.vitals{width:180px;left:20px}.minimap-wrap{right:18px;width:140px}.minimap-wrap>canvas{width:112px;height:112px}.objective-card{left:20px;width:200px}.hotbar-hints{font-size:6px;gap:8px}.coin-counter>span:last-child{display:none}.inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{padding:21px 23px}.brand{font-size:27px}.brand .cookie-mark{width:34px;height:34px}.status-badge{display:none}.landing-copy{top:15%;left:7%;right:7%}.landing-copy>.eyebrow{font-size:8px;letter-spacing:2px}.landing-copy h1{font-size:57px;margin:17px 0}.landing-description{font-size:12px;line-height:1.6}.login-card{width:100%;max-width:375px;padding:21px;margin-top:23px}.landing-perks{font-size:8px;gap:12px}.world-caption{display:none}.world-links{gap:12px;flex-wrap:wrap}.world-link{font-size:8px}.early-access{display:none}.landing-bottom{bottom:22px;left:7%;right:7%}#scene-vignette{background:linear-gradient(90deg,#112e27e0,#122f2890 70%,#122f2850)}.modal-overlay{padding:10px}.modal-shell{max-height:95vh}.modal-header{padding:21px}.modal-header h2{font-size:25px}.modal-tabs{padding:0 20px;gap:20px}.modal-content{padding:21px}.modal-footer{padding:12px 21px}.modal-footer>span:first-child{font-size:7px}.safe-slots{gap:6px}.safe-slot{min-height:83px}.safe-slot .safe-label{font-size:6px}.safe-slot .cookie-icon{width:23px;height:23px}.inventory-grid,.recipe-grid,.field-guide{grid-template-columns:1fr}.recipe-card p{min-height:0}.map-legend{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.shop-row{gap:9px;padding:12px}.shop-row .small-button{font-size:8px;padding:8px}.shop-row h3{font-size:11px}.shop-row p{font-size:9px}.play-card{padding:27px;max-width:400px}.play-card h2{font-size:32px}.playing .brand{font-size:19px}.playing .site-header{padding:20px}.playing .brand .cookie-mark{width:26px;height:26px}.compass{top:70px}.player-summary{top:18px;right:18px}.objective-card{display:none}.vitals{bottom:126px;left:15px;width:153px;padding:12px}.minimap-wrap{bottom:130px;right:12px;width:110px}.minimap-title{display:none}.minimap-wrap>canvas{width:93px;height:93px}.hotbar-wrap{bottom:28px}.buffs{left:18px;top:118px}.activity-feed{right:18px;top:119px;max-width:180px}.feed-item{font-size:8px}.hotbar-slot{width:51px;height:54px}.hotbar-hints{font-size:6px}#toast-stack{top:117px}.modal-tab{font-size:9px}.play-card .quick-controls{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* World and controls */
.menu-small-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.menu-small-actions .small-button{font-size:10px;padding:9px 14px}#capture-prompt{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);z-index:6;border:1px solid #e0eac650;background:#16382be8;border-radius:22px;padding:13px 21px;color:#f5edd5;font-size:11px;box-shadow:0 5px 25px #13362c30}#capture-prompt kbd{margin-left:16px;font-size:8px}#zone-notification{position:absolute;left:50%;top:112px;transform:translateX(-50%);pointer-events:none;z-index:4;text-align:center;background:linear-gradient(90deg,transparent,#1d41399e,transparent);padding:14px 65px;min-width:320px;animation:slide-in .45s ease-out;color:#fff4d3;text-shadow:0 2px 10px #203e32}#zone-notification span{display:block;font-size:8px;letter-spacing:3px;color:#e6d4a6;margin-bottom:7px}#zone-notification strong{font:25px Georgia,serif;font-weight:400;white-space:nowrap}.empty-hotbar{font-size:22px;opacity:.25}.hotbar-slot.empty .slot-safe{opacity:.8}.hotbar-slot.empty.selected{opacity:.7}.hotbar-slot .material-icon{font-size:24px}.hotbar-hints{gap:11px}#hit-marker{font-size:34px;text-shadow:0 1px 3px #423021;white-space:nowrap}.hit-reward{font-size:11px;color:#ffe6a7;margin-left:9px;font-weight:700}.safe-slots{grid-template-columns:repeat(3,1fr)}