:root {
  --night: #142126;
  --gold: #e8d6ad;
  --ink: #ece1cf;
  --paper: #f0e5d2;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; background: var(--night); }
body { color: var(--ink); -webkit-tap-highlight-color: transparent; user-select: none; }
.sky { position: fixed; inset: 0; background: #111b22; }
#entrance { position: fixed; inset: 0; overflow: hidden; isolation: isolate; }
.viewport { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
/* One painting supplies the gate surface. Only the two leaves rotate;
   the pillars, roof, lanterns and threshold stay fixed in image coordinates. */
.stage {
  --gate-x: 546px; --gate-y: 308px; --gate-width: 438px; --gate-height: 440px;
  position: absolute; width: 1536px; height: 1024px;
  left: 50%; top: var(--stage-top, 0px);
  transform-origin: 768px 525px;
  transform: translateX(-50%) scale(var(--gate-scale, 1));
  mask-image: linear-gradient(transparent, #000 6%, #000 80%, transparent);
}
.gate-art { display: block; width: 1536px; height: 1024px; }
.gate-aperture, .door-hit {
  position: absolute; left: var(--gate-x); top: var(--gate-y);
  width: var(--gate-width); height: var(--gate-height);
}
.gate-aperture { overflow: hidden; visibility: hidden; }
.stage.gate-ready .gate-aperture { visibility: visible; }
.inside { position: absolute; inset: 0; background: url("assets/door-v2/hanok-courtyard.webp") -546px -308px / 1536px 1024px no-repeat; }
.doors { position: absolute; inset: 0; perspective: 1050px; perspective-origin: 50% 50%; }
.door {
  position: absolute; top: 0; bottom: 0; width: 219px;
  transform-style: preserve-3d;
  transition: transform 1.35s cubic-bezier(.3,.02,.25,1);
}
.door.l { left: 0; transform-origin: left center; }
.door.r { right: 0; transform-origin: right center; }
.stage:not(.opened) .door { transition: none; }
.door .face {
  position: absolute; display: block; inset: 0; backface-visibility: hidden;
  background: url("assets/door-v2/hanok-closed.webp") -546px -308px / 1536px 1024px no-repeat;
}
.door.r .face { background-position: -765px -308px; }
.door .face::after { content: ""; position: absolute; inset: 0; background: #0d161d; opacity: 0; transition: opacity 1.35s ease; }
.door .edge { position: absolute; top: 0; bottom: 0; width: 8px; background: #533c28; }
.door.l .edge { right: 0; transform-origin: right center; transform: rotateY(-90deg); }
.door.r .edge { left: 0; transform-origin: left center; transform: rotateY(90deg); }
.opened .door.l { transform: rotateY(94deg); }
.opened .door.r { transform: rotateY(-94deg); }
.opened .door .face::after { opacity: .38; }
.door-hit { padding: 0; border: 0; background: none; cursor: pointer; pointer-events: auto; }
.door-hit:disabled, .open-btn:disabled { pointer-events: none; }
.door-hit:focus-visible { outline-width: 5px; outline-offset: 8px; }
.entrance-heading { position: absolute; z-index: 2; inset: 0 0 auto; padding: max(24px, env(safe-area-inset-top)) 24px 25px; text-align: center; background: linear-gradient(#111b2277,transparent); pointer-events: none; }
.entrance-brand { margin: 0; font: 400 38px/1.4 "Gowun Home",serif; letter-spacing: .06em; color: #f0e5d2; text-shadow: 0 2px 12px #101920; }
.entrance-motion { position: absolute; right: max(16px,env(safe-area-inset-right)); top: max(24px,env(safe-area-inset-top)); min-height: 44px; padding: 8px; border: 0; background: none; color: #d0c7b4; font: 400 11px/1.5 "SUIT",sans-serif; cursor: pointer; pointer-events: auto; }
.ui { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: max(16px,env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.bubble { margin: 0 0 23px; text-align: center; color: #efe2cd; font: 400 21px/1.65 "Gowun Home",serif; word-break: keep-all; text-shadow: 0 2px 15px #101920; transition: opacity .25s ease, transform .25s ease; opacity: 0; transform: translateY(5px); }
.bubble span { display: block; color: #bdb6a7; font: 400 12px/1.7 "SUIT",sans-serif; margin-top: 7px; }
.bubble.on { opacity: 1; transform: none; }
.open-btn { display: block; width: min(240px,100%); min-height: 49px; padding: 12px 22px; border: 1px solid #eddfc3; border-radius: 3px; background: #e9dcc3; color: #393a32; font: 500 15px/1.5 "SUIT",sans-serif; letter-spacing: .08em; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .25s ease, background .2s ease; }
.open-btn.on { opacity: 1; pointer-events: auto; }
.open-btn:hover { background: #f6ead5; }
.skip-door { margin-top: 6px; min-height: 44px; padding: 8px 14px; border: 0; background: none; color: #c3baaa; font: 400 11px/1.5 "SUIT",sans-serif; cursor: pointer; pointer-events: auto; }
body[data-door-state="zooming"] .stage { transform: translateX(-50%) scale(calc(var(--gate-scale) * 1.24)); opacity: 0; transition: transform .6s ease-in, opacity .6s ease; }
body[data-door-state="opening"] .entrance-brand,
body[data-door-state="zooming"] .entrance-brand { opacity: 0; transition: opacity .3s ease; }
@media (min-width: 700px) { .ui { bottom: max(25px,env(safe-area-inset-bottom)); } .entrance-heading { padding-top: 26px; } }
@media (max-height: 600px) { .entrance-heading { padding-top: 10px; } .entrance-brand { font-size: 28px; } .entrance-motion { top: 7px; } .bubble { font-size: 17px; margin-bottom: 10px; } .bubble span { display: none; } .ui { bottom: 6px; } .skip-door { margin-top: 0; } }
@font-face { font-family: "SUIT"; src: url("assets/fonts/SUIT-Variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
body { font-family: "Gowun Home", "SUIT", serif; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
button:focus-visible, a:focus-visible { outline: 3px solid #f6d99d; outline-offset: 5px; }
body[data-motion="off"] #entrance *,body[data-motion="off"] #entrance *::after { animation: none !important; transition: none !important; }

/* A quiet, phone-width shelf of character stories. */
@font-face{font-family:"Gowun Home";src:url("assets/fonts/GowunBatang-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
.choice-screen{position:fixed;inset:0;z-index:3;overflow:auto;overscroll-behavior:contain;user-select:text;color:#443c37;background:radial-gradient(ellipse at 15% 30%,#62544422,transparent 40%),radial-gradient(ellipse at 85% 65%,#8b704025,transparent 35%),repeating-linear-gradient(92deg,#ffffff02 0 1px,transparent 1px 5px),#141820;scrollbar-color:#a4947d #141820;}
.home-shell{width:min(100%,480px);min-height:100%;margin:0 auto;padding-bottom:calc(100px + env(safe-area-inset-bottom));background:#f5f0e6;box-shadow:0 0 100px #0003;}
.home-topbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;height:calc(65px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;background:#f5f0e6f7;border-bottom:1px solid #a18e701c;}
.home-brand{color:#463b34;text-decoration:none;font:400 31px/1.4 "Gowun Home",serif;letter-spacing:.05em;}
.return-door,.courtyard-motion{background:none;border:0;color:#827362;font:400 11px/1.5 "SUIT",sans-serif;min-width:60px;min-height:44px;padding:6px 0;cursor:pointer;}
.return-door{text-align:left;}.return-door span{font-size:20px;margin-right:6px;}.courtyard-motion{text-align:right;}
.home-tabs{position:sticky;top:calc(65px + env(safe-area-inset-top));z-index:6;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 16px;background:#f5f0e6f7;border-bottom:1px solid #a18e7025;}
.home-tabs::-webkit-scrollbar,.poster-track::-webkit-scrollbar,.shelf-track::-webkit-scrollbar{display:none;}
.home-tabs button{flex:none;position:relative;padding:0 12px;min-height:49px;border:0;background:none;color:#8b8076;font:400 14px/1.5 "SUIT",sans-serif;cursor:pointer;}
.home-tabs button[aria-pressed="true"]{color:#4c3a33;font-weight:650;}
.home-tabs button[aria-pressed="true"]::after{content:"";position:absolute;height:2px;bottom:0;left:12px;right:12px;background:#875a48;}
.home-hero{padding-top:20px;}
.poster-track{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:3px 20px 8px;overscroll-behavior-x:contain;}
.home-poster{flex:0 0 calc(100% - 44px);min-width:0;scroll-snap-align:start;}
.poster-track::after{content:"";flex:0 0 30px;}
.story-choice{display:block;color:inherit;text-decoration:none;}
.poster-art{position:relative;margin:0;aspect-ratio:2/3;overflow:hidden;border-radius:5px;background:#cec2af;isolation:isolate;}
.poster-art img{display:block;width:100%;height:100%;object-fit:contain;}
.poster-art::after{content:"";position:absolute;inset:55% 0 0;z-index:1;background:linear-gradient(transparent,#14182040 30%,#15171dcc);pointer-events:none;}
.poster-art figcaption{position:absolute;z-index:2;left:22px;right:16px;bottom:21px;color:#fff5e6;text-shadow:0 1px 8px #19161480;}
.poster-name{display:block;font:400 12px/1.5 "SUIT",sans-serif;margin-bottom:3px;letter-spacing:.08em;}
.poster-title{display:inline-block;font:400 38px/1.3 "Gowun Home",serif;letter-spacing:-.055em;}
.poster-year{font:400 17px/1.4 "Gowun Home",serif;display:block;margin-top:1px;}
.poster-dialogue{white-space:pre-line;font:400 17px/1.7 "Gowun Home",serif;letter-spacing:-.04em;margin:16px 2px 5px;word-break:keep-all;}
.choice-action{display:inline-flex;align-items:center;min-height:44px;margin:0 2px;border-bottom:1px solid #a3897060;font:400 12px/1.5 "SUIT",sans-serif;color:#77513e;}
.poster-controls{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-top:4px;color:#918372;}
.poster-controls p{margin:0;font:400 11px/1.5 "SUIT",sans-serif;}
.poster-controls>div{display:flex;align-items:center;gap:2px;}
.poster-controls button{width:44px;height:44px;border:0;background:none;color:#6b5746;font:400 24px/1 "Gowun Home",serif;cursor:pointer;}
.poster-controls button:disabled{opacity:.22;cursor:default;}
#poster-count{min-width:37px;text-align:center;font:400 11px/1 "SUIT",sans-serif;font-variant-numeric:tabular-nums;}
.home-shelves{padding-top:12px;}
.home-shelf{margin:30px 0 0;}
.home-shelf h2{margin:0 20px 16px;font:400 19px/1.6 "Gowun Home",serif;letter-spacing:-.05em;word-break:keep-all;}
.shelf-track{display:flex;align-items:flex-start;gap:14px;padding:3px 20px 10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px;}
.shelf-card{flex:0 0 145px;min-width:0;display:block;text-decoration:none;color:inherit;scroll-snap-align:start;}
.shelf-card .poster-art figcaption{left:10px;right:8px;bottom:12px;}
.shelf-card .poster-title{font-size:23px;letter-spacing:-.08em;}
.shelf-card .poster-name{font-size:9px;margin-bottom:3px;}
.shelf-card .poster-year{font-size:12px;}
.shelf-card-name{display:block;margin-top:11px;font:500 13px/1.55 "SUIT",sans-serif;letter-spacing:-.02em;word-break:keep-all;}
.shelf-card-detail{display:block;margin-top:5px;color:#8d7e6e;font:400 11px/1.6 "SUIT",sans-serif;word-break:keep-all;}
.free-label{display:inline-block;margin-right:5px;color:#8a634d;font-size:10px;}
.free-art{margin:0;aspect-ratio:2/3;background:#e8dfd0;display:flex;align-items:center;border-radius:5px;overflow:hidden;}
.free-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.art-missing{background:radial-gradient(ellipse at 55% 35%,#ddcfb7,#8e7b68);}
.free-welcome{padding:30px 24px 6px;}.free-welcome h2{font:400 28px/1.4 "Gowun Home",serif;margin:8px 0;}.free-welcome p,.free-welcome a{font:400 13px/1.8 "SUIT",sans-serif;color:#847260;}.free-welcome a{text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px;}
.home-signoff{text-align:center;padding:48px 20px 10px;color:#a09280;font:400 12px/1.8 "Gowun Home",serif;}.home-signoff span{display:block;font-size:21px;margin-bottom:7px;}
.home-bottom-nav{position:fixed;z-index:9;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:grid;grid-template-columns:repeat(4,1fr);background:#f8f4ecf7;border-top:1px solid #c1b29970;padding:8px 8px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(14px);}
.home-bottom-nav a{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:48px;text-decoration:none;color:#968879;font:400 10px/1.5 "SUIT",sans-serif;}
.home-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.home-bottom-nav [aria-current="page"]{color:#79513f;font-weight:650;}
.home-library{padding:28px 22px;}.home-library h2{margin:0 0 8px;font:400 29px/1.5 "Gowun Home",serif;}.home-library>p{color:#897a6a;font:400 12px/1.8 "SUIT",sans-serif;}
.library-entry{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #b6a18140;color:inherit;text-decoration:none;}.library-entry img{width:80px;height:120px;border-radius:3px;object-fit:contain;}.library-entry small{font:400 11px/1.4 "SUIT",sans-serif;color:#997d63;}.library-entry h3{margin:5px 0;font:400 20px/1.4 "Gowun Home",serif;}.library-entry p{font:400 11px/1.6 "SUIT",sans-serif;color:#958676;}.library-entry span{font:400 12px/1.5 "SUIT",sans-serif;color:#79513f;}
.library-empty{padding:50px 0;text-align:center;font:400 17px/1.8 "Gowun Home",serif;}.library-empty a{display:inline-flex;align-items:center;min-height:44px;color:#79513f;font:400 13px/1.5 "SUIT",sans-serif;text-underline-offset:5px;}.home-library .library-note{margin-top:25px;font-size:11px;}
.choice-screen :is(a,button):focus-visible{outline:2px solid #9b6243;outline-offset:2px;}
.door-noscript{position:fixed;z-index:5;inset:auto 16px 24px;padding:18px;background:#fff8ed;color:#33233c;text-align:center;}.door-noscript a{display:inline-block;padding:12px;color:inherit;}
#choices[data-motion="off"] *,#choices[data-motion="off"] *::before,#choices[data-motion="off"] *::after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important;}
@media(max-width:359px){.home-tabs{gap:0;}.home-tabs button{padding-inline:11px;}.poster-title{font-size:33px;}.poster-dialogue{font-size:16px;}.poster-art figcaption{left:17px;bottom:18px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important;}}


/* Enter a dedicated environment, then move gently toward its vanishing point. */
.choice-heading, .return-door { transition: opacity .5s ease, filter .7s ease; }
.choosing-story .choice-heading, .choosing-story .return-door { opacity: 0; filter: blur(5px); }
.choosing-story .story-choice { pointer-events: none; transition: opacity .55s ease, filter .6s ease; }
.choosing-story .story-choice { opacity: 0; filter: blur(6px); transform: none; }
.story-transition {
  --portal-glow: #f8e6bc8f;
  position: fixed; inset: 0; z-index: 20; overflow: hidden; pointer-events: auto;
  isolation: isolate; cursor: progress;
  animation: scene-reveal .5s ease-out both;
}
.story-transition.to-yeonhwa { --portal-glow: #f7d5e39c; }
.story-transition.to-noa { --portal-glow: #c8dcff99; }
.story-transition.to-tarot { --portal-glow: #dcb88a99; }
.story-transition.to-sodam { --portal-glow: #fce1bca8; }
.transition-scene { position: absolute; inset: 0; overflow: hidden; background: #191721; }
.transition-scene img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%;
  transform-origin: 50% 48%; will-change: transform;
  animation: scene-walk-through 1.4s cubic-bezier(.3,.02,.55,1) forwards;
}
.to-yeonhwa .transition-scene img { object-position: 53% 51%; transform-origin: 53% 51%; }
.to-noa .transition-scene img { object-position: 50% 45%; transform-origin: 50% 45%; }
.scene-atmosphere {
  position: absolute; inset: -10%; pointer-events: none;
  background: radial-gradient(ellipse at 50% 48%, transparent 30%, #14121b55 66%, #1b1424b3 90%);
  animation: scene-edge-light 1.4s ease-in forwards;
}
.scene-wisp {
  position: absolute; inset: -40%; pointer-events: none;
  background: linear-gradient(calc(30deg + var(--wisp) * 105deg), transparent 44%, var(--portal-glow) 48%, #fff8ef59 50%, transparent 57%);
  filter: blur(28px); mix-blend-mode: screen; opacity: 0;
  animation: scene-wisp-drift 2.4s ease calc(var(--wisp) * 150ms) forwards;
}
.scene-dust, .scene-petal {
  position: absolute; left: 50%; top: 48%; width: var(--size); height: var(--size);
  border-radius: 50%; background: #fff7df; box-shadow: 0 0 9px 2px var(--portal-glow);
  opacity: 0; pointer-events: none;
  animation: scene-float-past 1.7s cubic-bezier(.35,0,.7,.4) var(--delay) forwards;
}
.scene-petal { border-radius: 70% 15% 60% 20%; height: calc(var(--size) * .55); background: #f8d9e2; box-shadow: 0 0 4px #fff5ec77; }
.transition-veil { position: absolute; inset: 0; background: #fff8f0; opacity: 0; animation: scene-veil .4s ease-in 1s forwards; }
.story-transition[data-motion="off"] { animation: scene-reveal .2s ease both; }
.story-transition[data-motion="off"] .transition-scene img { animation: none; }
.story-transition[data-motion="off"] :is(.scene-wisp,.scene-dust,.scene-petal,.transition-veil,.scene-atmosphere) { display: none; }
.choosing-story :is(.courtyard-shortcuts,.courtyard-footer) { opacity: 0; transition: opacity .3s; }

.to-noa .transition-veil { background: #edf1fa; }
.to-tarot .transition-veil { background: #222b2d; }
.to-sodam .transition-veil { background: #f5eee2; }
.to-noa .scene-dust { background: #edf5ff; box-shadow: 0 0 12px 3px var(--portal-glow); }
@keyframes scene-reveal { from { opacity: 0; filter: blur(4px); } to { opacity: 1; filter: none; } }
@keyframes scene-walk-through {
  from { transform: scale(1.01); }
  to { transform: scale(1.34); }
}
@keyframes scene-edge-light {
  0% { opacity: .7; }
  60% { opacity: .2; }
  100% { opacity: 0; }
}
@keyframes scene-wisp-drift {
  0% { opacity: 0; transform: translate(-8%,8%) rotate(-5deg); }
  50% { opacity: .2; }
  100% { opacity: .45; transform: translate(7%,-8%) rotate(5deg); }
}
@keyframes scene-float-past {
  0% { opacity: 0; transform: translate(calc(var(--dx) * .15),calc(var(--dy) * .15)) rotate(0) scale(.3); }
  20% { opacity: .7; }
  100% { opacity: 0; transform: translate(var(--dx),var(--dy)) rotate(160deg) scale(1.7); }
}
@keyframes scene-veil { from { opacity: 0; } to { opacity: 1; } }

/* A painted garden surrounds the stories; controls stay quiet and readable. */
body.is-choosing>.sky{background:#142126;}
.choice-screen{color:#ecdfc8;background:none;scrollbar-color:#62665e #19252a;}
.choice-screen::before{content:"";position:fixed;inset:0;background:linear-gradient(#101b2533,#101b254d),url("assets/home-v2/night-garden.webp") center top / cover no-repeat;pointer-events:none;}
.home-shell{position:relative;background:#1d292d;box-shadow:0 0 70px #0b141955;border:0;}
.home-topbar{height:calc(60px + env(safe-area-inset-top));background:#1d292d;border:0;}
.home-brand{display:inline-flex;align-items:center;color:#f1e5d0;font-size:30px;letter-spacing:.02em;}
.return-door,.courtyard-motion{color:#b8b5a7;font-size:11px;}
.home-tabs{top:calc(60px + env(safe-area-inset-top));background:#1d292d;gap:0;padding:0 14px;border-bottom:1px solid #d9cab522;}
.home-tabs button{flex:1 0 auto;min-height:46px;padding:0 9px;color:#b3b5ad;background:none;border:0;font-size:13px;}
.home-tabs button[aria-pressed="true"]{color:#f4e2bc;background:none;font-weight:650;}
.home-tabs button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;left:26%;right:26%;height:2px;background:#dac398;}
.home-tabs button:focus-visible{outline-color:#f5d695;outline-offset:-4px;}
.home-hero{padding-top:15px;}
.poster-art{box-shadow:none;border-radius:3px;background:#253035;}
.home-poster .poster-art::after{inset:35% 0 0;background:linear-gradient(transparent,#12191822 20%,#131c20bf 58%,#162126 100%);}
.home-poster .poster-art figcaption{left:22px;right:20px;bottom:102px;text-shadow:0 1px 6px #10181855;}
.home-poster .poster-title{font-size:34px;}
.home-poster .poster-name{font-size:11px;color:#e2d7c4;}
.home-poster .poster-year{display:inline-block;font-size:16px;margin:0 0 0 8px;}
.poster-dialogue{position:absolute;z-index:3;left:22px;right:18px;bottom:23px;margin:0;padding:0;color:#f1e8d7;background:none;border:0;border-radius:0;box-shadow:none;font:400 16px/1.8 "Gowun Home",serif;letter-spacing:-.025em;}
.poster-dialogue::before{content:none;}
.choice-action{display:flex;justify-content:center;min-height:48px;margin:0;padding:12px 10px;border:0;border-radius:0 0 3px 3px;background:#e5d6b9;color:#3d4138;font:600 13px/1.5 "SUIT",sans-serif;letter-spacing:.015em;}
.story-choice:hover .choice-action{background:#f1e2c6;}
.story-choice:focus-visible{display:block;border-radius:3px;outline-offset:4px;}
.poster-controls{justify-content:center;color:#a7aa9e;margin-top:8px;}
.poster-controls button{color:#d6cbb5;}.poster-controls button:disabled{opacity:.25;}
.home-shelves{padding-top:0;}.home-shelf h2{color:#e6d5b7;}
.shelf-card-name{color:#e1d4bf;}.shelf-card-detail{color:#b4a58e;}.free-label{color:#ddbd80;}
.free-art{background:#2c3540;}.shelf-card .poster-art figcaption{bottom:12px;}
.free-welcome h2{color:#ead7af;}.free-welcome p,.free-welcome a,.free-welcome>span{color:#c2b399;font:400 13px/1.8 "SUIT",sans-serif;}.free-welcome a{display:flex;width:fit-content;color:#dec08a;}
.home-signoff{color:#a49379;}
.home-bottom-nav{left:var(--home-left,50%);width:var(--home-width,min(100%,480px));transform:none;background:#1b272bf7;border-color:#c2b39730;box-shadow:none;}
.home-bottom-nav a{color:#a69982;}.home-bottom-nav [aria-current="page"]{color:#f2d291;}
.home-bottom-nav svg{stroke-width:1.6;}
.home-bottom-nav .brush-fill{fill:currentColor;stroke:none;}
.home-library>p,.library-entry p{color:#baab92;}.library-entry small{color:#d2b581;}.library-entry{border-color:#bd9b602e;}.library-entry span,.library-empty a{color:#e6c487;}.library-entry h3{color:#ecdfc8;}
.choice-screen :is(a,button):focus-visible{outline-color:#f1d395;}
@media(max-width:600px){.choice-screen::before{display:none;}}
@media(max-width:359px){.home-tabs{padding-inline:10px;}.home-tabs button{padding-inline:7px;font-size:12px;}.home-poster .poster-title{font-size:29px;}.home-poster .poster-art figcaption{left:18px;bottom:94px;}.poster-dialogue{font-size:14px;left:18px;right:12px;bottom:22px;}.choice-action{font-size:12px;}}