/* Home only: the approved 午后暖庭 editorial composition. */
#yr-homepage-reference-v2:has(.hr2-courtyard-home){background:#faf8f0;--page-w:min(100vw,864px);scrollbar-width:none}
#yr-homepage-reference-v2:has(.hr2-courtyard-home)::-webkit-scrollbar{display:none}
#yr-homepage-reference-v2 .hr2-app.hr2-courtyard-home{box-shadow:none;padding-bottom:max(14px,env(safe-area-inset-bottom))}
#yr-homepage-reference-v2 .hr2-app.hr2-courtyard-home::before,#yr-homepage-reference-v2 .hr2-app.hr2-courtyard-home::after{content:none!important;display:none!important}
#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-carousel::before,#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-carousel::after{content:none!important;display:none!important}
#yr-homepage-reference-v2 .hr2-courtyard-home{--cw:min(100vw,864px);--ink:#18271d;--gold:#c9b98e;--paper:#faf8f0;position:relative;isolation:isolate;width:var(--cw);max-width:none;min-height:100%;margin:0 auto;padding:0 0 max(14px,env(safe-area-inset-bottom));overflow:clip;background:var(--paper);color:var(--ink);font-family:var(--serif)}
.hr2-courtyard-home .courtyard-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:paint}
/* A fixed area light casts soft silhouettes onto the page. These fallback
   silhouettes never rock as solid branches; GPU projection locally bends tips. */
