@font-face{font-family:Lora;src:url('./Lora.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#101113;--ink:#f6f5ee;--muted:#a9a9ab;--line:#313236;--lime:#d8f879;--cyan:#69e3ee;--warm:#efd3a5;font-family:Arial,Helvetica,sans-serif;font-size:16px;scroll-behavior:smooth;scroll-padding-top:2rem}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--lime);outline-offset:6px;border-radius:3px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 20px;background:var(--lime);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;line-height:1;font-size:19px;letter-spacing:-.7px;min-height:48px}.brand-sub{display:block;margin-top:6px;font-size:11px;letter-spacing:4.7px}.site-header nav{display:flex;gap:36px;align-items:center;font-size:14px}.site-header nav a{display:flex;align-items:center;gap:10px;min-height:48px}.nav-count{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:1px 7px}.site-header nav a:hover,.site-footer a:hover{color:var(--lime)}.intro{padding:68px 0 64px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;margin:0 0 22px;color:#c5c5c6}.tiny-cross{color:var(--lime);font-size:25px;line-height:1}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}h1{font-size:clamp(54px,6.9vw,102px);letter-spacing:-6px;line-height:1.02;margin:0;font-weight:800}h1>span{color:var(--lime)}.intro-note{padding:0 32px 6px 0;min-width:218px}.intro-note p{color:var(--muted);font-size:19px;line-height:1.55;margin:0 0 25px}.text-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid #626368}.text-link:hover{color:var(--lime)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;border-top:1px solid var(--line);padding-top:22px}.section-heading h2{margin:0;font-size:13px;letter-spacing:2.4px}.section-heading>span{color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-card{min-width:0}.game-art{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:16px;aspect-ratio:1.22;background:#18222b;border:1px solid #36383f}.color-art{background:radial-gradient(ellipse at 90% 65%,#1a5965 0%,transparent 60%),radial-gradient(ellipse at 10% 0%,#302956 0%,transparent 65%),#111920}.color-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,transparent 48%,#69e3ee28 48.1%,transparent 48.5%),linear-gradient(145deg,transparent 58%,#69e3ee18 58.1%,transparent 58.5%)}.status{position:absolute;z-index:3;top:24px;left:24px;display:flex;align-items:center;gap:8px;border-radius:30px;padding:8px 13px;font-size:11px;letter-spacing:1.4px;font-weight:700;border:1px solid #ffffff30}.status-live{background:#101b24e8;color:#c8f7dd}.status-live>span{width:6px;height:6px;border-radius:50%;background:#84edb5}.status-soon{background:#251d15db;color:#f5dfba}.art-caption{position:absolute;top:112px;left:30px;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,4.3vw,66px);line-height:1.02;letter-spacing:-1px;transform:rotate(-6deg);color:#f8f5eb;z-index:1;text-shadow:0 3px 20px #0006}.art-caption>span{color:var(--cyan);font-size:.65em}.character{position:absolute;height:106%;width:auto;max-width:none;right:-5%;bottom:-14%;object-fit:contain;z-index:2;filter:drop-shadow(-12px 10px 35px #041c3380);transition:transform .45s ease}.game-art:hover .character{transform:translateY(-7px) rotate(2deg)}.art-index{position:absolute;bottom:23px;left:26px;font-size:11px;letter-spacing:2px;color:#eceeed;z-index:3}.art-arrow{position:absolute;z-index:3;bottom:18px;right:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff17;border:1px solid #ffffff38;font-size:25px;color:#fff;transition:background .2s}.game-art:hover .art-arrow{background:#ffffff30}.drawer-art{background:#342718}.room{height:100%;width:100%;object-fit:cover;object-position:50% 45%;transition:transform .6s ease}.drawer-art:hover .room{transform:scale(1.025)}.drawer-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#23180b55,transparent 30%,#1912080d 50%,#170f06dd);z-index:1}.drawer-art-title{position:absolute;z-index:2;bottom:77px;left:28px;color:#fff3dd;font:500 clamp(27px,2.9vw,42px)/1.18 Lora,Georgia,serif;letter-spacing:-1px;text-shadow:0 2px 20px #1b0e06}.game-info{padding:25px 4px 0}.game-kicker{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;letter-spacing:1px}.game-kicker>span:last-child{letter-spacing:0}.game-title-row{display:flex;align-items:center;gap:14px;margin-top:19px}.game-icon{width:48px;height:48px;border-radius:12px}.game-title-row h3{font-size:36px;line-height:1.15;letter-spacing:-1.5px;margin:0}.drawer-tales h3{font-family:Lora,Georgia,serif;font-size:34px;font-weight:500}.game-info>p{color:var(--muted);font-size:16px;line-height:1.7;max-width:470px;margin:17px 0 19px}.game-link{display:flex;justify-content:space-between;align-items:center;min-height:58px;border-bottom:1px solid var(--line);font-size:15px;font-weight:700}.game-link>span{font-size:26px;font-weight:400}.color-tap .game-link:hover{color:var(--cyan);border-color:var(--cyan)}.drawer-tales .game-link:hover{color:var(--warm);border-color:var(--warm)}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:84px 0 65px}.closing p{font-size:clamp(24px,3.5vw,45px);letter-spacing:-1.7px;line-height:1.25;margin:0;font-weight:700}.closing p span{color:#83858a}.closing-mark{font-size:95px;line-height:1;color:var(--lime)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px;font-size:13px;color:var(--muted)}.site-footer p{margin:0}.site-footer nav{display:flex;gap:24px}.site-footer a{display:inline-flex;align-items:center;min-height:44px}.back-top{justify-content:center;border:1px solid var(--line);width:44px;border-radius:50%;font-size:22px}
@media(min-width:1600px){.character{right:0;bottom:-17%}.art-caption{top:125px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{min-height:90px}.intro{padding:50px 0}h1{letter-spacing:-4px}.intro-note{padding-right:0;min-width:180px}.intro-note p{font-size:16px}.game-grid{gap:22px}.game-art{aspect-ratio:.92}.art-caption{left:22px;top:100px;font-size:43px}.character{height:85%;right:-15%;bottom:-9%}.status{left:18px;top:18px;font-size:10px}.drawer-art-title{font-size:28px;left:22px}.game-kicker{font-size:11px}.game-title-row h3{font-size:30px}.drawer-tales h3{font-size:27px}.game-icon{width:42px;height:42px}.closing{padding:65px 0 50px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{min-height:83px;gap:12px}.brand{font-size:15px;gap:9px}.brand img{width:34px;height:34px}.brand-sub{font-size:10px;letter-spacing:3.8px}.site-header nav{gap:16px;font-size:12px}.nav-count{display:none}.site-header nav a{gap:5px}.intro{padding:42px 0 35px}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:20px}.intro-row{display:block}h1{font-size:clamp(48px,11vw,69px);letter-spacing:-3px}.intro-note{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:24px;padding:0}.intro-note p{font-size:14px;line-height:1.6;margin:0}.intro-note .text-link{font-size:12px;gap:10px;white-space:nowrap}.section-heading{padding-top:18px;margin-bottom:18px}.section-heading h2{font-size:11px}.section-heading>span{font-size:12px}.game-grid{grid-template-columns:1fr;gap:40px}.game-art{aspect-ratio:1.1;border-radius:12px}.art-caption{top:100px;left:25px;font-size:51px}.character{height:106%;right:-9%;bottom:-16%}.drawer-art-title{font-size:32px;bottom:73px}.game-kicker{font-size:11px}.game-info{padding-top:19px}.game-title-row h3{font-size:34px}.drawer-tales h3{font-size:31px}.game-info>p{font-size:16px}.game-icon{width:48px;height:48px}.closing{padding:52px 0 37px;gap:16px}.closing p{font-size:26px;letter-spacing:-1px}.closing-mark{font-size:60px}.site-footer{flex-wrap:wrap;gap:5px;padding-block:22px}.site-footer nav{order:3;width:100%;gap:24px;font-size:12px}.site-footer p{font-size:12px}.site-footer .back-top{margin-left:auto}}
.drawer-page{--bg:#171813;--ink:#f5e9d3;--muted:#b7b3a7;--line:#3a3b31;--lime:#efd3a5}.drawer-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:58px 0 72px}.drawer-hero-copy .eyebrow{color:var(--warm);font-size:11px;letter-spacing:2px}.drawer-hero-icon{width:64px;height:64px;border-radius:15px;margin:25px 0 20px}.drawer-hero h1{font-family:Lora,Georgia,serif;font-size:clamp(64px,6.6vw,96px);letter-spacing:-4px;font-weight:500;line-height:1.08}.drawer-hero h1 em{font-weight:400;color:var(--warm)}.drawer-lead{font-family:Lora,Georgia,serif;font-size:29px;line-height:1.3;margin:28px 0 20px}.drawer-summary{max-width:440px;color:var(--muted);font-size:17px;line-height:1.8}.drawer-button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-height:56px;padding:13px 22px;border-radius:6px;background:var(--warm);color:#27251c;font-size:15px;font-weight:700;margin-top:18px}.drawer-button:hover{background:#ffe5be}.drawer-button span{font-size:21px}.release-note{color:var(--muted);font-size:13px;margin-top:16px}.drawer-hero-art{height:690px;position:relative;overflow:hidden;border-radius:170px 170px 14px 14px;border:1px solid #736047}.drawer-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.drawer-hero-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#1a160fe6)}.drawer-hero-art span{position:absolute;bottom:32px;left:28px;right:28px;z-index:1;text-align:center;font:italic 27px Lora,Georgia,serif;color:#fff3dc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:24px 0 64px}.feature-number{font:italic 26px Lora,Georgia,serif;color:#b9a381}.feature-grid h3{font-family:Lora,Georgia,serif;font-size:23px;line-height:1.3;font-weight:500}.feature-grid p{color:var(--muted);font-size:16px;line-height:1.8}.drawer-support{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);padding:40px 0}.drawer-support .eyebrow{font-size:11px}.drawer-support h2{font:500 30px Lora,Georgia,serif;margin:0}.drawer-support p{color:var(--muted);font-size:16px}.drawer-support .drawer-button{margin:0;white-space:nowrap}.drawer-button.secondary{background:transparent;color:var(--warm);border:1px solid #7b6f58}.drawer-button.secondary:hover{background:#d1ab6020}
@media(max-width:900px){.drawer-hero{gap:32px}.drawer-hero-art{height:640px}.drawer-hero h1{font-size:66px}.drawer-lead{font-size:25px}.feature-grid{gap:24px}.drawer-support h2{font-size:26px}}
@media(max-width:620px){.drawer-hero{grid-template-columns:1fr;padding-top:34px;gap:32px}.drawer-hero h1{font-size:73px}.drawer-hero h1 br{display:none}.drawer-hero h1 em{display:block}.drawer-hero-icon{width:56px;height:56px;margin-top:22px}.drawer-lead{font-size:26px}.drawer-hero-art{height:490px;border-radius:130px 130px 12px 12px}.drawer-hero-art span{font-size:24px}.feature-grid{grid-template-columns:1fr;gap:14px;padding-bottom:30px}.feature-grid article+article{border-top:1px solid var(--line);padding-top:22px}.feature-grid h3{margin-top:12px}.drawer-support{display:block;padding:30px 0}.drawer-support .drawer-button{margin-top:10px}.drawer-page .site-footer nav{gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Rainrelay directory entry. Existing Color Tap and Drawer Tales styles stay intact. */
.game-grid>.rainrelay{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:42px;padding-top:16px}.rainrelay-art{aspect-ratio:1.5;background:#315a40;border-color:#46523d}.rainrelay-room{height:100%;width:100%;object-fit:cover;object-position:50% 40%;transition:transform .6s ease}.rainrelay-art:hover .rainrelay-room{transform:scale(1.025)}.rainrelay-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#25351a26,transparent 24%,#1b2d171a 48%,#142513e6)}.rainrelay-art-title{position:absolute;z-index:2;bottom:76px;left:28px;font:500 clamp(28px,3vw,43px)/1.18 Lora,Georgia,serif;letter-spacing:-1px;color:#fff4db;text-shadow:0 2px 20px #182e10}.rainrelay .game-info{padding-top:0}.rainrelay h3{font-family:Lora,Georgia,serif;font-weight:500}.rainrelay .game-link:hover{color:#b7d8b1;border-color:#b7d8b1}
@media(max-width:900px){.game-grid>.rainrelay{gap:26px;grid-template-columns:1fr 1fr}.rainrelay-art{aspect-ratio:1}.rainrelay-art-title{font-size:30px;left:22px;bottom:75px}}
@media(max-width:620px){.game-grid>.rainrelay{display:block;padding-top:0}.rainrelay-art{aspect-ratio:1.1}.rainrelay-art-title{font-size:32px;left:24px;bottom:75px}.rainrelay .game-info{padding-top:19px}}
@media(prefers-reduced-motion:reduce){.rainrelay-room{transition:none}}