.h41-home{--screen-dark:#23382e;--screen-mid:#385342;--screen-light:#b6c695;--screen-pale:#d5d9ad;--screen-ink:#25372c;--screen-gold:#f0d17b;width:100%;min-width:0;min-height:100svh;color:var(--screen-ink);isolation:isolate;background:radial-gradient(at 50% 30%,#4b6853 0,#0000 62%),#1c3028;place-items:center;padding:clamp(10px,2.4vw,28px);font-family:Arial,Helvetica,sans-serif;display:grid}.h41-home *{box-sizing:border-box}.h41-console{background:linear-gradient(145deg,#889176,#5b6b5d 70%);border:2px solid #79866d;border-radius:9px;width:min(1390px,100%);min-width:0;padding:clamp(7px,1.05vw,13px);box-shadow:0 7px #14251f,0 20px 52px #0d1b174d,inset 0 1px #c3c6a7}.h41-screen{color:var(--screen-ink);background:repeating-linear-gradient(0deg,#0000 0 3px,#25372c08 3px 4px),radial-gradient(at 72% 20%,#d0d6a899,#0000 58%),linear-gradient(140deg,#c5d0a1,#a9bd88 58%,#9fb27e);border:3px solid #26392e;padding:clamp(14px,2vw,24px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #e0dfb4,inset 0 0 34px #4b63331a}.h41-welcome{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:center;max-width:1280px;min-height:clamp(245px,30vw,360px);margin:0 auto;display:grid}.h41-title{z-index:2;padding:16px 0;position:relative}.h41-title h1{color:var(--screen-dark);letter-spacing:.025em;text-shadow:2px 3px #7f956c;margin:0;font:700 clamp(58px,8vw,106px)/.98 Confluence Pixel,monospace}.h41-title p{color:#394f3d;max-width:285px;margin-top:13px;font-size:clamp(13px,1.4vw,16px);line-height:1.5}.h41-scene{aspect-ratio:560/330;filter:drop-shadow(0 12px 8px #263b2d40);justify-self:center;width:100%;min-width:0;max-width:640px;position:relative}.h41-island{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.h41-camp-actor{width:var(--actor-size);height:var(--actor-size);pointer-events:none;position:absolute;transform:translate(-50%,-65%)}.h41-prop{width:168px;height:168px;image-rendering:pixelated;pointer-events:none;background:url(/pixel/environment/wellspring-props.png) 0 0/400% 400%;position:absolute;transform:translate(-50%,-90%)}.h41-oak{background-position:0 0;width:200px;height:200px;top:40%;left:37%}.h41-fern{background-position:100% 0;width:100px;height:100px;top:69%;left:22%}.h41-lantern{background-position:66.6667% 100%;width:105px;height:105px;top:56%;left:73%}.h41-waterfall{animation:1.6s linear infinite h41-water}.h41-firefly{pointer-events:none;background:#ebce73;width:3px;height:3px;animation:4s ease-in-out infinite h41-glow;position:absolute;box-shadow:0 0 8px #ead875}.h41-firefly-a{top:36%;left:27%}.h41-firefly-b{animation-delay:-2s;top:30%;left:76%}.h41-menu{max-width:1280px;margin:-2px auto 0}.h41-menu-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px;display:flex}.h41-menu-heading h2{color:#3e553e;letter-spacing:.06em;text-transform:uppercase;margin:0;font:700 14px/1.2 Confluence Pixel,monospace}.h41-menu-heading>span{color:#566b4d;letter-spacing:.08em;align-items:center;gap:8px;font:700 10px/1 Confluence Pixel,monospace;display:flex}.h41-menu-heading i{color:#8c6230;font-size:17px;font-style:normal;animation:1.1s steps(2,end) infinite h41-cursor}.h41-modes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(9px,1.4vw,16px);display:grid}.h41-mode{color:#f0ebcb;-webkit-tap-highlight-color:transparent;background:#344d3d;border:2px solid #304739;border-radius:3px;flex-direction:column;gap:9px;min-width:0;min-height:188px;padding:clamp(13px,1.7vw,20px);text-decoration:none;transition:transform .14s,background-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #26392e,inset 2px 2px #647957}.h41-mode:hover{z-index:1;background:#3e5b47;transform:translateY(-3px);box-shadow:0 7px #26392e,inset 2px 2px #81906a}.h41-mode:focus-visible{z-index:2;outline-offset:4px;background:#405f49;outline:3px solid #7d5729}.h41-mode:active{transform:translateY(2px);box-shadow:0 1px #26392e,inset 2px 2px #26392e}.h41-mode-top{color:#e8d58f;justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.h41-mode-top svg{background:#263e31;border:1px solid #9aaa776b;width:40px;height:40px;padding:4px;display:block}.h41-mode-top>span{color:#d6dfb0;white-space:nowrap;border:1px solid #819070;padding:5px 7px;font-size:11px;line-height:1}.h41-mode h3{color:#f5edc9;margin:2px 0 0;font:700 clamp(19px,2.1vw,25px)/1.12 Confluence Pixel,monospace}.h41-mode p{color:#d6ddbc;max-width:250px;margin:0;font-size:13px;line-height:1.45}.h41-enter{color:var(--screen-gold);border-top:1px solid #b4c09155;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font:700 14px/1.2 Confluence Pixel,monospace;display:flex}.h41-enter span{font:700 20px/1 Arial,sans-serif;transition:transform .14s}:is(.h41-mode:hover .h41-enter span,.h41-mode:focus-visible .h41-enter span){transform:translate(4px)}.h41-mode-number{color:#dce4bf26;letter-spacing:.08em;pointer-events:none;font:700 10px/1 Confluence Pixel,monospace;position:absolute;top:58px;right:10px}.h41-mode-story .h41-mode-top svg{color:#f0d17b}.h41-mode-tower .h41-mode-top svg{color:#9fd0a7}.h41-mode-arena .h41-mode-top svg{color:#e69a74}.h41-foot{color:#4d6147;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;min-height:38px;margin:9px auto -5px;font-size:11px;display:flex}.h41-key-hint{align-items:center;gap:5px;display:flex}.h41-key-hint kbd{color:#34483a;background:#d5d9ad;border:1px solid #647753;border-bottom-width:2px;border-radius:2px;place-items:center;min-width:26px;min-height:21px;padding:3px 5px;font:700 9px/1 Arial,sans-serif;display:inline-grid}.h41-foot a{color:#354d3b;align-items:center;gap:7px;min-height:38px;font-weight:700;text-decoration:none;display:inline-flex}.h41-foot a:hover{color:#172b22;text-underline-offset:3px;text-decoration:underline}.h41-home a:focus-visible{outline-offset:4px;outline:3px solid #7d5729}@keyframes h41-water{to{stroke-dashoffset:-22px}}@keyframes h41-glow{0%,to{opacity:.28}50%{opacity:.9}}@keyframes h41-cursor{50%{opacity:.25}}@media (min-width:1600px){.h41-welcome{min-height:370px}.h41-mode{min-height:198px}}@media (max-width:900px){.h41-console{width:min(780px,100%)}.h41-welcome{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);min-height:250px}.h41-camp-actor,.h41-prop{scale:.82}.h41-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.h41-mode{min-height:168px}.h41-mode-arena{grid-column:1/-1;min-height:132px}.h41-mode-arena p{max-width:none}}@media (max-width:560px){.h41-home{justify-items:stretch;padding:8px}.h41-console{border-radius:7px;padding:6px}.h41-screen{border-width:2px;padding:12px}.h41-welcome{min-height:198px;display:block;position:relative;overflow:hidden}.h41-title{pointer-events:none;max-width:68%;padding:16px 0 12px}.h41-title h1{letter-spacing:0;font-size:clamp(48px,14vw,62px)}.h41-title p{max-width:190px;margin-top:10px;font-size:12px;line-height:1.4}.h41-scene{z-index:0;opacity:.86;width:min(78vw,320px);position:absolute;top:26px;right:-66px}.h41-camp-actor,.h41-prop{scale:.63}.h41-menu{z-index:1;position:relative}.h41-menu-heading{margin-bottom:8px}.h41-menu-heading h2{font-size:12px}.h41-menu-heading>span{font-size:9px}.h41-menu-heading i{font-size:15px}.h41-modes{gap:8px}.h41-mode{gap:7px;min-height:149px;padding:11px}.h41-mode-top{min-height:32px}.h41-mode-top svg{width:32px;height:32px;padding:3px}.h41-mode-top>span{padding:4px 5px;font-size:9px}.h41-mode h3{font-size:clamp(17px,5vw,21px)}.h41-mode p{font-size:11px;line-height:1.35}.h41-enter{padding-top:7px;font-size:12px}.h41-enter span{font-size:18px}.h41-mode-number{font-size:8px;top:48px;right:8px}.h41-mode-arena{min-height:116px}.h41-mode-arena h3{padding-right:48px}.h41-foot{min-height:33px;margin-top:5px;margin-bottom:-4px;font-size:10px}.h41-key-hint{display:none}.h41-foot{justify-content:flex-end}.h41-key-hint{gap:4px}.h41-key-hint kbd{min-width:23px;min-height:19px;padding:2px 4px;font-size:8px}.h41-foot a{min-height:34px}}@media (max-height:620px) and (min-width:561px){.h41-home{padding:8px}.h41-console{padding:6px}.h41-screen{padding:10px 16px}.h41-welcome{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);min-height:174px}.h41-title h1{font-size:54px}.h41-title p{max-width:240px;margin-top:8px;font-size:12px}.h41-scene{max-width:300px}.h41-menu{margin-top:0}.h41-menu-heading{margin-bottom:6px}.h41-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.h41-mode,.h41-mode-arena{grid-column:auto;gap:5px;min-height:126px;padding:9px}.h41-mode-top{min-height:30px}.h41-mode-top svg{width:30px;height:30px}.h41-mode-top>span{padding:4px;font-size:9px}.h41-mode h3{font-size:18px}.h41-mode p{font-size:10px;line-height:1.3}.h41-enter{padding-top:5px;font-size:11px}.h41-foot{min-height:28px;margin-top:4px}.h41-foot a{min-height:28px}}@media (max-width:360px){.h41-screen{padding:10px}.h41-welcome{min-height:176px}.h41-mode{min-height:142px;padding:9px}.h41-mode h3{font-size:16px}.h41-mode p{font-size:10px}.h41-mode-top>span{font-size:8px}.h41-key-hint{gap:3px;font-size:9px}}@media (prefers-reduced-motion:reduce){.h41-home *,.h41-home :before,.h41-home :after{transition:none!important;animation:none!important}}