:root{--ink:#243d31;--forest:#102f2a;--paper:#f8eed5;--gold:#dbbe78;--pink:#eb7299;--muted:#c5c5aa;--scene-ratio:1.776833;--sprite-ratio:0.8751;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--forest);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe29c;outline-offset:5px}button{border:0}a{color:inherit}button[hidden],a[hidden],[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;background:var(--paper);color:var(--ink);padding:14px}.skip-link:focus{top:12px}.experience{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#0b3531}.scene-viewport{position:absolute;inset:0;overflow:hidden}.world{position:absolute;width:max(100vw,calc(100svh * var(--scene-ratio)));aspect-ratio:1672/941;top:50%;left:50%;translate:-50% -50%;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:65% 60%}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,23,23,.48),transparent 21%,transparent 65%,rgba(5,28,23,.85))}.site-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(20px,3vw,46px);z-index:5}.brand{background:none;text-align:left;padding:0;text-shadow:0 2px 14px #142d20}.brand-overline{display:block;font-family:Georgia,serif;font-size:clamp(14px,1.6vw,24px);line-height:1}.brand-title{display:block;font-family:Georgia,serif;font-size:clamp(23px,2.65vw,40px);font-weight:700;letter-spacing:-1.5px;line-height:1.03}.brand-tag{display:block;font-family:Georgia,serif;font-size:clamp(12px,1.2vw,18px);margin-top:6px;letter-spacing:.3px}.brand:after{content:'';display:block;width:35px;height:2px;background:var(--pink);margin-top:12px}.top-controls{display:flex;align-items:center;gap:12px}.control{display:flex;align-items:center;gap:9px;background:#102f2abf;border:1px solid #f8eed533;backdrop-filter:blur(8px);border-radius:99px;padding:11px 17px;min-height:44px;font-size:13px;transition:background .2s}.control:hover{background:#254d3e}.menu-icon{font-size:17px}.hotspot{position:absolute;display:flex;gap:9px;align-items:center;background:transparent;padding:10px;min-height:48px;transform:translate(-10px,-50%);z-index:4;filter:drop-shadow(0 3px 8px #13352955)}.door{left:43.5%;top:36%}.lookout{left:78%;top:36%}.journey{left:84%;top:77%}.marker{display:block;position:relative;flex-shrink:0;width:20px;height:20px;border-radius:100%;border:2px solid #f8eed5;background:#254d3e;box-shadow:0 0 0 4px #eb729970}.marker:after{content:'';position:absolute;inset:5px;background:var(--paper);border-radius:50%}.sign{background:#f8eed5f2;color:#243d31;border:1px solid #cfb67e;padding:9px 15px;border-radius:3px;text-align:left;font:18px Georgia,serif;white-space:nowrap;transition:transform .2s,background .2s;box-shadow:3px 4px 0 #172d2430}.sign small{display:block;font:11px Arial,sans-serif;letter-spacing:.3px;color:#65705b;margin-top:4px}.hotspot:hover .sign,.hotspot:focus-visible .sign{transform:translateY(-3px);background:#fff8df}.hotspot:hover .marker{background:#b44967}.crew{position:absolute;left:57%;top:64%;width:27%;height:23%;display:flex;align-items:flex-end;gap:0;z-index:3}.bear{position:relative;width:33.333%;padding:0;background:transparent;align-self:flex-end;border-radius:20%;transition:filter .2s}.bear:hover{filter:drop-shadow(0 0 8px #fff0a899)}.bear-sprite{display:block;width:100%;aspect-ratio:var(--sprite-ratio);background-image:url('assets/bears.webp');background-size:300% 100%;background-position:0 0;image-rendering:auto;transform-origin:50% 90%;animation:breathe 4.7s ease-in-out infinite;filter:drop-shadow(0 7px 4px #102e2850)}.samo{margin-bottom:2.5%}.samo .bear-sprite{background-position:50% 0;animation-delay:-1.6s}.bashe .bear-sprite{background-position:100% 0;animation-delay:-3.2s}.bear-name{position:absolute;bottom:2%;left:50%;translate:-50% 0;font-size:11px;background:#14382bea;border:1px solid #e0ca8b77;padding:5px 10px;border-radius:99px;opacity:0;transition:opacity .2s}.bear:hover .bear-name,.bear:focus-visible .bear-name{opacity:1}.bear.wave .bear-sprite{animation:hello .7s ease-in-out 2}.sunlight{position:absolute;left:50%;top:-12%;height:100%;width:50%;transform:rotate(-23deg);background:linear-gradient(90deg,transparent,rgba(255,226,151,.06),transparent);pointer-events:none;animation:light 14s ease-in-out infinite}.lantern{position:absolute;left:40.6%;top:34.7%;width:3%;height:9%;border-radius:50%;background:#ffbc4855;filter:blur(12px);mix-blend-mode:screen;animation:light 4s ease-in-out infinite;pointer-events:none}.mist{position:absolute;width:32%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#fffae21c,transparent 68%);pointer-events:none;animation:drift 35s ease-in-out infinite alternate}.mist-one{left:5%;top:59%}.mist-two{left:63%;top:23%;animation-duration:49s;animation-delay:-19s}.leaf{position:absolute;left:var(--x);top:var(--y);width:9px;height:5px;background:var(--color);border-radius:80% 0 80% 0;opacity:0;pointer-events:none;animation:fall var(--duration) linear var(--delay) infinite}.arrival-note{position:absolute;bottom:210px;left:clamp(22px,3vw,46px);pointer-events:none;text-shadow:0 2px 14px #0b2f21;transition:opacity 1s;opacity:0}.arrival-note.visible{opacity:1}.arrival-note p{font:clamp(21px,2.2vw,32px)/1.25 Georgia,serif;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.bottom-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:clamp(20px,3vw,46px);right:clamp(20px,3vw,46px);z-index:5}.progress-strip{display:flex;align-items:stretch;width:fit-content;max-width:100%;background:#102f2aeb;border:1px solid #d9c98f77;border-radius:5px;box-shadow:0 6px 24px #09251c40;backdrop-filter:blur(10px)}.period{padding:17px 24px;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:166px}.period>span:last-child{font-size:10px;color:#c4c5ab}.stat{position:relative;background:none;text-align:left;padding:15px 25px;min-width:130px;display:flex;flex-direction:column;gap:8px}.stat:before{content:'';position:absolute;top:20%;bottom:20%;left:0;width:1px;background:#d9c98f44}.stat>span{font-size:12px;color:#d8d9c5}.stat>span>span{margin-left:10px;color:var(--gold)}.stat strong{font:22px Georgia,serif}.stat:hover{background:#f8eed50c}.motion-toggle{background:transparent;padding:15px 20px;color:var(--muted);font-size:12px}.motion-toggle span{display:block;margin-top:8px;font-size:10px}.destinations{display:flex;align-items:center;gap:8px;margin-top:12px;min-height:44px}.destinations button{background:#102f2abd;border:1px solid #f8eed52b;border-radius:99px;font-size:12px;padding:10px 16px;min-height:44px}.destinations button:hover{background:#f8eed5;color:var(--ink)}.destinations button span{margin-left:8px}.explore-hint{margin-right:12px;font:italic 14px Georgia,serif;color:#f6e9c8}.notice{position:absolute;z-index:10;bottom:190px;left:50%;translate:-50% 0;max-width:min(500px,88vw);border-radius:8px;background:#102f2af2;padding:14px 20px;text-align:center;box-shadow:0 8px 32px #0003;opacity:0;pointer-events:none;transition:opacity .3s;font-size:13px}.notice.visible{opacity:1}
/* Native dialogs keep keyboard focus and the illustrated world behind them. */
dialog{border:0;padding:0;color:var(--ink);color-scheme:light}dialog::backdrop{background:#061b19a8;backdrop-filter:blur(5px)}.panel{width:min(950px,calc(100vw - 40px));max-height:calc(100svh - 40px);border:1px solid #d4bd86;border-radius:8px;background:var(--paper);box-shadow:0 28px 100px #0007;overflow:auto}.panel[open]{animation:page-in .3s ease-out}.panel button:focus-visible,.panel a:focus-visible,.panel [tabindex]:focus-visible{outline-color:#9a3b61}.panel-top{position:sticky;top:0;z-index:2;background:#f8eed5f5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 25px;border-bottom:1px solid #cbb88755}.close{background:none;width:44px;height:44px;font-size:30px;border-radius:50%;flex-shrink:0}.close:hover{background:#dfd1ad}.book{display:grid;grid-template-columns:35% 65%;min-height:450px}.book-cover{padding:38px 32px;background:radial-gradient(ellipse at 50% 80%,#d5c18b44,transparent),#efe1be;box-shadow:inset -12px 0 20px -18px #543c23;display:flex;flex-direction:column;border-right:1px solid #cbb88766}.book-cover h2{font:58px/.98 Georgia,serif;letter-spacing:-2px;margin:23px 0 0}.book-cover p{font:17px/1.65 Georgia,serif;color:#5d644c;margin:auto 0 20px}.book-signature{font-size:10px;letter-spacing:2px}.compass{font-size:100px;text-align:center;color:#998659;line-height:1.3;margin:10px 0}.book-page{padding:25px 34px 36px}.journal-tabs{display:flex;gap:4px;border-bottom:1px solid #b2a07966;margin-bottom:28px}.journal-tabs button{padding:12px 11px;background:none;font-size:12px;border-bottom:2px solid transparent;color:#52614d;white-space:nowrap}.journal-tabs button[aria-selected=true]{border-bottom-color:#b4506e;color:#173b2c;font-weight:bold}.book-page h3{font:32px/1.15 Georgia,serif;margin:12px 0 18px;letter-spacing:-.6px}.book-page p{font-size:14px;line-height:1.85;color:#52604d}.crew-cards{display:flex;gap:10px;margin:24px 0}.crew-cards button{flex:1;background:#eaddb977;border:1px solid #c9b98b;border-radius:3px;padding:16px 10px;text-align:left;font:bold 18px Georgia,serif}.crew-cards button:hover{background:#e4d3a6}.crew-cards span{display:block;font:10px Arial,sans-serif;margin-top:9px}.small-note{font-size:12px!important;line-height:1.7;color:#626c55}.ink-button{display:inline-block;background:#244637;color:#fff4d8;padding:12px 18px;border-radius:4px;min-height:44px;font-size:13px;margin-top:8px;text-decoration:none}.ink-button:hover{background:#396049}.panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #cbb88766;padding:12px 25px;font:italic 13px Georgia,serif}.text-button{padding:12px;background:transparent;color:inherit;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:12px}.journal-metrics{display:flex;gap:14px;margin:24px 0}.journal-metrics button{background:#eadbb555;text-align:left;flex:1;border:1px solid #c6b588;padding:16px;color:var(--ink);border-radius:4px}.journal-metrics button.active{border-color:#a34c68;box-shadow:inset 0 -2px #a34c68}.journal-metrics span{font-size:12px}.journal-metrics strong{display:block;font:30px Georgia,serif;margin-top:10px}.metric-explanation{padding:16px 18px;border-left:2px solid #b88856;background:#efdfb64d}.metric-explanation h4{margin:0;font:18px Georgia,serif}.metric-explanation p{font-size:12px;line-height:1.8;margin:8px 0 0}.source-line{font-size:11px;line-height:1.7;margin-top:18px;color:#626c55}.rank-number{display:block;font:50px Georgia,serif;margin:20px 0}.destination-panel{width:min(820px,calc(100vw - 40px))}.destination-body{padding:30px 40px 40px}.destination-body h2{font:clamp(32px,4vw,48px)/1.12 Georgia,serif;letter-spacing:-1px;margin:18px 0}.destination-body>p{font-size:15px;line-height:1.8;max-width:580px;color:#52604d}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.sponsor-grid article{padding-top:18px;border-top:1px solid #b9a16d}.sponsor-grid article>span{font:italic 16px Georgia,serif;color:#997943}.sponsor-grid h3{font:21px Georgia,serif}.sponsor-grid p{font-size:12px;line-height:1.7;color:#52604d}.preview-note{padding:16px 18px;background:#e7d9b37a;border:1px solid #c6b58866;border-radius:4px;font-size:12px;line-height:1.8;margin:20px 0}.room-tags{display:flex;gap:10px;margin:24px 0}.room-tags span{border:1px solid #b9a16d;border-radius:99px;padding:8px 14px;font-size:12px}.crew-panel{width:min(640px,calc(100vw - 40px))}.crew-detail{display:flex;align-items:center;gap:20px;padding:32px}.crew-detail>div:last-child{flex:1}.crew-detail h2{font:44px Georgia,serif;margin:10px 0}.crew-detail p{font-size:14px;line-height:1.8}.portrait{width:150px;aspect-ratio:var(--sprite-ratio);background:url('assets/bears.webp') no-repeat;background-size:300% 100%;flex-shrink:0}.map-menu{width:min(600px,calc(100vw - 40px))}.map-menu nav{display:flex;flex-direction:column;gap:7px;margin:26px 0}.map-menu nav button{display:flex;gap:20px;align-items:center;width:100%;text-align:left;padding:19px 10px;background:none;border-bottom:1px solid #bdab7b66;font-size:12px}.map-menu nav button span{flex:1;font:22px Georgia,serif}.map-menu nav button:hover{background:#e4d3a666}.menu-options{display:flex;gap:10px;flex-wrap:wrap}.welcome{width:100%;max-width:none;height:100svh;max-height:none;margin:0;background:radial-gradient(ellipse at 50% 30%,#2b5146,#0c2523 70%);color:var(--paper)}.welcome::backdrop{background:#0c2523}.welcome-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.welcome h1{font:clamp(40px,6vw,72px)/1.05 Georgia,serif;font-weight:400;letter-spacing:-2px;margin:25px 0 12px}.welcome p{font:16px/1.8 Georgia,serif;color:#d7d6bf}.loading-bear{font-size:34px;color:var(--gold);margin:10px 0;animation:light 3s infinite}#loading-label{font-size:11px;color:#c4c5ab;margin-bottom:10px}progress{width:220px;height:4px;appearance:none;border:0;border-radius:3px;background:#ffffff22;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff22}progress::-webkit-progress-value{background:var(--gold);transition:width .2s}progress::-moz-progress-bar{background:var(--gold)}.primary{display:inline-block;background:var(--paper);color:var(--ink);padding:16px 28px;border:1px solid #d2bb83;border-radius:4px;font-weight:600;font-size:13px;text-decoration:none;margin-top:25px}.primary:hover{background:#ffe9b4}.welcome-foot{font-size:11px;color:#b9bda5;margin-top:25px}.art-failed .crew{display:none}.art-failed .scene-viewport{background:radial-gradient(ellipse at 70% 40%,#4b7255,#092b29)}.art-failed .hotspot{display:none}.noscript{position:fixed;inset:0;z-index:100;background:var(--forest);padding:10vw;font-size:20px;line-height:1.7}.paused *,body.reading .world *,body.hidden-page *{animation-play-state:paused!important}.paused .world{transition:none}.paused .panel[open]{animation:none}.paused .arrival-note{transition:none}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.5px) rotate(.6deg)}}@keyframes hello{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg) translateY(-6px)}70%{transform:rotate(4deg)}}@keyframes light{0%,100%{opacity:.55}50%{opacity:1}}@keyframes drift{from{transform:translateX(-5%)}to{transform:translateX(25%)}}@keyframes fall{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:.75}80%{opacity:.55}100%{opacity:0;transform:translate(170px,230px) rotate(330deg)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-aspect-ratio:19/10){.world{top:54%}.experience{min-height:540px}.arrival-note{display:none}}
@media(max-width:760px){.experience{min-height:670px}.scene-viewport{inset:105px 0 auto;height:57svh;min-height:365px}.world{width:max(100vw,calc(57svh * var(--scene-ratio)));left:50%;top:50%;translate:-62% -50%}.vignette{background:linear-gradient(180deg,#0a2a26 0%,transparent 23%,transparent 65%,#0a2a26 80%)}.site-header{padding:22px 18px;gap:10px}.brand-title{font-size:24px;letter-spacing:-1px}.brand-overline{font-size:13px}.brand-tag{font-size:11px}.brand:after{margin-top:8px}.top-controls{gap:7px}.control{padding:9px 12px;font-size:11px}.sound-control{padding:9px 11px}.sound-control span:last-child{display:none}.hotspot .sign{font-size:14px;padding:8px 10px}.sign small{font-size:9px}.door{top:35%;left:43%}.lookout{left:77%;top:34%}.lookout .sign{position:absolute;right:0;bottom:40px}.journey{left:78%;top:87%}.journey .sign{position:absolute;right:0;bottom:-35px}.marker{width:17px;height:17px}.marker:after{inset:4px}.crew{left:55%;top:66%;width:30%;height:21%}.arrival-note{display:none}.bottom-controls{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom))}.progress-strip{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.period{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;min-width:0;padding:12px 14px;border-bottom:1px solid #d9c98f22}.period .eyebrow{font-size:9px;letter-spacing:1.4px}.stat{min-width:0;padding:13px 14px}.stat strong{font-size:21px}.stat>span{font-size:11px}.stat>span>span{margin-left:4px}.motion-toggle{display:none}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.explore-hint{grid-column:1/-1;text-align:center;margin:0 0 4px;font-size:13px}.destinations button{padding:9px 5px;font-size:10px;min-height:44px}.destinations button span{display:none}.notice{bottom:240px;font-size:12px}.panel{width:calc(100vw - 20px);max-height:calc(100svh - 24px)}.panel-top{padding:10px 15px}.panel-top .eyebrow{font-size:9px;letter-spacing:1.4px}.book{display:block}.book-cover{padding:20px 25px;border-right:0;border-bottom:1px solid #cbb88766;display:block}.book-cover h2{font-size:34px;letter-spacing:-1px;margin:8px 0}.book-cover h2 br{display:none}.book-cover h2 br:after{content:' '}.book-cover p,.book-signature,.compass{display:none}.book-page{padding:14px 22px 26px}.journal-tabs{margin-bottom:22px;gap:0;justify-content:space-between}.journal-tabs button{font-size:11px;padding:12px 8px}.book-page h3{font-size:28px}.panel-bottom{padding:8px 16px}.panel-bottom>span{display:none}.panel-bottom button{margin-left:auto}.destination-body{padding:20px 25px 30px}.destination-body h2{font-size:34px}.sponsor-grid{grid-template-columns:1fr;gap:14px}.sponsor-grid article{padding-top:12px}.sponsor-grid h3{margin:7px 0}.sponsor-grid p{margin:0}.crew-detail{padding:24px 20px;gap:12px;align-items:flex-start}.portrait{width:100px}.crew-detail h2{font-size:36px}.crew-detail p{font-size:12px}.room-tags{gap:6px}.room-tags span{font-size:11px;padding:7px 10px}}
@media(max-width:360px){.brand-title{font-size:20px}.control{padding:8px 10px}.site-header{padding:20px 14px}.book-page{padding:14px 15px}.journal-tabs button{font-size:10px}.crew-cards{gap:6px}.crew-detail{display:block}.portrait{float:left;margin-right:15px}.stat{padding:13px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.art-failed .landscape{visibility:hidden}

/* =========================================
   BACKSTABBERS — BEARS ON THE GRASS
   ========================================= */

/* Bring the group slightly inward. */
#world.fl-bears .crew {
  left: 55%;
  top: 64%;
  width: 27%;
  height: 23%;
  display: block;
  overflow: visible;
}

/* Each bear has its own position on the slope. */
#world.fl-bears .crew .bear {
  position: absolute;
  top: auto;
  margin: 0;
  padding: 0;
  aspect-ratio: 1;
  height: auto;
  isolation: isolate;
  overflow: visible;
  background: transparent;
  filter: none;
  transform: none;
}

/* MQ: slightly forward. */
#world.fl-bears .crew .mq {
  left: 0%;
  bottom: 0%;
  width: 34%;
  z-index: 3;
  --foot-adjustment: 3%;
}

/* Samo: slightly farther back near the path. */
#world.fl-bears .crew .samo {
  left: 34%;
  bottom: 8%;
  width: 32%;
  z-index: 2;
  --foot-adjustment: 7.5%;
}

/* Bashe: to the right, between the other depths. */
#world.fl-bears .crew .bashe {
  left: 68%;
  bottom: 3%;
  width: 33%;
  z-index: 3;
  --foot-adjustment: 13%;
}

/*
  Remove the whole-body floating animation.
  Existing blink and gesture frames still work.
*/
#world.fl-bears .crew .bear .bear-sprite {
  position: relative;
  z-index: 1;
  animation: none !important;
  transform: translateY(var(--foot-adjustment)) !important;
  transform-origin: center bottom;
  filter: brightness(
    calc(1 - var(--night, 0) * 0.32)
  ) !important;
}

/*
  Remove stray artwork from the neighbouring
  row at the bottom of Samo's sprite frame.
*/
#world.fl-bears .crew .samo .bear-sprite {
  clip-path: inset(0 0 7% 0);
}

