:root{--ink:#352e2b;--paper:#e9dcba;--paper-light:#f4e9cd;--muted:#766956;--wood:#342d27;--gold:#cfad67;--green:#526c50;--red:#995b53;--line:#b6a37b;--font:'Almendra','Palatino Linotype',Palatino,Georgia,serif;--display:'Almendra SC','Almendra','Palatino Linotype',serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#273b32;color:var(--ink);font:20px/1.35 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--ink);border:1px solid #a88f62;border-radius:4px;background:linear-gradient(#f0e4c5,#dfcea3);padding:8px 14px;box-shadow:0 2px 0 #8b745348,inset 0 1px #fff7dc;text-wrap:balance;transition:filter .13s,transform .13s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ce9e50;outline-offset:3px}.primary{color:#f3e5bf;border-color:#2e473b;background:linear-gradient(#668263,#425f4c);box-shadow:0 3px 0 #263c30,inset 0 1px #839775}.danger{color:#874c40}.quiet{background:transparent;box-shadow:none;border-color:#ad9b794d}.small{font-size:16px}.muted{color:var(--muted)}.eyebrow,.small-caps{font-family:var(--display);letter-spacing:.08em}.eyebrow{font-size:15px;color:#8d784f}.tag{display:inline-block;border:1px solid #b5a07466;border-radius:12px;padding:1px 8px;font-size:14px;background:#ae925014}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.stack>*+*{margin-top:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{padding:30px;text-align:center;color:#79674e}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--display);font-weight:400}h3{font-size:24px}h4{font-size:21px}p+p{margin-top:10px}a{color:#4a6b56}kbd{font:13px var(--font);border:1px solid #b7a06a66;border-radius:3px;padding:0 4px;opacity:.75}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#app,#world{width:100%;height:100%;position:absolute;inset:0}#world{object-fit:contain;background:#2d3e34;cursor:crosshair;touch-action:none}#welcome{position:absolute;inset:0;z-index:5;background:#192b27b5;overflow:auto;padding:22px;backdrop-filter:blur(2px)}.loading{text-align:center;max-width:650px;margin:20vh auto;padding:55px;border:1px solid #bda86c;background:#263b31ec;color:var(--paper)}.loading h1{font-size:64px;color:#e4c883;margin-bottom:15px}.creation{max-width:1250px;margin:auto}.creation-header{display:flex;justify-content:space-between;align-items:center;color:#dfd5b3;margin:0 6px 16px;gap:20px}.creation-header h1{font-size:50px;color:#e2c184;line-height:1.1;text-shadow:0 3px 0 #17261e}.creation-header p{color:#b9c3a6;font-size:18px;margin-top:5px}.creation-header .returning{display:flex;gap:10px}.creator-shell{background:linear-gradient(125deg,#efe3c5,#e4d3ac);border:2px solid #a98d5e;border-radius:9px;box-shadow:0 15px 60px #06190fc0,inset 0 0 0 4px #d4bf924d;overflow:hidden}.creator-top{padding:17px 26px;border-bottom:1px solid #b4a17c66;display:flex;align-items:center;justify-content:space-between;gap:16px}.creator-top h2{font-size:29px}.creator-top p{font-size:17px;color:#7b694e}.creator-body{display:grid;grid-template-columns:235px 1fr 350px;min-height:465px}.species-column{padding:20px;border-right:1px solid #b4a17c55}.species-column h3{font-family:var(--display);font-size:20px;margin-bottom:13px}.species-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.species-button{display:flex;align-items:center;flex-direction:column;padding:5px 2px 7px;background:#e1cea42d;border-color:#bba67e;font-size:18px}.species-button canvas{width:49px;height:63px;object-fit:contain}.species-button.active{border-color:#576b49;background:#7f916524;box-shadow:inset 0 0 0 2px #5d774a}.species-note{font-size:16px;color:#77684d;margin-top:18px;line-height:1.5}.preview-column{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 16px 12px;background:radial-gradient(ellipse at 50% 44%,#eef0cc6b,#b5bc8830 55%,#78825b18 100%);position:relative}.preview-column:before{content:'❦';font-size:25px;color:#ac935f;position:absolute;top:14px}.preview-column canvas{width:100%;max-width:395px;height:295px;object-fit:contain}.preview-controls{display:flex;gap:8px;align-items:center;justify-content:center;font-size:17px}.preview-controls button{padding:3px 12px}.voice-line{font-size:18px;font-style:italic;max-width:360px;text-align:center;margin:17px 10px 6px;color:#685c46;line-height:1.5}.customization{padding:20px 22px;border-left:1px solid #b4a17c55}.customization nav{display:flex;border-bottom:1px solid #ac966865;margin-bottom:14px;gap:5px}.customization nav button{font-size:18px;border:none;box-shadow:none;border-radius:0;padding:7px 9px;background:transparent}.customization nav button.active{border-bottom:3px solid #66805b;color:#3e5e45}.field{display:block;margin:13px 0}.field>span,.field-label{display:block;font-family:var(--display);font-size:17px;margin-bottom:5px;color:#6b5b42}.field input:not([type=checkbox]):not([type=range]),.field select{width:100%;padding:6px 9px;border:1px solid #b3a07a;border-radius:3px;color:#493e2e;background:#f3e7c8}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:27px;height:27px;border-radius:50%;padding:0;background:var(--swatch);box-shadow:inset 0 0 0 2px #ffffff30;border:2px solid #66594360}.swatch.active{outline:2px solid #59754c;outline-offset:3px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.two-fields .field{margin:8px 0}.creator-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-top:1px solid #b4a17c66;gap:15px}.creator-footer p{max-width:500px;color:#766549;font-size:17px}.creator-footer .primary{font-size:24px;padding:10px 26px}.creator-footnote{text-align:center;color:#c5ceb7;font-size:15px;padding:12px}.wood-panel{background:linear-gradient(130deg,#40392fed,#2a3029ed);border:1px solid #a18e5f;border-radius:5px;color:#e8d9b0;box-shadow:0 3px 10px #0b1d233a,inset 0 0 0 2px #1b2b223a}#hud{position:absolute;inset:0;pointer-events:none}#hud button,#hotbar,#touch-controls{pointer-events:auto}.status{position:absolute;top:18px;left:18px;width:260px;padding:12px 15px;font-size:16px}.status-top{display:flex;justify-content:space-between;font-size:18px;color:#e9cd87}.date-line{display:flex;justify-content:space-between;color:#cbbd97;font-size:16px;margin:3px 0 8px}.vital{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:7px;margin-top:3px;font-size:15px}.vital meter{width:100%;height:12px;appearance:none;border:1px solid #b49b6859;border-radius:3px;background:#1f2c26}.vital meter::-webkit-meter-bar{background:#252d28;border:0}.vital meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#99594f,#c88664)}.vital meter::-moz-meter-bar{background:#bc7e5b}.stamina meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#647f51,#b8bb71)}.stamina meter::-moz-meter-bar{background:#9ca96b}.purse{position:absolute;top:18px;right:18px;padding:9px 16px;display:flex;flex-direction:column;text-align:right;min-width:170px}.purse #coins{color:#ebc976;font-size:22px}.purse #reputation{font-size:15px;color:#c8c5a2}#quick-menu{position:absolute;top:109px;right:18px;padding:5px;display:flex;gap:2px}#quick-menu button{background:transparent;color:#e6d3a9;border:0;box-shadow:none;font-size:17px;padding:5px 9px}#chapter{position:absolute;top:173px;left:18px;width:244px;padding:10px 13px;font-size:17px;border-color:#8b805763}#chapter .eyebrow{font-size:13px;color:#b1ba95}#chapter p{color:#e1d5b5;margin-top:4px}#chapter small{font-size:14px;color:#b9b78e}#hotbar{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);display:flex;padding:7px;gap:5px;background:linear-gradient(#5b4936,#352d26);border:2px solid #b49966;border-radius:7px;box-shadow:0 4px 13px #07180e55}#hotbar button{position:relative;width:66px;height:66px;padding:2px;background:#e3cea44d;border-color:#b29c6a8f;display:flex;align-items:center;justify-content:center}#hotbar button.active{background:#d5bf85;border-color:#f4db9a;box-shadow:inset 0 0 0 2px #779055,0 0 12px #cfb57b24}#hotbar button canvas{width:44px;height:44px}#hotbar kbd{position:absolute;top:2px;left:4px;font-size:13px;border:0;padding:0;color:#e5d4ab;opacity:1}#hotbar .active kbd{color:#4f5538}#hotbar button span{display:none;position:absolute;bottom:76px;white-space:nowrap;padding:3px 9px;border-radius:4px;color:#e5d8b8;background:#273a2fea;font-size:16px}#hotbar button:hover span,#hotbar button.active span{display:block}#controls-hint{position:absolute;bottom:10px;width:100%;text-align:center;font-size:16px;text-shadow:0 2px 4px #132419;color:#e5ddbb}#prompt{position:absolute;left:50%;bottom:142px;transform:translateX(-50%);background:#293c30ed;border:1px solid #c1ab72;border-radius:5px;padding:7px 15px;color:#eee0bc;text-align:center;font-size:19px;box-shadow:0 3px 12px #13251866;max-width:85%}#prompt kbd{font-size:16px;color:#e2c681;border-color:#b9a570}#sample-badge{position:absolute;bottom:15px;right:15px;max-width:210px;font-size:12px;color:#e2bd8a;text-align:right}#toasts{position:absolute;left:50%;transform:translateX(-50%);top:22px;z-index:20;pointer-events:none;width:min(520px,75vw);display:flex;flex-direction:column;gap:7px}.toast{color:#f2e4bd;background:#304438ec;border:1px solid #b6a169;padding:9px 15px;text-align:center;box-shadow:0 5px 20px #14271540;border-radius:5px;font-size:19px;animation:arrive .2s ease-out}.toast.error{background:#704c40f2;border-color:#c7a877}@keyframes arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}dialog{padding:0;width:min(1120px,94vw);max-height:89vh;color:var(--ink);background:linear-gradient(130deg,#f0e5c7,#e2d0a7);border:2px solid #a18655;border-radius:8px;box-shadow:0 25px 90px #08150bbf;overflow:hidden}dialog::backdrop{background:#13251dc4;backdrop-filter:blur(2px)}dialog header{display:flex;align-items:center;justify-content:space-between;padding:16px 23px 12px;border-bottom:1px solid #b6a17988}dialog header h2{font-size:33px;line-height:1.1;margin-top:3px}.close{font-size:29px;border:0;background:transparent;box-shadow:none;padding:0 10px}#panel-tabs{display:flex;gap:5px;padding:0 21px;border-bottom:1px solid #b6a17977;overflow:auto}#panel-tabs:empty{display:none}#panel-tabs button{border:0;box-shadow:none;background:transparent;border-radius:0;color:#887650;font-size:19px;padding:11px 15px}#panel-tabs button.active{color:#496446;border-bottom:3px solid #70855b;background:#c2c69920}#panel-body{padding:22px;overflow-y:auto;max-height:calc(89vh - 174px);min-height:200px;scrollbar-color:#af996d transparent}dialog footer{padding:9px 23px;font-size:15px;color:#8b7751;border-top:1px solid #b6a17977;display:flex;justify-content:space-between}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input[type=search]{flex:1;min-width:170px;border:1px solid #b5a078;border-radius:4px;background:#f7edcf;padding:8px 12px;color:#544831}.toolbar select{max-width:230px;padding:8px 10px;background:#eadfbd;border:1px solid #b5a078;border-radius:4px;color:#665438}.toolbar label{font-size:17px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:18px;font-size:17px}.pagination button{font-size:16px;padding:5px 13px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{background:#f6ebcb75;border:1px solid #b9a37699;border-radius:5px;padding:13px 14px;box-shadow:0 2px 0 #a28b5912;min-width:0}.card .item-head{display:flex;align-items:center;gap:10px}.item-head canvas{width:42px;height:42px;flex-shrink:0}.item-head h3{font-size:22px;line-height:1.1}.item-head .subtitle{font-size:15px;color:#907b54;margin-top:3px}.card p{font-size:17px;margin-top:9px;color:#756447}.card .actions{display:flex;gap:7px;margin-top:12px;align-items:center;flex-wrap:wrap}.card .actions button{font-size:17px;padding:4px 12px}.card.locked{background:#cdbb9140}.ingredients{display:flex;flex-wrap:wrap;gap:4px 8px;margin:12px 0;font-size:15px;line-height:1.5}.ingredient{color:#76694e}.ingredient.have{color:#426749}.ingredient.missing{color:#9b6551}.recipe-meta{font-size:15px;color:#897550;margin-top:7px}.callout{border-left:3px solid #84916a;background:#c9d0a32c;padding:13px 17px;margin-bottom:18px;font-size:19px;line-height:1.45}.callout.warn{border-color:#ae8352;background:#d5b47525}.callout p{margin-top:6px}.quote{font-size:23px;line-height:1.5;color:#675839;font-style:italic}.npc-intro{display:flex;gap:25px;align-items:center;margin-bottom:20px}.npc-intro canvas{width:112px;height:144px;flex-shrink:0;background:radial-gradient(#b2bd8b55,transparent 70%)}.npc-intro .eyebrow{margin-bottom:6px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skill-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.level-badge{border:1px solid #9a8557;background:#6b805525;color:#5b704a;padding:2px 9px;font-family:var(--display);border-radius:5px;font-size:21px}.progress{height:8px;background:#b4a58240;border:1px solid #ad9b6e55;border-radius:3px;overflow:hidden;margin:10px 0}.progress>span{height:100%;display:block;background:linear-gradient(90deg,#607c56,#a4ad72)}.perk-tier{padding:8px 0;border-top:1px solid #baa77c55;font-size:16px}.perk-tier .row{gap:6px}.perk-tier button{font-size:15px;padding:5px 7px;flex:1}.perk-tier small{font-size:14px}.perk-chosen{color:#4e6f46}.perk-locked{color:#ab9872}.journal-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.quest{padding:16px;border:1px solid #b7a07188;margin-top:12px;border-radius:5px}.quest h3{font-size:25px}.quest p{font-size:18px;margin-top:7px}.checkline{font-size:17px;color:#876f49;margin-top:8px}.checkline.done{color:#507044}.history p{font-size:18px;line-height:1.5;padding:9px 0;border-bottom:1px solid #bba57644}.map-card{min-height:200px;background:linear-gradient(150deg,#c3c89b50,#ddcea46b);position:relative;overflow:hidden}.map-card canvas{width:100%;height:130px;object-fit:contain;margin-bottom:8px}.map-card.current{border:2px solid #7c8b5f}.map-card h3{font-family:var(--display);font-size:27px}.map-card p{font-size:17px;line-height:1.4}.map-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.guest-card{display:flex;align-items:flex-start;gap:12px}.guest-card canvas{width:56px;height:72px;flex-shrink:0}.guest-card .guest-info{flex:1;min-width:0}.guest-card select{width:100%;font-size:16px;border:1px solid #b7a278;background:#f4e8c9;padding:5px;margin:9px 0;color:#655237}.guest-card.served{background:#b6c28f3d;border-color:#87996899}.wardrobe{display:grid;grid-template-columns:200px 1fr;gap:23px}.wardrobe-preview{width:200px;height:265px;object-fit:contain;background:radial-gradient(#9eae7133,transparent 75%)}.slot{border-bottom:1px solid #b7a07844;padding:9px;display:flex;justify-content:space-between;gap:15px;align-items:center}.slot span:first-child{font-size:16px;color:#897049;min-width:65px;text-transform:capitalize}.slot button{font-size:15px;padding:4px 10px}.minigame{text-align:center;max-width:690px;margin:auto;padding:8px 10px 28px}.minigame h3{font-family:var(--display);font-size:31px;margin:10px 0}.minigame .mini-art{width:170px;height:170px;object-fit:contain;image-rendering:pixelated}.timing-track{height:37px;border:3px solid #725735;border-radius:5px;background:#b4865540;position:relative;margin:24px 0 16px;overflow:hidden;box-shadow:inset 0 3px 7px #795d4130}.timing-window{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(90deg,#98aa74,#98aa74 5px,#a8b983 5px,#a8b983 10px);border-left:2px solid #607650;border-right:2px solid #607650}.timing-cursor{position:absolute;top:0;bottom:0;width:5px;background:#f9e2a4;border:1px solid #755a3a;box-shadow:0 0 0 1px #514832;transform:translateX(-50%)}.minigame p{max-width:590px;margin:10px auto;color:#7c6847;line-height:1.5}.minigame .primary{font-size:25px;padding:10px 24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid .field{margin:18px 0}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.setting-row input[type=range]{width:50%;accent-color:#6b8058}.key-table{width:100%;border-collapse:collapse;font-size:18px}.key-table td{padding:7px 9px;border-bottom:1px solid #b9a47a55}.key-table td:first-child{color:#816d49}.quality-2{color:#788254}.quality-3{color:#a38839}.quality-4{color:#976989}#touch-controls{display:none}.version{font-size:14px;color:#927c54;margin-top:20px}body.reduced-motion *,body.reduced-motion *:before{animation:none!important;transition:none!important}
@media(min-aspect-ratio:16/9){#world{object-fit:fill}}@media(max-width:1050px){.creator-body{grid-template-columns:200px 1fr 305px}.species-column{padding:17px 13px}.customization{padding:18px 16px}.creation-header h1{font-size:44px}.preview-column canvas{height:260px}.voice-line{font-size:16px}.card-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status{transform:scale(.9);transform-origin:top left}.purse{font-size:18px}#chapter{top:159px;transform:scale(.9);transform-origin:top left}#hotbar button{width:58px;height:58px}#quick-menu button{padding:5px 7px;font-size:16px}}
@media(max-width:800px){#welcome{padding:12px}.creation-header h1{font-size:38px}.creation-header p{font-size:15px}.creator-body{grid-template-columns:160px 1fr}.customization{grid-column:1/-1;border-left:none;border-top:1px solid #b4a17c55;display:block}.customization .custom-content{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.species-grid{gap:6px}.species-button{font-size:16px}.species-button canvas{height:45px;width:38px}.species-note{font-size:14px}.creator-top{padding:14px 17px}.creator-top p{display:none}.preview-column canvas{height:265px}.creator-footer{padding:14px;flex-wrap:wrap}.creator-footer p{font-size:15px}.creator-footer .primary{font-size:20px}.status{top:9px;left:9px;width:225px}.purse{top:9px;right:9px;padding:6px 11px;min-width:0}.purse #coins{font-size:19px}.purse #reputation{font-size:13px}#quick-menu{right:8px;top:87px}#quick-menu button{font-size:15px;padding:5px}#quick-menu kbd{display:none}#chapter{display:none}#hotbar{bottom:36px;gap:3px;padding:4px}#hotbar button{width:45px;height:49px}#hotbar button canvas{width:35px;height:35px}#hotbar button span{bottom:57px;font-size:14px}#controls-hint{font-size:12px;padding:0 8px;bottom:8px}#prompt{bottom:109px;font-size:16px;max-width:90%;width:max-content}#panel-body{padding:15px}.card-grid,.skill-grid{gap:10px}.card{padding:11px}.item-head h3{font-size:19px}.item-head canvas{width:32px;height:32px}.card p{font-size:16px}.ingredients{font-size:14px}.journal-layout,.settings-grid{grid-template-columns:1fr}dialog header{padding:14px 17px}dialog header h2{font-size:28px}#panel-tabs{padding:0 10px}#panel-tabs button{padding:9px 10px;font-size:17px}.columns{grid-template-columns:1fr}.wardrobe{grid-template-columns:130px 1fr}.wardrobe-preview{width:130px;height:180px}dialog footer{font-size:13px;padding:8px 12px}.map-cards{gap:10px}.map-card h3{font-size:22px}#sample-badge{display:none!important}}
@media(max-width:500px){.creator-body{grid-template-columns:135px 1fr}.creator-top h2{font-size:23px}.creation-header{gap:7px}.creation-header h1{font-size:30px}.creation-header p{font-size:13px}.creation-header button{font-size:15px;padding:6px 10px}.species-column{padding:12px 8px}.species-button{font-size:14px}.species-column h3{font-size:17px}.species-note{display:none}.preview-column{padding:12px 5px}.preview-column canvas{height:240px}.voice-line{font-size:15px;margin:12px 5px}.customization .custom-content{display:block}.creator-footer>div{width:100%}.creator-footer .primary{width:100%}.creator-footer p{display:none}.card-grid,.skill-grid,.map-cards{grid-template-columns:1fr}.toolbar{gap:8px}.toolbar select{max-width:100%}.status{width:202px;padding:9px}.status-top{font-size:15px}.date-line{font-size:14px}.purse{top:9px;right:8px}.purse #reputation{display:none}#quick-menu{top:65px}.purse #coins{font-size:16px}#quick-menu button{font-size:13px}#hotbar button{width:39px;height:43px}#hotbar button canvas{width:30px;height:30px}#toasts{width:84vw;top:128px}.toast{font-size:17px}dialog footer span{display:none}.npc-intro{gap:13px}.npc-intro canvas{width:70px;height:100px}.quote{font-size:19px}}
@media(pointer:coarse){#touch-controls{display:grid;position:absolute;left:14px;bottom:111px;grid-template-columns:repeat(3,34px);gap:3px}#touch-controls button{font-size:19px;padding:3px;background:#e1d6b3bb}#touch-controls button:first-child{grid-column:2}#touch-controls button:nth-child(2){grid-column:1}#touch-controls button:last-child{grid-column:2}#controls-hint{font-size:13px}#prompt{bottom:102px;left:61%;max-width:70%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#chapter .eyebrow,#chapter>span{display:block}#chapter>span:last-child{font-size:16px;margin-top:5px;line-height:1.35}