.courtyard-atmosphere .courtyard-light{position:absolute;inset:0;background:linear-gradient(126deg,transparent 14%,#fff1c532 26%,#fffdf54d 36%,transparent 53%),radial-gradient(ellipse at 78% 5%,#fff0c842,transparent 60%);pointer-events:none}
.courtyard-atmosphere .courtyard-bough{position:absolute;aspect-ratio:1;pointer-events:none;transform-origin:100% 0;mix-blend-mode:multiply}
.courtyard-atmosphere .courtyard-shadow{position:absolute;inset:0;background:url('./assets/courtyard-branch-shadow-v4.webp?v=2.8.0-ded9e4f9e1c3e6dccde450ab9b15570d7946bff4') center/contain no-repeat}
.courtyard-atmosphere .courtyard-bough-canopy{width:calc(var(--cw)*.86);left:26%;top:calc(var(--cw)*-.16);opacity:.28;filter:blur(clamp(3px,.7vw,6px));transform:rotate(3deg)}
.courtyard-atmosphere .courtyard-bough-left{width:calc(var(--cw)*.91);left:-106%;top:calc(var(--cw)*.48);opacity:.19;filter:blur(clamp(4px,.9vw,8px));transform:rotate(-64deg)}
.courtyard-atmosphere .courtyard-bough-distant{width:calc(var(--cw)*.72);left:-90%;top:calc(var(--cw)*1.08);opacity:.10;filter:blur(clamp(5px,1.2vw,10px));transform:rotate(-80deg)}
.courtyard-atmosphere .courtyard-projection{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.hr2-courtyard-home.has-projection .courtyard-projection{opacity:1}
.hr2-courtyard-home.has-projection .courtyard-bough{visibility:hidden}
.hr2-courtyard-home .courtyard-utilities{height:calc(var(--cw)*.052);min-height:22px;padding:0 5.5%;display:flex;align-items:center;gap:16px;font:12px var(--sans);color:#65705d}
.hr2-courtyard-home .courtyard-utilities button{border:0;padding:7px 0;background:none;color:inherit;font:inherit;cursor:pointer}
.hr2-courtyard-home .courtyard-utilities .courtyard-balance{margin-left:auto}
.courtyard-utilities .courtyard-refresh{width:18px;height:32px}
.hr2-courtyard-home .courtyard-masthead{height:calc(var(--cw)*.20);padding:0 5.5%;display:flex;align-items:center;position:relative}
.hr2-courtyard-home .courtyard-wordmark{font-family:'Bodoni 72','Didot','Times New Roman',serif;font-size:calc(var(--cw)*.196);font-weight:500;line-height:.96;letter-spacing:-.035em;margin:0;white-space:nowrap;color:var(--ink)}
.hr2-courtyard-home .courtyard-gallery{position:relative;margin:0 2.5% 0 5.5%;height:calc(var(--cw)*1.015);touch-action:pan-y}
.hr2-courtyard-home .courtyard-rail{position:absolute;inset:0 auto 0 0;width:25.8%;display:flex;flex-direction:column;border-top:1px solid #afb0a4;padding-top:calc(var(--cw)*.025);z-index:3;pointer-events:none}
.hr2-courtyard-home .courtyard-rail h1{flex:none;font-size:clamp(14px,2.55vw,22px);font-weight:500;letter-spacing:.22em;margin:0;white-space:nowrap}
.hr2-courtyard-home .courtyard-number{flex:none;display:block;font-family:'Didot','Bodoni 72','Times New Roman',serif;font-weight:400;font-size:calc(var(--cw)*.205);line-height:1;margin-top:calc(var(--cw)*.083);letter-spacing:-.04em}
.hr2-courtyard-home .courtyard-no{flex:none;display:block;font-family:Georgia,serif;font-size:clamp(12px,2.7vw,23px);letter-spacing:.02em;margin-top:calc(var(--cw)*.013)}
.hr2-courtyard-home .courtyard-no::after{content:'';display:block;width:calc(var(--cw)*.058);height:2px;margin-top:12px;background:#5a693e}
.hr2-courtyard-home .courtyard-vertical-track{position:relative;flex:1;min-height:0;margin-top:max(18px,calc(var(--cw)*.045));margin-bottom:calc(var(--cw)*.13)}
.hr2-courtyard-home .courtyard-vertical{position:absolute;left:0;bottom:0;writing-mode:vertical-rl;transform:rotate(180deg);font:500 clamp(12px,3.25vw,28px)/1 Georgia,serif;letter-spacing:.12em;white-space:nowrap}
.hr2-courtyard-home .courtyard-hatching{position:absolute;left:4px;bottom:calc(var(--cw)*-.04);width:calc(var(--cw)*.03);height:calc(var(--cw)*.15);background:repeating-linear-gradient(48deg,transparent 0 5px,#7d8172 5px 6px,transparent 6px 11px)}
.hr2-courtyard-home .hr2-carousel{position:absolute;inset:0;height:100%;min-height:0;margin:0;perspective:1100px;overflow:visible;touch-action:pan-y;--art-ratio:.56272;--frame-lip:clamp(3px,.65vw,6px);--mat:calc(var(--frame-lip)*2 + 2px);--art-height:min(calc(var(--cw)*1.015 - var(--mat)),calc((var(--cw)*.66424 - var(--mat))/var(--art-ratio)));--framed-width:calc(var(--art-height)*var(--art-ratio) + var(--mat))}
.hr2-courtyard-home .courtyard-art{position:absolute;display:block;overflow:hidden;padding:0;border-radius:0;background:#1b211f;border:1px solid rgba(175,166,142,.65);box-shadow:0 5px 9px #3f3a2321;color:var(--ink);cursor:pointer;-webkit-touch-callout:none;user-select:none;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s,filter .7s}
.courtyard-art img,.courtyard-art video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;-webkit-touch-callout:none;user-select:none}
.hr2-courtyard-home .courtyard-art.is-main{left:auto;right:0;top:0;width:var(--framed-width);height:calc(var(--art-height) + var(--mat));z-index:3;padding:var(--frame-lip);border:1px solid #c1b08c;background:linear-gradient(135deg,#cabb96 0%,#f8f0df 10%,#c8b790 16%,#eee3cb 48%,#ad9b73 67%,#e7dcc2 87%,#c1b08c 100%);box-shadow:0 3px 5px #27281320,inset 0 0 0 1px #f9f2e4}
.courtyard-art.is-main::after{content:'';position:absolute;inset:calc(var(--frame-lip) - 1px);border:1px solid #fff8e7;box-shadow:inset 0 0 0 1px #5b554580;pointer-events:none}
.courtyard-art.is-main>img,.courtyard-art.is-main>video{object-fit:contain;background:transparent}
.hr2-courtyard-home .courtyard-art.is-near{left:calc(100% - var(--framed-width) - 7.3%);top:36%;width:42%;height:55%;z-index:2;opacity:.69;filter:saturate(.63);border:2px solid #fffdf4}
.hr2-courtyard-home .courtyard-art.is-far{left:calc(100% - var(--framed-width) - 12.8%);top:44%;width:38%;height:40%;z-index:1;opacity:.36;filter:saturate(.5) blur(.45px);border:2px solid #fffdf4}
.courtyard-art .courtyard-rarity{position:absolute;left:calc(var(--frame-lip) + 7px);top:calc(var(--frame-lip) + 7px);z-index:2;display:flex;gap:6px;align-items:baseline;background:#f8f3dfed;border:1px solid #b6a574;border-radius:1px;padding:4px 7px;color:#283725;box-shadow:0 2px 5px #0002;font:12px var(--sans)}
.courtyard-rarity b{font:500 16px Georgia,serif}.courtyard-art[data-rarity='SSS'] .courtyard-rarity{background:#f0e3c8ed;color:#604825}.courtyard-art[data-rarity='SS'] .courtyard-rarity{background:#dde7d8ed}
.courtyard-art .courtyard-side-rarity{position:absolute;bottom:8px;left:4px;writing-mode:vertical-rl;font:11px Georgia,serif;color:#fff;line-height:1.5;text-shadow:0 1px 5px #000}
/* Two rows keep the complete description readable beside compact controls. */
.hr2-courtyard-home .courtyard-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:3px;margin:calc(var(--cw)*.025) 6% 0 31%;align-items:center;min-height:44px}
.courtyard-caption-copy{display:contents}.courtyard-caption-copy strong{grid-column:1;grid-row:1;font-size:clamp(14px,2.45vw,21px);line-height:1.35;font-weight:500;overflow-wrap:anywhere}.courtyard-caption-copy small{grid-column:1/-1;grid-row:2;font:12px/1.4 var(--sans);color:#6d7165;white-space:normal;overflow-wrap:anywhere}
.courtyard-pagination{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px;font:14px Georgia,serif}.courtyard-pagination button{border:0;background:transparent;color:#52623e;padding:7px 2px;cursor:pointer;font:inherit;min-width:24px;min-height:30px}.courtyard-pagination svg{width:12px!important;height:12px!important}.courtyard-pagination span{color:#8c8d7e;font-size:12px}
.hr2-courtyard-home .courtyard-draw-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.6%;margin:calc(var(--cw)*.025) 8.6% 0}
.hr2-courtyard-home .courtyard-draw{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:52px;height:calc(var(--cw)*.12);border:1px solid #566148;border-radius:2px;background:rgba(255,255,250,.25);color:var(--ink);font-family:var(--serif);cursor:pointer;transition:transform .2s,box-shadow .3s,background .3s;position:relative;overflow:hidden}
.courtyard-draw b{font-size:clamp(17px,3.25vw,28px);font-weight:500;letter-spacing:.07em}.courtyard-draw small{font:clamp(12px,2.2vw,18px) var(--sans);margin-top:4px}
.hr2-courtyard-home .courtyard-draw.is-ten{background:#1d2b1e;color:#f5f2e8;border-color:#1d2b1e}.courtyard-draw::after{content:'';position:absolute;inset:0;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent,#fff2,transparent);pointer-events:none;transition:transform .7s}.courtyard-draw:hover::after{transform:translateX(150%) skewX(-20deg)}.courtyard-draw:active{transform:translateY(2px) scale(.987)}.courtyard-draw:disabled{opacity:.5;cursor:wait}
.hr2-courtyard-home .courtyard-links{margin:calc(var(--cw)*.023) 6% 0;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #b3b4a44d;padding-bottom:10px}
.courtyard-links button{border:0;background:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);font:clamp(14px,2.6vw,22px) var(--serif);padding:6px 5%;min-height:52px;cursor:pointer}.courtyard-links button+button{border-left:1px solid #b3b4a455}.courtyard-links svg{width:12px!important;height:12px!important}
.hr2-courtyard-home .courtyard-rules{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;text-align:left;align-content:center}
.hr2-courtyard-home .courtyard-probabilities{grid-column:1/-1;display:flex;gap:8px;color:#707963;font:clamp(10px,1.6vw,14px)/1.2 var(--sans);white-space:nowrap}.courtyard-probabilities b{font-weight:500;color:#45553c}
#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-bottom-nav{position:relative;inset:auto;transform:none;width:auto;max-width:none;margin:12px 6% 0;padding:9px 0 0;min-height:66px;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-nav-btn{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-height:58px;padding:0 0 8px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:#263126;font-family:var(--sans)}
#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-nav-btn>span{width:26px;height:28px;margin:0;background:none;border:0;border-radius:0;box-shadow:none}#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-nav-btn svg{width:26px;height:28px;stroke-width:1.4;fill:none}
#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-nav-btn i{font:12px var(--sans);white-space:nowrap}#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-nav-btn.is-active::after{content:'';position:absolute;bottom:1px;width:20px;height:2px;background:#526443}
#yr-homepage-reference-v2 .hr2-courtyard-home .hr2-nav-btn>b{position:absolute;top:-5px;left:57%;font:10px var(--sans);border:1px solid #b5a376;background:#f4eddc;color:#475339;border-radius:20px;min-width:16px;min-height:16px;padding:1px 4px}
.hr2-courtyard-home [data-motion-paused='true']{animation-play-state:paused!important}.hr2-courtyard-home.is-paused .courtyard-atmosphere *{animation-play-state:paused!important}
.hr2-courtyard-home button:focus-visible{outline:2px solid #566948;outline-offset:4px}.hr2-courtyard-home .courtyard-art:focus-visible{outline-offset:1px}
@media (min-width:650px){.hr2-courtyard-home .courtyard-rarity{top:24px;left:22px;font-size:17px;padding:8px 14px}.courtyard-rarity b{font-size:24px}.hr2-courtyard-home .courtyard-caption{min-height:60px}.courtyard-caption-copy small{font-size:16px}.courtyard-pagination{font-size:22px;gap:12px}.courtyard-pagination span{font-size:16px}.courtyard-probabilities{font-size:14px!important}.hr2-courtyard-home .courtyard-utilities{font-size:14px}.hr2-courtyard-home .hr2-bottom-nav{min-height:92px!important}.hr2-courtyard-home .hr2-nav-btn>span,.hr2-courtyard-home .hr2-nav-btn svg{width:34px!important;height:38px!important}.hr2-courtyard-home .hr2-nav-btn i{font-size:16px!important}}
@media (prefers-reduced-motion:reduce){.hr2-courtyard-home *,.hr2-courtyard-home *::before,.hr2-courtyard-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.courtyard-atmosphere .courtyard-shadow{transform:none;will-change:auto}}

/* Motion opt-in and pause are read by the projection renderer; fallback is static. */