/* Contact shadows stay attached to the ground. */
#world.fl-bears .crew .bear::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 20%;
  bottom: -2%;
  width: 60%;
  height: 10%;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(17, 29, 14, 0.68) 0%,
    rgba(17, 29, 14, 0.38) 42%,
    rgba(17, 29, 14, 0) 74%
  );
}

/* A few grass blades overlap the paws. */
#world.fl-bears .crew .bear::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 19%;
  bottom: -1%;
  width: 63%;
  height: 8%;
  pointer-events: none;
  background: linear-gradient(
    to top,
    #425335,
    #7c8950
  );
  clip-path: polygon(
    0% 100%,
    5% 44%,
    10% 88%,
    14% 15%,
    19% 84%,
    25% 57%,
    29% 96%,
    38% 89%,
    43% 34%,
    47% 91%,
    58% 96%,
    64% 49%,
    68% 90%,
    75% 18%,
    79% 84%,
    85% 52%,
    90% 92%,
    96% 35%,
    100% 100%
  );
  filter: brightness(
    calc(1 - var(--night, 0) * 0.62)
  );
}

/* Keep names readable above the foreground grass. */
#world.fl-bears .crew .bear .bear-name {
  z-index: 4;
  bottom: 105%;
}

/* Clear keyboard selection without a floating glow. */
#world.fl-bears .crew .bear:focus-visible {
  outline: 2px solid #ffe29c;
  outline-offset: 5px;
}

/* Smaller-screen placement. */
@media (max-width: 760px) {
  #world.fl-bears .crew {
    left: 54%;
    top: 66%;
    width: 29%;
    height: 21%;
  }
}

/* Soften the grass around their paws. */
#world.fl-bears .crew .bear::after {
  height: 5%;
  bottom: -0.5%;
  opacity: 0.7;
  filter:
    blur(0.35px)
    brightness(calc(1 - var(--night, 0) * 0.62));
}