:root{color:var(--ink);background:var(--page);--page:#f8f2f0;--ink:#554248;--wash:#e7c3cc;--paper:#fff9f7;--card-tint:#f5e4e7;--accent:#926371;--pattern:#b48e98;font-synthesis:none;-webkit-font-smoothing:antialiased;--wine:var(--accent);--gold:#ad9571;--ink-muted:#857179;--display:"Baskerville", "Iowan Old Style", "Palatino Linotype", "Songti SC", serif;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", serif;font-family:Avenir Next,Helvetica Neue,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}:root{transition:background-color .8s,color .8s}body:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 73% 42%, color-mix(in srgb, var(--wash) 30%, transparent), transparent 49%), radial-gradient(ellipse at 8% 90%, color-mix(in srgb, var(--wash) 22%, transparent), transparent 40%), linear-gradient(120deg, #fff9, transparent 58%);position:fixed;inset:0}body:after{content:"";z-index:10;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}svg{display:block}[hidden]{display:none!important}::selection{color:#57353c;background:#dfcbca}.experience{isolation:isolate;grid-template-rows:auto 1fr;grid-template-columns:minmax(260px,.78fr) minmax(550px,1.45fr);column-gap:clamp(30px,5vw,90px);width:min(1600px,100%);min-height:100dvh;margin:0 auto;padding:34px clamp(34px,5.5vw,88px) 38px;display:grid;position:relative}.atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-light{aspect-ratio:1;border-radius:50%;width:min(1050px,75vw);position:absolute}.light-rose{background:radial-gradient(circle, color-mix(in srgb, var(--wash) 38%, transparent), transparent 70%);animation:18s ease-in-out infinite rose-light-drift;top:-35%;right:-15%}.light-gold{background:radial-gradient(circle, color-mix(in srgb, var(--wash) 30%, transparent), transparent 70%);animation:22s ease-in-out infinite gold-light-drift;bottom:-43%;left:-18%}.flow-field{width:112%;height:112%;position:absolute;inset:-6%;overflow:visible}.flow-field path,.flow-field use{fill:none;vector-effect:non-scaling-stroke}.flow-contours{stroke:var(--pattern);opacity:.32}.flow-contours path{stroke-width:.9px}.flow-contours path:nth-child(3n){stroke-width:1.25px}.flow-contours path:nth-child(4n){stroke-dasharray:2 3 160 5}.flow-cluster{transform-box:view-box}.flow-main{transform-origin:1080px 475px;animation:12s ease-in-out infinite alternate main-current}.flow-echo{opacity:.65;transform-origin:120px 865px;animation:16s ease-in-out infinite alternate echo-current}.flow-highlights{stroke:var(--accent);stroke-width:1.25px}.flow-glint{opacity:.65;stroke-dasharray:80 920;stroke-dashoffset:1000px;animation:19s linear infinite glint-current;animation-delay:var(--glint-delay)}.masthead,.introduction,.game{z-index:1;position:relative}.masthead{color:#79685f;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.3em;align-items:center;gap:13px;font-size:10px;font-weight:500;display:flex}.brand svg{width:22px;height:22px;color:var(--wine);stroke-width:1px}.edition{letter-spacing:.23em;align-items:center;gap:14px;font-size:8px;display:flex}.edition span{background:#b8a28b80;width:48px;height:1px;display:block}.introduction{align-self:center;padding-bottom:32px}.introduction h1{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);margin:10px 0 12px;font-size:clamp(34px,3.4vw,49px);font-weight:400;line-height:1.1}.game{flex-direction:column;align-self:center;align-items:center;min-width:0;display:flex}.stage{perspective:1400px;place-items:center;width:min(850px,100%);height:min(610px,70dvh);min-height:420px;display:grid;position:relative}.stage-ornaments{pointer-events:none;color:#b69a74;place-items:center;display:grid;position:absolute;inset:0}.orbit{border:1px solid #b9a28433;border-radius:50%;position:absolute}.orbit-outer{aspect-ratio:1;width:min(550px,78%)}.orbit-outer:before,.orbit-outer:after{content:"";background:var(--page);border:1px solid #b69a7470;width:5px;height:5px;position:absolute;transform:rotate(45deg)}.orbit-outer:before{top:12.5%;left:13%}.orbit-outer:after{bottom:13%;right:12.5%}.orbit-inner{aspect-ratio:1;border-color:#b9a28421;width:min(414px,59%)}.axis{background:#baa78d1f;position:absolute}.axis-horizontal{width:min(670px,94%);height:1px}.axis-vertical{width:1px;height:min(550px,92%)}.orbit-star{position:absolute}.orbit-star svg{stroke-width:.8px;width:14px;height:14px}.star-north{top:4.5%;left:calc(50% - 7px)}.star-east{top:calc(50% - 7px);right:7%;transform:rotate(22deg)}.deck{z-index:2;isolation:isolate;width:250px;height:370px;animation:.9s cubic-bezier(.2,.75,.2,1) both deck-arrive;position:relative}.deck:after{content:"";z-index:-2;filter:blur(17px);background:#6c494324;border-radius:50%;width:94%;height:28px;position:absolute;bottom:-32px;left:3%}.card{border-radius:5px;position:absolute;inset:0}.card-back{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--paper));background:var(--paper);box-shadow:0 8px 24px #604c3d0a}.card-back:before{content:"";border:1px solid #c5ad8966;border-radius:2px;position:absolute;inset:10px}.card-back:after{content:"";border:1px solid #c5ad892e;position:absolute;inset:15px}.back-one{background:color-mix(in srgb, var(--card-tint) 48%, white);transform:translate(18px,7px)rotate(8deg)}.back-two{transform:translate(-16px,5px)rotate(-7deg)}.card-cover{color:var(--wine);border:1px solid color-mix(in srgb, var(--accent) 50%, var(--paper));background:radial-gradient(circle at 50% 40%, #fffefd, var(--paper) 40%, var(--card-tint));box-shadow:0 22px 48px color-mix(in srgb, var(--accent) 15%, transparent), 0 3px 8px #5f41330c, inset 0 0 40px #fff9;animation:6s ease-in-out 1s infinite cover-breathe;overflow:hidden;transform:rotate(-1deg)}.card-cover:before{content:"";opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239d7a57' opacity='.32' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.card-cover:after{content:"";background:linear-gradient(115deg,#fff5 8%,#0000 35% 70%,#b8976821);position:absolute;inset:0}.cover-frame{z-index:1;border:1px solid #b5986973;border-radius:2px;position:absolute;inset:12px}.cover-frame:after{content:"";border:1px solid #b5986930;position:absolute;inset:5px}.cover-corner{z-index:2;opacity:.7;border-color:#a9885e;width:18px;height:18px;position:absolute}.corner-tl{border-top:1px solid;border-left:1px solid;top:20px;left:20px}.corner-tr{border-top:1px solid;border-right:1px solid;top:20px;right:20px}.corner-bl{border-bottom:1px solid;border-left:1px solid;bottom:20px;left:20px}.corner-br{border-bottom:1px solid;border-right:1px solid;bottom:20px;right:20px}.cover-mark{z-index:2;color:#ad8b61;position:absolute;top:29px;left:calc(50% - 10px)}.cover-mark svg{stroke-width:1px;width:20px;height:20px}.cover-emblem{place-items:center;width:190px;height:190px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.emblem-ring{border:1px solid #b4966b80;border-radius:50%;position:absolute;inset:0}.emblem-ring:before{content:"";border-radius:inherit;border:1px solid #b4966b36;position:absolute;inset:8px}.emblem-ring:after{content:"";border-radius:inherit;border:1px dotted #b4966b52;position:absolute;inset:-7px}.cover-motif{width:220px;height:240px;color:var(--accent);opacity:.8;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-motif .botanical{stroke-width:1px;width:100%;height:100%}.emblem-star{color:#a88961;position:absolute;top:calc(50% - 5px)}.emblem-star svg{width:10px;height:10px}.star-left{left:-5px}.star-right{right:-5px}.cover-finial{z-index:2;color:#a88b63;align-items:center;gap:10px;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.cover-finial i{background:#b3976d61;width:28px;height:1px}.cover-finial svg{stroke-width:.8px;width:9px;height:9px}.draw-button{z-index:4;width:196px;height:52px;color:var(--wine);background:color-mix(in srgb, var(--paper) 85%, transparent);font-family:var(--display);letter-spacing:.12em;border:1px solid #a7847e;border-radius:2px;flex:none;justify-content:space-between;align-items:center;gap:18px;margin-top:27px;padding:0 24px;font-size:13px;transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex;position:relative;box-shadow:0 6px 20px #76514a0a}.draw-button:before{content:"";pointer-events:none;border:1px solid #b99e7845;transition:border-color .3s;position:absolute;inset:4px}.draw-button svg{stroke-width:1px;flex:none;width:13px;height:13px;transition:transform .35s}.draw-button:hover:not(:disabled){color:#fff5df;background:var(--wine);border-color:var(--wine);text-shadow:0 0 12px #f3d9a888;transform:translateY(-2px);box-shadow:0 9px 24px #74465024}.draw-button:hover:not(:disabled):before{border-color:#e0c6a65c}.draw-button:hover:not(:disabled) svg:first-child{transform:rotate(90deg)}.draw-button:hover:not(:disabled) svg:last-child{transform:rotate(-90deg)}.draw-button:active:not(:disabled){transform:translateY(0)}.draw-button:disabled{opacity:.5;cursor:default}.draw-button:disabled svg{animation:1.4s linear infinite seeking}.draw-button:focus-visible{outline:1px solid var(--wine);outline-offset:6px}.reveal-lights{z-index:1;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%}.reveal-lights:before{content:"";opacity:0;border:1px solid #c7a675;border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;left:-110px}.reveal-lights i{--x:0px;--y:-150px;opacity:0;background:#c4a373;width:4px;height:4px;position:absolute;transform:rotate(45deg);box-shadow:0 0 10px #d5b98480}.reveal-lights i:nth-child(2){--x:130px;--y:-70px}.reveal-lights i:nth-child(3){--x:140px;--y:80px}.reveal-lights i:nth-child(4){--x:0px;--y:155px}.reveal-lights i:nth-child(5){--x:-140px;--y:80px}.reveal-lights i:nth-child(6){--x:-130px;--y:-70px}.encounter{--character-color:color-mix(in srgb, var(--accent) 85%, var(--entry-color,var(--accent)));--character-tint:color-mix(in srgb, var(--card-tint) 82%, var(--entry-tint,var(--card-tint)));z-index:3;background:var(--paper);border:1px solid #fffdfa;border-radius:6px;grid-template-columns:36% 64%;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 80px #624a3d17,0 3px 12px #624a3d08}.encounter:before{content:"";z-index:5;pointer-events:none;border:1px solid #bda48538;border-radius:2px;position:absolute;inset:9px}.encounter:after{content:"";z-index:6;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#fff9,#0000);width:32%;position:absolute;inset:-30% auto -30% -45%;transform:skew(-18deg)}.character-visual{min-height:0;color:var(--character-color);background:var(--character-tint);padding:29px 31px;position:relative;overflow:hidden}.character-visual:before{content:"";border:1px solid color-mix(in srgb, var(--character-color) 18%, transparent);border-radius:50%;width:390px;height:390px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.character-visual:after{content:"";background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--character-tint) 90%, transparent) 75%);position:absolute;inset:0}.character-meta{z-index:2;letter-spacing:.23em;justify-content:space-between;align-items:center;font-size:8px;font-weight:500;display:flex;position:relative}.character-meta span:last-child{font-family:var(--display);letter-spacing:.08em;font-size:11px;font-weight:400}.character-art{z-index:1;opacity:.7;place-items:center;display:grid;position:absolute;inset:57px -14px 98px}.character-art .botanical{stroke-width:.85px;width:100%;height:100%}.character-caption{z-index:2;position:absolute;bottom:39px;left:31px;right:25px}.character-rule{opacity:.45;background:currentColor;width:37px;height:1px;margin-bottom:18px;display:block}.character-caption h2{font-family:var(--serif);letter-spacing:.1em;overflow-wrap:anywhere;text-shadow:0 0 18px color-mix(in srgb, var(--character-color) 24%, transparent), 0 1px 0 #fff7;outline:none;margin:0;font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.35}.profile-content{flex-direction:column;min-width:0;min-height:0;padding:39px 43px 26px;display:flex}.profile-heading{color:#95734f;letter-spacing:.24em;text-shadow:0 0 10px #c9ab7150;justify-content:space-between;align-items:center;font-size:8px;font-weight:500;display:flex}.profile-heading svg{color:#b49a7d;stroke-width:.8px;width:17px;height:17px}.profile-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfbcae transparent;flex:1;min-height:0;padding:27px 14px 18px 0;overflow-y:auto}.profile-scroll:focus-visible{outline-offset:5px;outline:1px solid #bda38f}.profile-scroll p{font-family:var(--serif);letter-spacing:.055em;color:#504541;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:2.15}.profile-flourish{color:#b69a79;justify-content:center;align-items:center;gap:10px;height:16px;display:flex}.profile-flourish i{background:#c7b39850;width:40px;height:1px;display:block}.profile-flourish svg{stroke-width:.8px;width:9px;height:9px}.stage.is-drawing .back-one{animation:1.2s cubic-bezier(.35,0,.2,1) both shuffle-right}.stage.is-drawing .back-two{animation:1.2s cubic-bezier(.35,0,.2,1) both shuffle-left}.stage.is-drawing .card-cover{animation:1.25s cubic-bezier(.3,.05,.18,1) both draw-card}.stage.is-drawing .reveal-lights:before{animation:1.05s ease-out .2s both aura}.stage.is-drawing .reveal-lights i{animation:.85s ease-out .35s both sparkle-out}.stage.is-drawing .stage-ornaments{animation:1.25s ease-out both orbit-turn}.stage.is-reading .deck,.stage.is-reading .stage-ornaments{visibility:hidden}.stage.is-reading .encounter{animation:.75s cubic-bezier(.18,.72,.2,1) both encounter-reveal}.stage.is-reading .encounter:after{animation:1s ease-out .18s both card-sheen}.stage.is-reading .character-art{animation:.9s cubic-bezier(.2,.7,.2,1) .15s both artwork-reveal}.stage.is-reading .character-caption{animation:.7s ease-out .18s both caption-reveal}.stage.is-reading .profile-content{animation:.7s ease-out .22s both profile-reveal}@keyframes rose-light-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-5%,5%)scale(1.06)}}@keyframes gold-light-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(6%,-4%)scale(1.08)}}@keyframes main-current{0%{transform:translate(-25px,14px)rotate(-5deg)scale(.98)}to{transform:translate(32px,-22px)rotate(5deg)scale(1.04)}}@keyframes echo-current{0%{transform:translate(18px,-15px)rotate(4deg)}to{transform:translate(-35px,26px)rotate(-6deg)}}@keyframes glint-current{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes deck-arrive{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cover-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(.3deg)}}@keyframes seeking{to{transform:rotate(180deg)}}@keyframes shuffle-right{0%,to{transform:translate(18px,7px)rotate(8deg)}42%{transform:translate(95px,-12px)rotate(18deg)}68%{transform:translate(-7px,4px)rotate(-3deg)}}@keyframes shuffle-left{0%,to{transform:translate(-16px,5px)rotate(-7deg)}42%{transform:translate(-95px,-12px)rotate(-18deg)}68%{transform:translate(8px,3px)rotate(3deg)}}@keyframes draw-card{0%{opacity:1;transform:translate(0)rotate(-1deg)scale(1)}24%{opacity:1;transform:translateY(-13px)rotate(-3deg)scale(1)}53%{opacity:1;transform:translate(62px,-42px)rotate(7deg)scale(1.035)}77%{opacity:1;transform:translateY(-18px)rotate(0)scale(1.075)}to{opacity:0;transform:translateY(-8px)rotate(0)scale(1.12)}}@keyframes aura{0%{opacity:0;transform:scale(.5)}30%{opacity:.45}to{opacity:0;transform:scale(2.3)}}@keyframes sparkle-out{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.5)}30%{opacity:.9}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(135deg) scale(1)}}@keyframes orbit-turn{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(12deg)scale(1.05)}}@keyframes encounter-reveal{0%{opacity:0;transform:translateY(24px)scale(.94)rotateX(3deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes card-sheen{0%{opacity:0;transform:translate(0)skew(-18deg)}25%{opacity:.55}to{opacity:0;transform:translate(550%)skew(-18deg)}}@keyframes artwork-reveal{0%{opacity:0;transform:scale(.9)rotate(-3deg)}to{opacity:.7;transform:scale(1)rotate(0)}}@keyframes caption-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes profile-reveal{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width<=1050px){.experience{grid-template-columns:minmax(220px,.65fr) minmax(490px,1.35fr);column-gap:28px}.profile-content{padding-left:34px;padding-right:34px}}@media (width<=900px){.experience{flex-direction:column;align-items:center;min-height:100dvh;padding:23px 22px 25px;display:flex}.flow-field{width:190%;height:108%;inset:-4% -45%}.flow-main{opacity:.7}.flow-echo{display:none}.ambient-light{width:130vw}.masthead{width:100%}.brand{gap:10px;font-size:9px}.brand svg{width:19px;height:19px}.edition{gap:9px;font-size:7px}.edition span{width:23px}.introduction{text-align:center;align-self:center;margin:18px 0 8px;padding:0}.introduction h1{margin:7px 0;font-size:30px}.game{flex:1;justify-content:center;width:100%}.stage{width:min(680px,100%);height:clamp(390px,59dvh,570px);min-height:390px}.deck{width:220px;height:326px}.cover-emblem{width:166px;height:166px}.cover-motif{width:195px;height:210px}.cover-mark{top:27px}.cover-finial{bottom:28px}.orbit-outer{width:min(450px,95vw)}.orbit-inner{width:min(340px,74vw)}.axis-horizontal{width:min(530px,100%)}.axis-vertical{height:min(440px,100%)}.star-north{top:7%}.star-east{right:1%}.draw-button{width:184px;height:49px;margin-top:20px;font-size:12px}.encounter{grid-template-rows:172px minmax(0,1fr);grid-template-columns:1fr}.character-visual{padding:22px 25px}.character-visual:before{width:270px;height:270px;top:40%;left:auto;right:-45px}.character-visual:after{background:linear-gradient(90deg, transparent 45%, color-mix(in srgb, var(--character-tint) 60%, transparent))}.character-art{opacity:.58;width:180px;height:195px;inset:-20px 2px auto auto}.character-caption{bottom:24px;left:25px;right:130px}.character-rule{width:28px;margin-bottom:10px}.character-caption h2{font-size:30px;line-height:1.25}.profile-content{padding:21px 25px 17px}.profile-scroll{padding:18px 9px 14px 0}.profile-scroll p{letter-spacing:.04em;font-size:15.5px;line-height:2.05}.profile-flourish{height:11px}}@media (width<=380px){.experience{padding-left:15px;padding-right:15px}.edition span{display:none}.edition{letter-spacing:.16em;font-size:6.5px}.introduction{margin-top:15px}.stage{height:clamp(380px,58dvh,520px);min-height:380px}.deck{scale:.92}.profile-content{padding-left:21px;padding-right:21px}.character-visual{padding-left:22px;padding-right:22px}.character-caption{left:22px}.profile-scroll p{font-size:15px}}@media (height<=570px) and (width>=700px){.experience{align-items:initial;grid-template-rows:auto 1fr;grid-template-columns:190px minmax(0,1fr);column-gap:30px;padding:16px 26px;display:grid}.masthead{grid-column:1/-1}.introduction{text-align:left;align-self:center;margin:0;padding:0}.introduction h1{font-size:29px}.game{align-self:center}.stage{width:100%;height:calc(100dvh - 116px);min-height:0}.deck{scale:.6}.orbit-outer{width:265px}.orbit-inner{width:205px}.axis-horizontal{width:95%}.axis-vertical{height:94%}.star-north{top:2%}.star-east{right:12%}.draw-button{width:166px;height:40px;min-height:40px;margin-top:10px;font-size:11px}.encounter{grid-template-rows:minmax(0,1fr);grid-template-columns:32% 68%}.character-visual{padding:20px}.character-visual:before{width:240px;height:240px;top:45%;left:50%;right:auto}.character-art{width:auto;height:auto;inset:25px -15px 55px}.character-caption{bottom:22px;left:20px;right:14px}.character-caption h2{font-size:25px}.character-rule{margin-bottom:8px}.profile-content{padding:20px 28px 13px}.profile-scroll{padding-top:12px;padding-bottom:8px}.profile-scroll p{font-size:14px;line-height:1.85}.profile-flourish{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}:root[data-scent=tea]{--page:#f0f4ec;--ink:#3f5148;--wash:#b8cdb2;--paper:#fafcf5;--card-tint:#e3eddb;--accent:#617e68;--pattern:#8caa8b}:root[data-scent=iris]{--page:#f3f1f8;--ink:#514862;--wash:#c9bedc;--paper:#fcfaff;--card-tint:#eae3f3;--accent:#827095;--pattern:#a395bc}:root[data-scent=tide]{--page:#eef5f5;--ink:#40575c;--wash:#afcfd0;--paper:#f8fcfb;--card-tint:#dfedef;--accent:#5d828b;--pattern:#85a9b0}:root[data-scent=amber]{--page:#faf3e9;--ink:#65503b;--wash:#e4c28f;--paper:#fffbf3;--card-tint:#f6e8ce;--accent:#a17b46;--pattern:#c3a173}#perfume-field{animation:1.2s ease-out both field-arrive;position:absolute;inset:0}.scent-pattern{width:116%;height:116%;color:var(--pattern);opacity:.34;stroke-width:1px;position:absolute;inset:-8%}.scent-pattern path,.scent-pattern ellipse{vector-effect:non-scaling-stroke}.scent-pattern path:nth-child(3n),.scent-pattern ellipse:nth-child(3n){stroke-dasharray:2 6 160 6}.pattern-drift{transform-origin:50%;animation:14s ease-in-out infinite alternate scent-drift}.pattern-tea{opacity:.25}.pattern-tea .pattern-drift{animation-duration:18s}.pattern-iris .pattern-drift{transform-origin:1100px 900px}.pattern-tide .pattern-drift{animation:10s ease-in-out infinite alternate tide-drift}.pattern-amber .pattern-drift{animation-duration:16s}.perfume-picker{text-align:center;max-width:360px;color:var(--accent);margin:0 auto}.perfume-button{width:166px;height:222px;color:inherit;isolation:isolate;background:0 0;border:0;margin:0 auto 18px;padding:0;transition:transform .4s;display:block;position:relative}.perfume-button:focus-visible{outline:1px solid var(--accent);outline-offset:6px;border-radius:36% 36% 14% 14%}.perfume-button:hover:not(:disabled){transform:translateY(-4px)rotate(-2deg)}.bottle-outline{filter:drop-shadow(0 3px 3px #ffffffb3);width:100%;height:100%;position:absolute;inset:0}.bottle-aura{z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--wash) 48%, transparent), transparent 65%);border-radius:50%;position:absolute;inset:8% -35% -10%}.bottle-liquid{z-index:-1;transform-origin:bottom;background:linear-gradient(180deg, color-mix(in srgb, var(--wash) 28%, transparent), color-mix(in srgb, var(--wash) 65%, transparent));border-top:1px solid color-mix(in srgb, var(--accent) 15%, transparent);border-radius:42% 28% 12% 12%/8% 7% 10% 10%;height:43%;animation:5s ease-in-out infinite alternate liquid-sway;position:absolute;bottom:8.5%;left:18%;right:18%}.bottle-window{width:30%;height:50px;position:absolute;top:53.7%;left:35%;overflow:hidden}.perfume-reel{display:block}.reel-item{height:50px;font-family:var(--display);place-items:center;font-size:22px;font-style:italic;line-height:1;display:grid}.bottle-action{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--paper) 80%, transparent);border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .4s;display:grid;position:absolute;bottom:10px;right:0}.bottle-action svg{stroke-width:1px;width:13px;height:13px}.perfume-button:hover .bottle-action{transform:rotate(45deg)}.perfume-family{letter-spacing:.25em;margin:0;font-size:8px;font-weight:500}.perfume-note{font-family:var(--display);color:var(--ink);opacity:.78;margin:0;font-size:15px;font-style:italic;line-height:1.6}.perfume-index{justify-content:center;gap:10px;margin-top:23px;display:flex}.perfume-index i{opacity:.35;border:1px solid;border-radius:50%;width:4px;height:4px;transition:opacity .5s,background .5s,transform .5s}.perfume-index .is-selected{opacity:.9;background:currentColor;transform:scale(1.3)}.is-rolling .bottle-outline{animation:.24s ease-in-out infinite alternate bottle-tremble}.is-rolling .bottle-liquid{animation-duration:.3s}.is-rolling .bottle-action{animation:.7s linear infinite seeking}.card-cover,.card-back,.encounter,.character-visual,.draw-button{transition:background .7s,border-color .7s,color .7s,box-shadow .7s}.card-cover:after{background:linear-gradient(115deg, #fff5 8%, transparent 35%, transparent 70%, color-mix(in srgb, var(--wash) 22%, transparent))}.rabbit-zone{z-index:4;place-items:center;width:150px;height:100px;display:grid;position:absolute;bottom:15px;left:clamp(24px,5vw,80px)}.rabbit-hole{color:var(--accent);opacity:.17;flex-direction:column;align-items:center;padding:9px 12px;text-decoration:none;transition:opacity .5s,filter .5s,transform .5s;display:flex}.rabbit-hole svg{width:39px;height:42px}.rabbit-hole span{font-family:var(--display);white-space:nowrap;margin-top:4px;font-size:11px;font-style:italic}.rabbit-zone:hover .rabbit-hole,.rabbit-hole:focus-visible{opacity:1;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--accent) 35%, transparent));transform:translateY(-3px)}.rabbit-hole:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:6px}.cursor-light{z-index:100;pointer-events:none;opacity:0;width:0;height:0;position:fixed;top:0;left:0}.has-custom-cursor .cursor-light{opacity:1}.cursor-halo{background:radial-gradient(circle, #fff9 0, color-mix(in srgb, var(--wash) 38%, transparent) 22%, transparent 67%);border-radius:50%;width:130px;height:130px;position:absolute;top:-65px;left:-65px}.cursor-star{width:14px;height:14px;color:var(--accent);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px var(--wash));transition:transform .25s;position:absolute;top:-7px;left:-7px}.cursor-star svg{width:100%;height:100%;fill:var(--paper);stroke-width:1.6px}.cursor-ring{border:1px solid var(--accent);opacity:0;border-radius:50%;width:28px;height:28px;transition:transform .3s,opacity .3s;position:absolute;top:-14px;left:-14px;transform:scale(.6)}.is-interactive .cursor-ring{opacity:.45;transform:scale(1)}.is-interactive .cursor-star{transform:rotate(90deg)scale(.8)}.is-pressed .cursor-star{transform:rotate(135deg)scale(.6)}@media (hover:hover) and (pointer:fine){.has-custom-cursor,.has-custom-cursor *{cursor:none!important}}@keyframes scent-drift{0%{transform:translate(-15px,12px)rotate(-4deg)scale(.99)}to{transform:translate(28px,-20px)rotate(4deg)scale(1.05)}}@keyframes tide-drift{0%{transform:translate(-35px,-20px)rotate(-2deg)}to{transform:translate(35px,20px)rotate(2deg)}}@keyframes liquid-sway{0%{transform:scaleY(.97)rotate(-1deg)}to{transform:scaleY(1.03)rotate(1deg)}}@keyframes bottle-tremble{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes field-arrive{0%{opacity:0}to{opacity:1}}@media (width<=900px){.introduction{width:100%}.perfume-picker{text-align:left;grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:17px;max-width:370px;display:grid}.perfume-button{grid-row:1/3;width:96px;height:128px;margin:0}.bottle-window{top:calc(65% - 25px)}.reel-item{font-size:16px}.bottle-action{width:23px;height:23px;bottom:3px;right:-3px}.bottle-action svg{width:11px;height:11px}.perfume-copy{align-self:end;padding-top:12px}.perfume-family{letter-spacing:.18em;font-size:7px}.perfume-note{font-size:13px;line-height:1.45}.perfume-index{justify-content:flex-start;align-self:start;gap:9px;margin:11px 0 7px}.stage{height:clamp(350px,51dvh,530px);min-height:350px}.scent-pattern{width:180%;height:110%;inset:-5% -40%}.rabbit-zone{width:66px;height:66px;bottom:10px;left:6px}.rabbit-hole{opacity:.3;padding:5px}.rabbit-hole svg{width:29px;height:32px}.rabbit-hole span{display:none}}@media (width<=380px){.introduction h1{font-size:27px}.perfume-picker{grid-template-columns:88px minmax(0,1fr);column-gap:10px}.perfume-button{width:88px;height:118px}.perfume-note{font-size:12px}}@media (height<=570px) and (width>=700px){.perfume-picker{text-align:center;display:block}.perfume-button{width:96px;height:128px;margin:0 auto 10px}.perfume-copy{padding:0}.perfume-index{justify-content:center;margin:12px 0 0}.perfume-note{font-size:12px}.stage{height:calc(100dvh - 116px);min-height:0}.rabbit-zone{width:46px;height:46px;bottom:3px;left:3px}.rabbit-hole svg{width:25px;height:28px}}@media (hover:none),(pointer:coarse){.rabbit-hole{opacity:.65}.cursor-light{display:none}}@media (prefers-reduced-motion:reduce){.flow-cluster,.flow-glint,.pattern-drift,.ambient-light,.bottle-liquid{animation:none!important}.cursor-halo{display:none}.cursor-star,.cursor-ring{transition:none}}@media (forced-colors:active){.cursor-light{display:none}.has-custom-cursor,.has-custom-cursor *{cursor:auto!important}.rabbit-hole{opacity:1}.bottle-outline{filter:none}}