@font-face{font-family:Silkscreen;src:url('/assets/fonts/Silkscreen-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;font-family:Silkscreen,monospace;font-weight:700;background:#211409;color:#f5ddb1;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:transparent;border:1px solid #8b6639;border-radius:3px;padding:10px 13px;min-height:44px;font-size:14px}button:hover{background:#473019;border-color:#edb75c}button:focus-visible,a:focus-visible{outline:3px solid #ffe199;outline-offset:4px}button[aria-pressed=true]{color:#ffcb70;border-color:#dfaa57}[hidden]{display:none!important}
.experience{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));max-width:2000px;margin:auto}
.toolbar,.footbar{width:100%;max-width:1774px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{padding:0 0 14px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:1px}.brand img{width:36px;height:36px;object-fit:contain;border-radius:50%}.toolbar nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.scene-wrap{display:flex;justify-content:center;width:100%}.scene{position:relative;width:min(100%,calc((100svh - 148px)*2));max-width:1774px;aspect-ratio:2/1;overflow:hidden;isolation:isolate;container-type:inline-size;background:#1d120b;box-shadow:0 16px 65px #0005;outline:1px solid #b87e3338}
.room,.outside,.backdrop,#characters,.fade{position:absolute;inset:0;width:100%;height:100%}.backdrop{object-fit:fill;user-select:none;pointer-events:none}.room{z-index:1}.outside{z-index:3;transform-origin:57% 69%;will-change:transform}.fade{z-index:4;background:#130c08;opacity:0;pointer-events:none}.outside-wordmark{position:absolute;left:33.6%;top:23.25%;width:27.1%;height:12%;background:linear-gradient(90deg,#f2e7d6,#f6eddf 50%,#f2e7d6);display:flex;align-items:center;justify-content:center;color:#3c220c;font-size:5.1cqw;letter-spacing:.08em;line-height:1;text-shadow:.18cqw .22cqw #d99934}
.loading{position:absolute;inset:0;z-index:6;display:flex;gap:20px;align-items:center;justify-content:center;flex-direction:column;background:#211409e8;font-size:clamp(12px,2cqw,24px)}.loading-line{height:3px;width:110px;background:#6a4c2c;overflow:hidden}.loading-line:after{content:'';display:block;width:40%;height:100%;background:#ffd686;animation:loading 1s infinite alternate ease-in-out}.skip{position:absolute;right:18px;bottom:18px;z-index:5;background:#24160be6;border-color:#e7ba74;box-shadow:0 3px 12px #0005}.skip span{margin-left:8px}
#characters{pointer-events:none;z-index:1}.shelf-link{position:absolute;z-index:2;display:block;transform-origin:center bottom;animation:invitation 4s ease-in-out infinite;filter:drop-shadow(0 0 3px #ffd16c44)}.shelf-link img{display:block;width:100%;height:100%;object-fit:contain}.shelf-x{left:24.2%;top:9.8%;width:4.2%;height:11.1%}.shelf-chart{left:23.7%;top:23.6%;width:5.2%;height:7.7%;animation-delay:1.7s}.shelf-link:hover,.shelf-link:focus-visible{animation:none;transform:translateY(-5%) scale(1.09);filter:drop-shadow(0 0 8px #ffcf6e)}.tooltip{position:absolute;left:50%;bottom:105%;transform:translateX(-50%);white-space:nowrap;padding:6px 8px;background:#291b10;border:1px solid #dba252;font-size:max(12px,1cqw);opacity:0;pointer-events:none}.shelf-link:hover .tooltip,.shelf-link:focus-visible .tooltip{opacity:1}
.chalkboard{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f8eacc;text-shadow:1px 1px #15120e;gap:.65cqw;pointer-events:none}.marketcap-board{left:43.9%;top:13.1%;width:10.6%;height:15.2%}.brew-board{left:67.7%;top:17.3%;width:6.5%;height:15.9%}.chalkboard h1,.chalkboard h2{font-size:1.12cqw;line-height:1.35;margin:0;font-weight:700}.brew-board h2{font-size:.72cqw;line-height:1.45}.chalkboard output{font-size:1.5cqw;color:#ffe1a0;line-height:1.25;white-space:nowrap;max-width:100%}.brew-board output{font-size:1.65cqw}.chalkboard [data-state]{font-size:.52cqw;line-height:1.5;letter-spacing:.05em;color:#bdaa85}.chalkboard [data-state][data-status=stale]{color:#ffc06b}
.footbar{padding-top:16px;font-size:12px;color:#c1a67f}.chain{color:#927d61;font-size:12px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,12px);max-width:calc(100vw - 32px);width:max-content;text-align:center;background:#382515;color:#ffe6b4;border:1px solid #aa7a42;box-shadow:0 10px 30px #0006;padding:14px 18px;font-size:14px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-details{display:none}.noscript{padding:20px;text-align:center;font-size:16px}
@keyframes invitation{0%,100%{filter:drop-shadow(0 0 2px #ffd16c33)}50%{filter:drop-shadow(0 0 6px #ffd16cbb)}}
@keyframes loading{to{transform:translateX(150%)}}
body.motion-paused .shelf-link{animation-play-state:paused}
@media(max-width:700px){.experience{padding:12px;justify-content:center}.toolbar{align-items:flex-start;padding-bottom:16px}.brand{font-size:20px;gap:5px}.brand img{width:28px;height:28px}.toolbar nav{gap:5px;max-width:70%}.toolbar button{font-size:12px;padding:8px;min-height:44px}.scene{width:100%}.skip{right:8px;bottom:8px;font-size:12px;padding:6px 10px;min-height:36px}.footbar{font-size:11px;line-height:1.6;padding-top:12px;flex-wrap:wrap}.chain{font-size:10px}.mobile-details{display:block;margin-top:22px}.mobile-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #6e4c2c;border-bottom:1px solid #6e4c2c}.mobile-stats>div{padding:18px 10px;display:flex;flex-direction:column;gap:10px}.mobile-stats>div+div{border-left:1px solid #6e4c2c}.mobile-stats span{font-size:12px}.mobile-stats output{font-size:clamp(16px,5vw,24px);color:#ffe1a0;overflow-wrap:anywhere}.mobile-stats small{font-size:10px;color:#b5a081}.mobile-links{display:flex;gap:12px;margin-top:16px}.mobile-links a{flex:1;text-align:center;border:1px solid #8b6639;padding:14px 8px;font-size:14px;min-height:48px}.shelf-link:before{content:'';position:absolute;inset:-8px}.tooltip{display:none}}
@media(max-height:520px) and (min-width:701px){.experience{padding:8px}.toolbar{padding-bottom:6px}.toolbar button{min-height:32px;padding:5px 10px}.brand{font-size:18px}.brand img{height:28px;width:28px}.footbar{padding-top:7px}.scene{width:min(100%,calc((100svh - 95px)*2))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.outside{will-change:auto}.toast{transition:none}}