:root{color-scheme:dark;--ink:#09070d;--cream:#f8dfb1;--amber:#f4a94c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);overscroll-behavior:none}body{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;color:var(--cream);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game-shell{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#2d1728 0,var(--ink) 72%);isolation:isolate}#canvas{display:block;width:auto;height:auto;max-width:100vw;max-height:100dvh;border:0;outline:0;object-fit:contain;visibility:hidden;image-rendering:pixelated;touch-action:none}#loadingCanvas{display:none}#loading-screen{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,42px);padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#100b13 url("house-background.png") center/cover no-repeat;transition:opacity .45s ease,visibility .45s}#loading-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,5,10,.12),rgba(6,5,10,.28) 48%,rgba(6,5,10,.72))}.house-glow{position:absolute;width:min(72vw,760px);aspect-ratio:1;border-radius:50%;background:rgba(244,169,76,.12);filter:blur(60px);animation:breathe 3.2s ease-in-out infinite}.game-logo{position:relative;width:min(68vw,660px);height:auto;filter:drop-shadow(0 8px 0 rgba(29,10,18,.75)) drop-shadow(0 16px 24px rgba(0,0,0,.55))}.loading-card{position:relative;width:min(86vw,460px);padding:17px 19px 15px;text-align:center;background:linear-gradient(#271521,#180e18);border:3px solid #6d3840;border-radius:6px;box-shadow:0 0 0 3px #170a10,0 14px 35px #0009,inset 0 1px #fff1}.loading-card:before,.loading-card:after{content:"";position:absolute;top:10px;width:5px;height:5px;border-radius:50%;background:#a6684c;box-shadow:0 0 0 2px #3a1c25}.loading-card:before{left:10px}.loading-card:after{right:10px}.eyebrow{display:block;margin-bottom:10px;color:var(--amber);font-size:clamp(10px,2.7vw,12px);font-weight:800;letter-spacing:.2em}.burrow-meter{height:10px;overflow:hidden;padding:2px;background:#08070b;border:1px solid #643343;border-radius:2px}.burrow-meter i{display:block;width:40%;height:100%;background:repeating-linear-gradient(90deg,var(--amber) 0 12px,#d76b45 12px 15px);box-shadow:0 0 12px #f4a94cb3;animation:burrow 1.5s ease-in-out infinite}#status-text{min-height:1.25em;margin:12px 0 4px;color:#fff1ce;font-size:clamp(12px,3.2vw,15px);font-weight:700}.loading-card small,#rotate-hint small{color:#b99082;font-size:clamp(9px,2.5vw,11px)}.loading-card.error{border-color:#c34e4e}.loading-card.error .burrow-meter i{background:#c34e4e;animation:none;width:100%}#fullscreen{position:fixed;z-index:10;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;padding:0;color:var(--cream);background:#120a11b8;border:2px solid #f4a94c8c;border-radius:6px;box-shadow:0 4px 16px #0007;backdrop-filter:blur(5px)}#fullscreen:active{transform:translateY(2px)}#fullscreen svg{width:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}#rotate-hint{display:none;position:fixed;z-index:8;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:30px;text-align:center;background:#09070df0}.phone-icon{width:32px;height:52px;margin-bottom:8px;border:3px solid var(--amber);border-radius:5px;animation:rotate-phone 2.4s ease-in-out infinite}body:not(.loading) #loading-screen{opacity:0;visibility:hidden;pointer-events:none}@media(orientation:portrait) and (max-width:700px){body:not(.loading) #rotate-hint{display:flex}}@media(max-height:500px){#loading-screen{gap:10px}.game-logo{width:min(48vw,430px);max-height:25vh}.loading-card{padding:11px 15px 10px}.eyebrow{margin-bottom:7px}#status-text{margin:7px 0 2px}}
@keyframes burrow{0%{transform:translateX(-110%)}50%,100%{transform:translateX(260%)}}
@keyframes breathe{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(90deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}