:root{color:#f7ebd0;background:#251b18;font-family:ui-rounded,Avenir Next,Avenir,system-ui,sans-serif;font-synthesis:none;--ink: #2d201d;--cream: #f7ebd0;--gold: #e0aa58;--ochre: #a95d34;--leaf: #536947;--panel: rgba(45, 32, 29, .94)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0;overflow:hidden}body{background:#251b18;touch-action:manipulation}button,.button{min-height:48px;border:1px solid rgba(255,255,255,.17);border-radius:16px;padding:.75rem 1rem;color:var(--cream);background:#51372f;font:inherit;font-weight:700;letter-spacing:.01em;cursor:pointer;text-decoration:none;text-align:center}button:focus-visible,.button:focus-visible{outline:3px solid #ffe49a;outline-offset:3px}button.primary,.button.primary{color:#2a1d19;background:var(--gold);border-color:#f5cf84;box-shadow:0 6px #84532f}button.quiet{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}.shell{position:relative;width:min(100vw,540px);height:100dvh;min-height:650px;margin:auto;overflow:hidden;background:#33231e}.home{display:flex;flex-direction:column;align-items:center;padding:max(3rem,env(safe-area-inset-top)) 1.4rem max(1rem,env(safe-area-inset-bottom));text-align:center;background:#3b2922}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.1rem,9vw,3.8rem);line-height:.98;letter-spacing:-.03em}.home h1{margin-bottom:.75rem;color:#ffe9b5}.eyebrow{margin-bottom:.6rem;color:#e8bb73;font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.sun-mark{position:relative;width:104px;height:104px;margin:1rem 0 1.5rem;border:2px solid #d99b4d;border-radius:50%}.sun-mark:before,.sun-mark:after,.sun-mark span:before,.sun-mark span:after{content:"";position:absolute;left:50%;top:50%;width:132px;height:2px;background:#d99b4d;transform-origin:center}.sun-mark:before{transform:translate(-50%,-50%) rotate(0)}.sun-mark:after{transform:translate(-50%,-50%) rotate(90deg)}.sun-mark span:before{transform:translate(-50%,-50%) rotate(45deg)}.sun-mark span:after{transform:translate(-50%,-50%) rotate(-45deg)}.home-road{flex:1;width:44%;min-height:80px;border-left:4px solid rgba(224,170,88,.28);border-right:4px solid rgba(224,170,88,.18);transform:skew(-8deg)}.button-stack{display:grid;width:min(100%,390px);gap:.8rem}.button-stack button{width:100%}.footnote{max-width:36rem;margin:1.4rem 0 0;color:#c9b69a;font-size:.78rem;line-height:1.4}.game{--hud-height: max(74px, calc(54px + env(safe-area-inset-top)) )}.hud{position:absolute;z-index:4;display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--hud-height);padding:max(.8rem,env(safe-area-inset-top)) 1rem .7rem;background:#261915;border-bottom:1px solid rgba(255,255,255,.12)}.hud small{display:block;max-width:24ch;color:#e8c994;font-size:.72rem}.hud strong{display:block;margin-top:.25rem;font-size:1.25rem}.hud em{font-size:.68rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:#d4bea1}.goods{display:flex;align-items:center;gap:.55rem;color:#e5af58}.goods>strong{font-size:1.2rem}.goods>span{display:grid;grid-template-columns:repeat(4,12px);gap:5px}.goods i{font-size:.7rem;font-style:normal}.world-wrap{position:absolute;left:0;right:0;top:var(--hud-height);bottom:184px;background:#765337}.world-wrap canvas{display:block;width:100%;height:100%;object-fit:cover;touch-action:none}.control-ribbon{position:absolute;z-index:5;left:0;right:0;bottom:0;min-height:184px;padding:.5rem .65rem max(.5rem,env(safe-area-inset-bottom));background:#33231e;border-top:2px solid #7b533c}.speed-controls{display:flex;justify-content:flex-end;gap:.4rem;position:absolute;right:.6rem;top:-58px}.speed-controls button{min-width:48px;min-height:46px;padding:.5rem;border-radius:14px;background:#2d201deb}.speed-controls .active{background:var(--gold);color:var(--ink)}.hint{min-height:2.2rem;margin:0 auto .45rem;padding-right:9.8rem;color:#e0cfb4;font-size:.74rem;line-height:1.35}.begin{position:absolute;right:.7rem;top:.5rem;width:9rem;min-height:54px;font-size:.78rem}.next-stamp{display:flex;align-items:baseline;gap:.4rem;max-width:calc(100% - 10rem);min-height:1rem;color:#d8c7aa}.next-stamp small{color:#dba95b;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.next-stamp strong{overflow-wrap:anywhere;font-size:.68rem}.stamp-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.35rem}.stamp-choice{position:relative;min-width:0}.stamp-choice>.stamp-block{width:100%}.stamp-block{position:relative;min-width:0;min-height:92px;padding:.15rem .35rem .45rem;border-radius:12px;border:4px solid #76513c;background:#7d5138;box-shadow:inset 0 0 0 2px #ffebb52e,0 5px #211716;touch-action:none;transition:transform .15s}.stamp-block.dragging{transform:translateY(-12px) scale(1.04)}.stamp-block:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58}.stamp-block strong{display:block;overflow-wrap:anywhere;font-size:clamp(.62rem,2.6vw,.78rem);line-height:1.05}.stamp-block>small{position:absolute;right:.3rem;top:.25rem;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e0aa58;color:#2d201d}.carving{display:block;width:54px;max-width:86%;aspect-ratio:1;margin:0 auto .1rem;border:0;background:url(../assets/hearthland-atlas.png) no-repeat;background-size:600% 400%}.stamp-warden .carving{background-position:40% 0}.stamp-lantern .carving{background-position:60% 0}.stamp-drum .carving{background-position:80% 0}.stamp-garden .carving{background-position:100% 0}.stamp-return{position:absolute;z-index:3;left:-4px;top:-8px;display:grid;place-items:center;min-width:48px;min-height:48px;padding:1px 3px;border-radius:50%;background:#3d2a24;color:#f6d998;line-height:1}.stamp-return span{font-size:1rem}.stamp-return small{font-size:.48rem;letter-spacing:.02em;text-transform:uppercase}.notice{position:absolute;z-index:8;top:calc(var(--hud-height) + 12px);left:1rem;right:1rem;padding:.8rem;border-radius:14px;background:#f2d799;color:#32231e;font-size:.76rem;box-shadow:0 8px 25px #00000040}.detail-sheet{position:absolute;z-index:10;left:.6rem;right:.6rem;bottom:-100%;padding:1.1rem;border-radius:22px 22px 0 0;background:var(--panel);transition:bottom .25s}.detail-sheet.open{bottom:0}.detail-sheet h2{font-family:Georgia,serif}.sheet-close{float:right;min-width:48px;padding:.4rem;font-size:1.4rem}.detail-sheet dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.detail-sheet dl div{padding:.6rem;background:#ffffff0f;border-radius:10px}.detail-sheet dt{color:#d7b77e;font-size:.7rem}.detail-sheet dd{margin:.2rem 0 0;font-weight:800}.sheet-actions{display:flex;gap:.6rem}.sheet-actions button{flex:1}.road-screen{padding:max(2rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#3b2922}.road-screen header{position:relative;z-index:3;text-align:center}.road-screen h1{margin-bottom:.5rem}.road-screen header p:last-child{color:#cbb99e;font-size:.85rem}.road-map{position:relative;height:58vh;margin:-1rem 0 0}.road-edge{position:absolute;z-index:0;height:3px;background:#9b744d;transform-origin:left center}.road-node{position:absolute;z-index:2;width:52px;min-height:52px;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:#4a352b}.road-node span{display:block;width:20px;height:20px;margin:auto;border:2px solid #d2a95f;transform:rotate(45deg)}.road-node.walked{background:#70523a}.road-node.partner{background:#596951;box-shadow:0 0 0 5px #7e9a6f47}.road-node.current{outline:5px solid rgba(224,170,88,.3)}.coop-note{position:absolute;left:1rem;right:1rem;bottom:10.6rem;margin:0;color:#cdd9c6;font-size:.72rem;text-align:center}.road-choices{position:absolute;left:1rem;right:1rem;bottom:max(3.8rem,calc(env(safe-area-inset-bottom) + 3.8rem));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.choice span,.choice small{display:block}.choice small{margin-top:.25rem;opacity:.72;font-size:.66rem}.story,.ending,.settings{display:flex;flex-direction:column;align-items:center;padding:max(2rem,env(safe-area-inset-top)) 1.4rem max(1.2rem,env(safe-area-inset-bottom));text-align:center;background:#3b2922}.story-illustration{position:relative;width:min(78vw,360px);height:32vh;margin-bottom:1.1rem;border-radius:45% 45% 12px 12px;background:radial-gradient(circle at 50% 68%,#a9773d,#4b382b 64%,#2d211d);overflow:hidden}.story-illustration:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#180f0c6b)}.story-illustration .atlas-story-icon{position:absolute;left:50%;bottom:6%;width:min(50vw,210px);height:min(50vw,210px);transform:translate(-50%);background:url(../assets/hearthland-atlas.png) no-repeat;background-size:600% 400%}.type-market .atlas-story-icon{background-position:0 100%}.type-fire .atlas-story-icon{background-position:20% 100%}.type-elder .atlas-story-icon{background-position:40% 100%}.type-grove .atlas-story-icon{background-position:60% 100%}.choice-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.3rem 0 .6rem}.choice-summary small{padding:.3rem .5rem;border:1px solid #765c45;border-radius:999px;color:#cdbb9d;font-size:.65rem}.story>p:not(.eyebrow),.ending>p{max-width:34rem;color:#d6c6ac;line-height:1.55}.story .button-stack{margin-top:auto}.ending{justify-content:center;gap:.8rem}.ending .complete-note{padding:1rem;border:1px solid #7e684f;border-radius:16px}.ending button{width:min(100%,360px)}.settings{align-items:stretch;text-align:left;overflow-y:auto}.settings section{margin:.75rem 0;padding:1rem;background:#ffffff0d;border-radius:18px}.settings h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#dab977}.settings p{color:#d1c0a7;line-height:1.5}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.segmented button{min-width:0;padding:.55rem .25rem;overflow-wrap:anywhere}.segmented button:first-child{grid-column:1 / -1}.segmented .active{background:var(--gold);color:var(--ink)}.preview-head{min-height:74px}.preview-copy{position:absolute;z-index:6;left:0;right:0;bottom:0;min-height:250px;padding:1rem;background:#33231e}.preview-copy h1{font-size:1.25rem;margin-bottom:.4rem}.preview-copy p{font-size:.75rem;color:#d7c5aa}.preview-copy .stamp-row{margin:.5rem 0 1rem}.preview-copy .stamp-block{min-height:92px;pointer-events:none}.preview-copy .stamp-return{display:none}.preview-copy .carving{width:36px;margin:.2rem auto}.diagnostics .world-wrap{bottom:285px}.diagnostic-panel{position:absolute;z-index:7;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;min-height:285px;padding:.7rem;background:#2d201d}.diagnostic-panel output{grid-column:1 / -1;max-height:125px;overflow:auto;padding:.55rem;border-radius:10px;background:#1b1311;color:#e8d3aa;white-space:pre-wrap;font:.58rem/1.35 ui-monospace,monospace;text-align:left}.diagnostic-panel #slot-counts{grid-column:1 / -1;color:#f1c87f;font-size:.68rem;line-height:1.45}.coop-lobby code{display:block;max-height:9rem;overflow:auto;padding:.7rem;border-radius:12px;background:#201613;overflow-wrap:anywhere;font-size:.7rem}.notice-inline{padding:.7rem;border:1px solid #8d6045;border-radius:12px;color:#efc989}@media(max-height:720px){.control-ribbon{min-height:176px}.world-wrap{bottom:176px}.hint{display:none}.begin{position:static;width:100%;min-height:42px}.stamp-row{margin-top:.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}