/* components/arcana-brand-licensing.css */
.r4-brand-licensing{margin-block:48px;padding-block:30px;border-block:1px solid #d9d4c7}.r4-brand-licensing h2{font-weight:500;font-size:clamp(24px,3vw,36px);margin:12px 0}.r4-brand-licensing>p{max-width:900px;font-size:14px;line-height:1.9;color:#645e54}.r4-license-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.r4-license-grid>a{display:flex;gap:14px;align-items:center;text-decoration:none;padding:22px 16px;border:1px solid #d9d4c7;border-radius:12px;background:#f6f3ed;min-height:72px;font-size:13px}.r4-license-grid span{font-size:26px;color:#817153}.r4-license-grid strong{font-weight:500;line-height:1.5}.r4-brand-licensing>small{display:block;color:#766d5b;line-height:1.8}.r4-brand-licensing nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:18px}.r4-brand-licensing nav>a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:680px){.r4-license-grid{grid-template-columns:1fr 1fr}.r4-license-grid>a{padding:14px 10px;font-size:12px;gap:8px}.r4-brand-licensing>p{font-size:13px}}

/* components/universe/baibai-experience.css */

.baibai-fishing-stages{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;margin:0 0 1rem;padding:0}.baibai-fishing-stages li{display:flex;align-items:center;gap:.4rem;padding:.6rem .4rem;border-bottom:2px solid #e8e1e8;color:#948797;font-size:.68rem;line-height:1.5;overflow-wrap:anywhere}.baibai-fishing-stages li>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;border:1px solid #e2d8e4;background:#fcf9fc;font-size:.66rem}.baibai-fishing-stages li.is-reached{color:#7e657d;border-color:#d9b8cf}.baibai-fishing-stages li[aria-current]{border-color:#bc88aa;font-weight:600}.baibai-fishing-stages li[aria-current]>span{background:#f5e1eb;border-color:#d5aec6}
.baibai-bait-bar{display:flex;align-items:center;gap:1.5rem;margin:0 0 1rem;padding:.85rem 1rem;background:#fff9ee;border:1px solid #eadfce;border-radius:17px}.baibai-bait-bar label{display:flex;align-items:center;gap:.6rem;flex-shrink:0;color:#857261;font-size:.76rem;min-height:36px}.baibai-bait-bar input{width:18px;height:18px;accent-color:#b48ba8}.baibai-bait-bar strong{display:grid;place-items:center;min-width:28px;min-height:28px;padding:.2rem;border-radius:50%;background:#fff;border:1px solid #e2d2b9;color:#a38464;font-size:.8rem}.baibai-bait-bar p{margin:0;color:#9b8b7d;font-size:.72rem;line-height:1.7}.baibai-bait-bar a{color:#927893;text-decoration:underline;text-underline-offset:3px}
.baibai-loot-art{display:block;width:100%;height:auto;max-height:112px;filter:drop-shadow(0 3px 5px #bba0b214)}.baibai-loot-art.is-unknown{opacity:.65;filter:none}.fishing-new-find .baibai-loot-art{width:80px;margin:auto}.baibai-find-reveal{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:1.5rem;margin:1rem 0 1.5rem;padding:1.35rem 1.5rem;border:1px solid #e6d3e2;border-radius:24px;background:radial-gradient(ellipse at 20% 40%,#f7e7ed,transparent 55%),linear-gradient(120deg,#fffbfb,#f0f7fc)}.baibai-find-reveal:focus{outline:3px solid #bbd3e7;outline-offset:3px}.baibai-find-reveal-art{aspect-ratio:1;display:grid;place-items:center;border:1px solid #e4d1dd;background:#ffffff9e;border-radius:24px;box-shadow:0 10px 25px #b994aa16}.baibai-find-reveal-art .baibai-loot-art{width:120px;max-height:none}.baibai-find-reveal h3{font-size:1.2rem;margin:.55rem 0;color:#7c5d7e;line-height:1.4}.baibai-find-reveal p{font-size:.8rem;color:#99829a;line-height:1.7;margin:.4rem 0 .75rem}.baibai-find-reveal a{display:inline-flex;align-items:center;min-height:36px;gap:.4rem;margin-right:1rem;color:#937393;font-size:.76rem;text-decoration:underline;text-underline-offset:3px}.baibai-find-reveal .button{font-size:.8rem;min-height:44px}.baibai-find-reveal.is-revealed .baibai-find-reveal-art{border-color:#e6ceb3;background:#fffaf0}
.baibai-album-heading{display:flex;align-items:flex-start;gap:1rem;justify-content:space-between;margin:1.4rem 0 1rem}.baibai-album-heading h3{margin:0;color:#7c627d;font-size:1.03rem}.baibai-album-heading p{margin:.5rem 0 0;color:#a18b9e;font-size:.78rem;line-height:1.7;max-width:650px}.baibai-album-heading>strong{font-size:.9rem;white-space:nowrap;color:#a27b96;padding-top:.1rem;font-weight:500}.baibai-loot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}.baibai-loot{display:flex;flex-direction:column;align-items:center;min-width:0;padding:.6rem .55rem .8rem;border:1px solid #e9dce7;border-radius:18px;background:#fffdfddd;box-shadow:0 3px 12px #b9a0b211;font:inherit;text-align:center;color:#8a6f87}.baibai-loot strong{font-size:.72rem;line-height:1.5;font-weight:500;overflow-wrap:anywhere;min-height:3em}.baibai-loot small{margin-top:.3rem;font-size:.62rem;line-height:1.5;color:#ad94a8;overflow-wrap:anywhere}.baibai-loot.is-hidden{border-style:dashed;background:#f9f4f9;color:#b8a4b7}.baibai-loot.is-hidden small{color:#beadc1}.baibai-loot.loot-rarity-rare.is-discovered{background:linear-gradient(130deg,#fff7e5,#edf6ff);border-color:#dcc9a5}.baibai-loot.loot-rarity-keepsake.is-discovered{background:linear-gradient(140deg,#fffafc,#f6edf9);border-color:#d9c5dc}button.baibai-loot{cursor:pointer;transition:transform .18s,border-color .18s}button.baibai-loot:not(:disabled):hover{transform:translateY(-3px);border-color:#c79bbb}button.baibai-loot:disabled{cursor:default;opacity:1}.baibai-loot:focus-visible{outline:3px solid #bbd3e7;outline-offset:3px}
.baibai-trail-pocket{display:flex;gap:1rem;align-items:center;margin:1.2rem 0 0;padding:1rem 1.2rem;border:1px solid #e4d2e1;border-radius:22px;background:linear-gradient(110deg,#fef5fb,#f1f9fd)}.baibai-trail-pocket>span{display:grid;place-items:center;width:58px;flex:0 0 58px;aspect-ratio:1;border-radius:18px;background:#ffffffa8;color:#ac83a5;font-size:2.2rem}.baibai-trail-pocket>div{flex:1;min-width:0}.baibai-trail-pocket h3{font-size:.95rem;margin:0 0 .4rem;color:#8d6e8a}.baibai-trail-pocket p{font-size:.78rem;line-height:1.7;margin:0;color:#a48ca0}.baibai-trail-pocket small{display:block;margin-top:.5rem;color:#b08da3;font-size:.7rem}.baibai-trail-pocket .button{white-space:normal;text-align:center;font-size:.78rem;min-height:44px}
@media(max-width:900px){.baibai-loot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.baibai-bait-bar{gap:.85rem}.baibai-fishing-stages li{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.baibai-fishing-stages{gap:.2rem}.baibai-fishing-stages li{font-size:.57rem;padding:.45rem .15rem;line-height:1.5}.baibai-fishing-stages li>span{width:20px;flex-basis:20px;height:20px;font-size:.6rem}.baibai-bait-bar{align-items:flex-start;flex-direction:column;gap:.45rem;padding:.7rem .85rem}.baibai-bait-bar p{font-size:.65rem}.baibai-find-reveal{grid-template-columns:85px minmax(0,1fr);gap:.85rem;padding:1rem;border-radius:20px}.baibai-find-reveal-art{border-radius:18px}.baibai-find-reveal-art .baibai-loot-art{width:85px}.baibai-find-reveal h3{font-size:.96rem}.baibai-find-reveal p{font-size:.7rem}.baibai-find-reveal .eyebrow{font-size:.59rem}.baibai-find-reveal .button{font-size:.7rem;padding:.6rem .8rem;white-space:normal}.baibai-find-reveal a{font-size:.68rem;min-height:40px}.baibai-loot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.baibai-loot{border-radius:15px;padding:.35rem .3rem .6rem}.baibai-loot strong{font-size:.65rem}.baibai-loot small{font-size:.56rem}.baibai-album-heading h3{font-size:.93rem}.baibai-album-heading p{font-size:.69rem}.baibai-album-heading>strong{font-size:.78rem}.baibai-trail-pocket{flex-wrap:wrap;padding:1rem}.baibai-trail-pocket>span{width:46px;flex-basis:46px;font-size:1.8rem}.baibai-trail-pocket h3{font-size:.87rem}.baibai-trail-pocket p{font-size:.7rem}.baibai-trail-pocket .button{width:100%;font-size:.73rem}}
@media(prefers-reduced-motion:reduce){button.baibai-loot{transition:none}button.baibai-loot:not(:disabled):hover{transform:none}}

.baibai-riverside-anchor{display:block;height:0;scroll-margin-top:100px}
.universe-fishing .fishing-prompt{top:auto}

/* components/universe/feature-guide.css */
.feature-guide{margin:12px 0 24px;color:#806c87;max-width:100%}.feature-guide-intro{font-size:.95rem;line-height:1.8;max-width:740px;margin:0 0 14px}.feature-guide details{background:linear-gradient(120deg,#fffaf9,#f5f6fc);border:1px solid #e9dbe7;border-radius:18px;overflow:hidden}.feature-guide summary{min-height:44px;display:flex;gap:10px;align-items:center;padding:10px 17px;font-size:.82rem;cursor:pointer;list-style:none;color:#896080}.feature-guide summary::-webkit-details-marker{display:none}.feature-guide summary>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d9bed0;border-radius:50%;font-family:Georgia,serif}.feature-guide summary:after{content:'+';margin-left:auto;font-size:1.3rem;font-weight:300}.feature-guide details[open] summary:after{content:'−'}.feature-guide ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;list-style:none;padding:10px 22px 24px;margin:0}.feature-guide li{display:flex;align-items:flex-start;gap:12px;font-size:.8rem;line-height:1.8}.feature-guide li>b{flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f7e9ef;color:#a77e98;font:italic 1rem Georgia,serif}.feature-guide summary:focus-visible{outline:3px solid #9ec9e4;outline-offset:-4px}.play-route-heading{margin-top:28px;margin-bottom:22px}.play-route-heading h1{font:clamp(1.7rem,3vw,2.8rem)/1.2 Georgia,var(--font-display, Georgia),serif;color:#514361;letter-spacing:-.025em;margin-bottom:12px}.play-route-heading>.feature-guide{margin-bottom:0}.play-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.play-experience{border:1px solid #e7d5e2;border-radius:28px;overflow:hidden;background:#fffdfb;box-shadow:0 10px 38px #9765810c;min-width:0}.play-experience-cover{aspect-ratio:1.7;position:relative;overflow:hidden;background:#f8eef3}.play-experience-cover img{object-fit:cover;transition:transform .4s}.play-experience:hover .play-experience-cover img{transform:scale(1.025)}.play-experience:nth-child(3) .play-experience-cover img{object-fit:contain;padding:12px;background:linear-gradient(120deg,#edf5fa,#fff5f4)}.play-experience-copy{padding:23px 25px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.play-experience-copy>span{font:.7rem Georgia,serif;letter-spacing:.1em;color:#b48f9e}.play-experience-copy>h2{font:1.55rem/1.3 Georgia,var(--font-display, Georgia),serif;margin:0;color:#655372}.play-experience-copy>p{font-size:.88rem;line-height:1.85;margin:0;color:#8b7690}.play-experience-copy .button{margin-top:8px;font-size:.78rem;min-height:44px;white-space:normal;text-align:center}.baibai-quiet-link{display:flex;gap:16px;align-items:center;border:1px solid #e6d9e8;border-radius:22px;padding:14px 20px;background:linear-gradient(105deg,#f4f9fd,#fff8f7);color:#877088;margin-top:18px;margin-bottom:25px;text-decoration:none;font-size:.86rem;line-height:1.6}.baibai-quiet-link>img{width:60px;height:60px;object-fit:contain;flex-shrink:0}.baibai-quiet-link:hover{border-color:#c4aecb;box-shadow:0 7px 20px #937a9810}.brand-matching-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid #e6d5e4;background:linear-gradient(125deg,#fff9f6,#f0f5fc);border-radius:24px;margin:0 0 22px}.brand-matching-invite h2{font:1.45rem/1.4 Georgia,var(--font-display, Georgia),serif;margin:0 0 8px;color:#775978}.brand-matching-invite p{font-size:.85rem;line-height:1.8;color:#92738a;margin:0}.brand-matching-invite .button{flex-shrink:0;font-size:.78rem;white-space:normal;text-align:center;min-height:44px}.brand-next-steps{padding:22px 26px;border:1px solid #e9d8e4;border-radius:24px;background:#fffaf8;margin-top:20px}.brand-next-steps h3{font:1.35rem Georgia,var(--font-display, Georgia),serif;margin:0 0 16px;color:#7f5e78}.brand-next-steps ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.brand-next-steps li{display:flex;gap:13px;color:#937b90;font-size:.83rem;line-height:1.8}.brand-next-steps li>b{font:1.2rem Georgia,serif;color:#c39baa}.card-commerce-links{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px;margin-top:12px;border-top:1px solid #e8d8e4}.card-commerce-links a{font-size:.74rem;min-height:40px;display:inline-flex;align-items:center;gap:6px;color:#9f7795;text-underline-offset:4px}.game-ending-record{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto;padding:15px;border:1px solid #e9d3e3;border-radius:18px;background:#fff9fa}.game-ending-record span{font-size:.75rem;color:#99768e;line-height:1.7}.game-ending-record b{font-weight:500;color:#675170}.destiny-companion-art{position:absolute;right:16px;top:18px;width:34%;height:42%;border:1px solid #fff9;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #7a536630;z-index:3;background:#fff8f5}.destiny-companion-art .ip-art{height:100%;width:100%}.destiny-companion-art img{object-fit:cover}.destiny-character.has-companion .destiny-emblem-overlay{display:none}@media(max-width:700px){.feature-guide ol,.brand-next-steps ol{grid-template-columns:1fr}.feature-guide li{font-size:.79rem}.play-experience-grid{grid-template-columns:1fr}.play-experience-copy{padding:20px}.play-experience-cover{aspect-ratio:1.85}.brand-matching-invite{display:block;padding:20px}.brand-matching-invite .button{margin-top:16px}.baibai-quiet-link{padding:12px 16px;font-size:.8rem}.baibai-quiet-link>img{width:46px;height:46px}.destiny-companion-art{width:30%;right:13px;top:13px;height:45%;border-radius:15px}.game-ending-record{justify-content:flex-start;text-align:left}.play-route-heading{margin-top:20px}}@media(prefers-reduced-motion:reduce){.play-experience-cover img{transition:none}.play-experience:hover .play-experience-cover img{transform:none}}

/* components/universe/passport-experience.css */
.passport-exp-identity{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem;margin:1.6rem 0 1.8rem}
.passport-exp-destiny{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:1.8rem;padding:1.5rem;border:1px solid #e9d5e2;border-radius:26px;background:radial-gradient(ellipse at 12% 30%,#f8e4ee,transparent 55%),linear-gradient(120deg,#fffafd,#f1f7ff);overflow:hidden}
.passport-exp-destiny h3{margin:.7rem 0;font-size:clamp(1.25rem,2.6vw,1.85rem);line-height:1.35;color:#655878}.passport-exp-destiny p{max-width:570px;margin:0 0 1.1rem;color:#837286;font-size:.95rem;line-height:1.75}
.passport-exp-portrait{position:relative;aspect-ratio:4/5;border:1px solid #e2ccde;border-radius:40% 40% 22px 22px;background:linear-gradient(150deg,#fff,#f5e8f0 65%,#dce9f6);isolation:isolate;box-shadow:inset 0 0 0 7px #ffffffa1,0 12px 35px #ba8bad18}
.passport-exp-portrait img{object-fit:contain;padding:10px;border-radius:inherit}.passport-exp-portrait.is-revealed{background:#fffafc}.passport-exp-mystery-figure{position:absolute;inset:28% 20% 10%;background:linear-gradient(#c7b8ce,#ddd1df);border-radius:50% 50% 28% 28%;opacity:.7}.passport-exp-mystery-figure::before{content:"";position:absolute;left:27%;top:-24%;width:47%;aspect-ratio:1;border-radius:50%;background:#c7b8ce}.passport-exp-question{position:absolute;inset:0;display:grid;place-items:center;color:#fff;letter-spacing:.12em;font-size:2.4rem;font-family:Georgia,serif;text-shadow:0 2px 15px #9984ab}.passport-exp-portrait-seal{position:absolute;bottom:-9px;right:-8px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#fff8ee;border:1px solid #deba9a;color:#b68b69;font-size:1.8rem;box-shadow:0 3px 14px #b89a7b1c}
.passport-exp-text-link{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;color:#986780;font-weight:600;font-size:.87rem;text-decoration:none}.passport-exp-text-link:hover{color:#bf688e;text-decoration:underline;text-underline-offset:4px}
.passport-exp-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.passport-exp-section-head h3{font-size:1.08rem;color:#695572;margin:0}.passport-exp-section-head p{margin:.4rem 0 0;line-height:1.65;font-size:.85rem;color:#8d798c}.passport-exp-realms>.passport-exp-section-head{align-items:flex-start;flex-direction:column;gap:0}
.passport-exp-realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem}.passport-exp-realm{overflow:hidden;border:1px solid #e5d4e1;border-radius:19px;background:#fffdfd;text-decoration:none;transition:transform .2s,box-shadow .2s}.passport-exp-realm:hover{transform:translateY(-3px);box-shadow:0 8px 25px #b998b522}.passport-exp-realm-art{position:relative;aspect-ratio:2.1;overflow:hidden;background:#f8f1f4}.passport-exp-realm-art img{object-fit:cover;object-position:50% 37%}.passport-exp-realm-copy{padding:.8rem 1rem}.passport-exp-realm-copy h4{margin:0 0 .4rem;color:#6b5476;font-size:.92rem;overflow-wrap:anywhere}.passport-exp-realm-copy>span:first-of-type{display:flex;align-items:center;justify-content:space-between;gap:.35rem;color:#937f92;font-size:.75rem;line-height:1.4}.passport-exp-realm-copy strong{color:#755779;font-size:.85rem}.passport-exp-affinity-bar{display:block;height:4px;border-radius:9px;background:#f0e3eb;margin-top:.7rem;overflow:hidden}.passport-exp-affinity-bar>span{display:block;height:100%;background:linear-gradient(90deg,#eab2c7,#bbcfe9);border-radius:inherit}
.passport-exp-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.passport-exp-progress-grid>section{padding:1.3rem 1.45rem;min-width:0;border:1px solid #e6d5e1;border-radius:23px;background:#fffdfdd9}.passport-exp-progress-grid p,.passport-exp-ending-section>p{margin:.75rem 0;color:#8a758a;font-size:.84rem;line-height:1.7}.passport-exp-count{color:#9a6f8d;font-size:1.3rem;font-weight:600;white-space:nowrap}.passport-exp-count small{color:#b294a8;font-size:.8rem;font-weight:400}.passport-exp-progress-grid progress{appearance:none;display:block;width:100%;height:6px;border:0;border-radius:10px;background:#f2e4ed;overflow:hidden}.passport-exp-progress-grid progress::-webkit-progress-bar{background:#f2e4ed;border-radius:10px}.passport-exp-progress-grid progress::-webkit-progress-value{background:linear-gradient(90deg,#e9a9c0,#b9d1eb);border-radius:10px}.passport-exp-progress-grid progress::-moz-progress-bar{background:linear-gradient(90deg,#e9a9c0,#b9d1eb);border-radius:10px}
.passport-exp-card-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1rem 0 .4rem}.passport-exp-card-preview>a{position:relative;aspect-ratio:3/4;border-radius:10px;border:1px solid #e3d5e1;overflow:hidden;background:#f7f1f8;box-shadow:0 3px 10px #b89aab15;transition:transform .2s}.passport-exp-card-preview>a:hover{transform:translateY(-3px)}.passport-exp-card-preview>a img{object-fit:contain;padding:5px;opacity:.72}.passport-exp-card-preview>a.is-owned{border-color:#cf9cb7}.passport-exp-card-preview>a.is-owned img{opacity:1}.passport-exp-card-preview>a>span:first-child{position:absolute;inset:0;display:grid;place-items:center;color:#b597b0;font-size:2rem}.passport-exp-card-mark{position:absolute;bottom:5px;right:5px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ffffffd9;color:#a07899;font-size:.8rem;border:1px solid #e2cbdc}.passport-exp-map-constellation{position:relative;height:132px;margin:1rem 0 .3rem;border-radius:15px;background:radial-gradient(ellipse at 30% 40%,#e3edfa,transparent 50%),radial-gradient(ellipse at 77% 68%,#e1f1e9,transparent 55%),#fbf5f8;overflow:hidden}.passport-exp-map-constellation svg{width:100%;height:100%;fill:#fff;stroke:#c0b5d0;stroke-width:2}.passport-exp-map-constellation svg path{fill:none;stroke:#cbb9d3;stroke-dasharray:5 6}.passport-exp-map-constellation>span{position:absolute;color:#aa94b4;font-size:1.5rem}.passport-exp-map-constellation>span:nth-of-type(1){top:9%;left:11%}.passport-exp-map-constellation>span:nth-of-type(2){top:50%;left:53%}.passport-exp-map-constellation>span:nth-of-type(3){top:20%;right:9%}
.passport-exp-ending-section{margin:1.4rem 0 0;padding:1.3rem 1.45rem;border:1px solid #e9d9e5;border-radius:24px;background:#fffdfda1}.passport-exp-ending-section .eyebrow{display:block;margin-bottom:.5rem;font-size:.66rem}.passport-exp-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.passport-exp-badge{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.6rem;align-items:center;min-height:78px;padding:.7rem .85rem;border:1px solid #e8dce7;border-radius:16px;background:#fffafb;text-decoration:none;transition:border-color .2s,background .2s}.passport-exp-badge-emblem{grid-row:span 2;display:grid;place-items:center;width:42px;aspect-ratio:1;border:1px dashed #d9c5d8;border-radius:50%;background:#f7eff7;color:#b69fba;font-size:1.3rem}.passport-exp-badge strong{font-size:.75rem;line-height:1.4;color:#a189a1;font-weight:500;overflow-wrap:anywhere}.passport-exp-badge small{font-size:.64rem;color:#b3a0b4;margin-top:.25rem}.passport-exp-badge:hover{border-color:#cca9c3;background:#fff}.passport-exp-badge.is-earned{border-color:#d8b794;background:linear-gradient(115deg,#fff9ed,#fff3f6)}.passport-exp-badge.is-earned .passport-exp-badge-emblem{border:1px solid #d5b594;background:#fff4df;color:#b79262;box-shadow:0 0 0 3px #fffaf0}.passport-exp-badge.is-earned strong{color:#80607c}.passport-exp-badge.is-earned small{color:#af825d}
.passport-exp-next{display:flex;align-items:center;gap:1.2rem;margin:1.4rem 0 1.9rem;padding:1.1rem 1.35rem;border:1px solid #e8d5df;border-radius:24px;background:linear-gradient(120deg,#fff8ed,#fff4fb 65%,#edf6ff)}.passport-exp-companion-art{position:relative;width:100px;aspect-ratio:1;flex:0 0 100px;border-radius:18px;overflow:hidden}.passport-exp-companion-art img{object-fit:contain}.passport-exp-next>div:nth-child(2){flex:1;min-width:0}.passport-exp-next h3{font-size:.96rem;line-height:1.65;margin:.35rem 0;color:#7c607b}.passport-exp-next .button{flex:0 1 230px;text-align:center;min-height:44px;font-size:.83rem;padding:.75rem 1.1rem;white-space:normal}.passport-exp-shelf-heading{font-size:1.15rem;color:#6c5878;margin:0;scroll-margin-top:120px}
.universe-drop-experience a:focus-visible{outline:3px solid #accbe4;outline-offset:4px}.drop-exp-heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:3rem;padding-top:3rem;padding-bottom:3rem}.drop-exp-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,3.8vw,4rem);line-height:1.15;letter-spacing:-.025em;margin:1rem 0 1.3rem;color:#514460}.drop-exp-heading>div>p{max-width:660px;font-size:1rem;color:#8c7387;line-height:1.8}.drop-exp-heading-art{aspect-ratio:1.16;position:relative;overflow:hidden;border:1px solid #ebd6df;border-radius:34px;background:#fff9fa;box-shadow:0 20px 65px #ac879c16}.drop-exp-heading-art>.ip-art{height:100%;min-height:0;aspect-ratio:auto}.drop-exp-index{display:grid;gap:.65rem;margin-top:1.3rem}.drop-exp-index>a{display:flex;align-items:center;gap:.9rem;min-height:44px;text-decoration:none;font-size:.85rem;color:#8a6b85;line-height:1.5}.drop-exp-index>a>span{display:grid;place-items:center;flex:0 0 42px;height:34px;background:#f8eaf1;border:1px solid #edcfdf;border-radius:11px;font-variant-numeric:tabular-nums;color:#aa7796;font-size:.8rem}.drop-exp-index>a>b{font-weight:400;margin-left:auto;color:#b89baa}.drop-exp-index>a:hover{color:#b46890}
.drop-exp-series{display:grid;gap:2.3rem;padding-top:.5rem;padding-bottom:3rem}.drop-exp-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;padding:1.65rem;border:1px solid #e9d3dd;border-radius:32px;background:linear-gradient(140deg,#fffdfc,#fff7fc);box-shadow:0 15px 50px #9e798c12;scroll-margin-top:110px}.drop-state-lab{background:linear-gradient(140deg,#fffdfc,#f3f7ff)}.drop-state-development{background:linear-gradient(140deg,#fffdfc,#fff7ef)}.drop-exp-art{min-width:0}.drop-exp-main-art{display:block;position:relative;aspect-ratio:1.4;border:1px solid #e8d7de;border-radius:23px;overflow:hidden;background:#fffafc}.drop-exp-main-art img{transition:transform .45s}.drop-exp-main-art:hover img{transform:scale(1.025)}.drop-exp-number{position:absolute;top:.85rem;left:.85rem;display:grid;place-items:center;min-width:53px;padding:.6rem;border:1px solid #f2d9e1;border-radius:15px;background:#fffdfbe8;color:#a57a96;font-size:1.2rem;letter-spacing:.05em;font-family:Georgia,serif;box-shadow:0 4px 16px #ad859c1c}.drop-exp-caption{display:block;margin:.5rem .4rem .8rem;font-size:.69rem;color:#a1879c;line-height:1.5}.drop-exp-gallery{display:flex;gap:.75rem}.drop-exp-gallery>figure{flex:1;min-width:0;margin:0}.drop-exp-gallery>figure>div{position:relative;aspect-ratio:1.7;overflow:hidden;border:1px solid #e7d7df;border-radius:16px;background:#fffafc}.drop-exp-gallery .ip-art{width:100%;height:100%;min-height:0;aspect-ratio:auto;box-shadow:none;border-radius:inherit}.drop-exp-gallery img{object-fit:cover}.drop-exp-gallery figcaption{font-size:.65rem;color:#a1899d;line-height:1.5;margin:.45rem .3rem 0}.drop-exp-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:.15rem .2rem}.drop-exp-status{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.45rem .7rem;border:1px solid #ecd4df;border-radius:999px;background:#fff1f6;color:#a47490;font-size:.64rem;letter-spacing:.07em;line-height:1.5}.drop-state-active .drop-exp-status{color:#739582;border-color:#d5e3dc;background:#f1f8f3}.drop-state-development .drop-exp-status{color:#b49165;border-color:#e9d8bf;background:#fff8ed}.drop-exp-copy>.eyebrow{font-size:.66rem;letter-spacing:.08em;line-height:1.7}.drop-exp-copy>h2{margin:.7rem 0 1rem;font-size:clamp(1.35rem,2.1vw,2.1rem);line-height:1.3;color:#695571;overflow-wrap:anywhere}.drop-exp-copy>p{font-size:.91rem;color:#8a7186;line-height:1.85;margin:0 0 1.1rem}.drop-exp-story{align-self:stretch;background:#ffffff91;border:1px solid #ecdce4;border-radius:20px;padding:.95rem 1rem;margin:.2rem 0 1.25rem}.drop-exp-character{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#876580}.drop-exp-character-art{position:relative;flex:0 0 52px;width:52px;height:61px;border:1px solid #e6d2df;border-radius:12px;overflow:hidden;background:#fff9fb}.drop-exp-character-art img{object-fit:contain;padding:3px}.drop-exp-character>span:nth-child(2){min-width:0;flex:1}.drop-exp-character small{display:block;margin-bottom:.25rem;font-size:.63rem;color:#a58b9f}.drop-exp-character strong{font-size:.81rem;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.drop-exp-character>span:last-child{color:#b797ac}.drop-exp-story>p{margin:.9rem 0 0;color:#90758a;font-size:.79rem;line-height:1.8}.drop-exp-story .passport-exp-text-link{font-size:.72rem;margin-top:.15rem}.drop-exp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:auto;max-width:100%}.drop-exp-actions .button{white-space:normal;text-align:center;font-size:.74rem;min-height:44px;padding:.7rem 1rem}.drop-exp-actions .universe-collect-button{font-size:.72rem;min-height:44px;padding:.65rem .8rem}.drop-exp-notify{margin-top:1rem;padding-top:.6rem;display:grid;gap:.3rem;max-width:100%}.drop-exp-notify>a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;color:#98728c;font-size:.74rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.drop-exp-notify>small{font-size:.65rem;line-height:1.7;color:#a0879a;max-width:330px}.drop-exp-passport{display:flex;align-items:center;gap:1.5rem;margin-bottom:3.5rem;padding-top:1.5rem;padding-bottom:1.5rem;border-top:1px solid #ead2de}.drop-exp-passport>span{font-size:3rem;color:#c990af}.drop-exp-passport>div{flex:1;min-width:0}.drop-exp-passport h2{font-size:1.25rem;margin:0 0 .5rem;color:#775c79}.drop-exp-passport p{font-size:.87rem;line-height:1.7;color:#957c90;margin:0}.drop-exp-passport .button{font-size:.83rem;min-height:44px;white-space:normal;text-align:center}
@media(min-width:1100px){.passport-exp-identity{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:1.35rem}.passport-exp-destiny{grid-template-columns:130px minmax(0,1fr);gap:1.1rem;padding:1.3rem}.passport-exp-destiny h3{font-size:1.25rem}.passport-exp-destiny p{font-size:.82rem}.passport-exp-realms{align-self:center}.passport-exp-realm-art{aspect-ratio:1.3}.passport-exp-realm-copy{padding:.75rem}.passport-exp-realm-copy h4{font-size:.81rem}.passport-exp-realm-copy>span:first-of-type{font-size:.67rem}}
@media(max-width:800px){.drop-exp-heading{grid-template-columns:1fr;gap:1.7rem;padding-top:2rem}.drop-exp-heading-art{max-width:520px;width:100%;aspect-ratio:1.7}.drop-exp-card{grid-template-columns:1fr;gap:1.1rem;padding:1.25rem}.drop-exp-main-art{aspect-ratio:1.5}.drop-exp-copy{padding:.4rem .2rem}.drop-exp-copy>h2{font-size:1.65rem}.drop-exp-story{width:100%}.drop-exp-passport{flex-wrap:wrap;gap:1rem}.drop-exp-passport .button{margin-left:calc(3rem + 1rem)}}
@media(max-width:600px){.passport-exp-destiny{grid-template-columns:105px minmax(0,1fr);gap:1rem;padding:1.1rem}.passport-exp-destiny h3{font-size:1.05rem}.passport-exp-destiny p{font-size:.78rem;margin-bottom:.5rem}.passport-exp-destiny .eyebrow{font-size:.61rem}.passport-exp-text-link{font-size:.73rem}.passport-exp-question{font-size:1.65rem}.passport-exp-portrait-seal{width:31px;height:31px;font-size:1.2rem}.passport-exp-realm-grid{gap:.45rem}.passport-exp-realm-art{aspect-ratio:1.1}.passport-exp-realm-copy{padding:.6rem .55rem}.passport-exp-realm-copy h4{font-size:.74rem;min-height:2.4em;line-height:1.35}.passport-exp-realm-copy>span:first-of-type{font-size:.62rem;flex-wrap:wrap}.passport-exp-progress-grid{grid-template-columns:1fr;gap:.8rem}.passport-exp-progress-grid>section{padding:1.1rem}.passport-exp-section-head h3{font-size:.99rem}.passport-exp-section-head p{font-size:.77rem}.passport-exp-ending-section{padding:1.1rem}.passport-exp-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.passport-exp-badge{grid-template-columns:32px minmax(0,1fr);column-gap:.45rem;padding:.65rem .6rem;min-height:76px}.passport-exp-badge-emblem{width:32px;font-size:1rem}.passport-exp-badge strong{font-size:.67rem}.passport-exp-badge small{font-size:.58rem}.passport-exp-next{flex-wrap:wrap;gap:.75rem;padding:1rem}.passport-exp-companion-art{width:70px;flex-basis:70px}.passport-exp-next h3{font-size:.8rem}.passport-exp-next .eyebrow{font-size:.63rem}.passport-exp-next .button{flex:1 1 100%;margin-left:0;font-size:.78rem}.passport-exp-shelf-heading{font-size:1.02rem}.drop-exp-heading h1{font-size:2rem}.drop-exp-heading>div>p{font-size:.85rem}.drop-exp-heading .eyebrow{font-size:.68rem}.drop-exp-index>a{font-size:.76rem;gap:.6rem}.drop-exp-card{border-radius:24px;padding:1rem}.drop-exp-main-art{border-radius:18px;aspect-ratio:1.35}.drop-exp-copy>h2{font-size:1.4rem}.drop-exp-copy>p{font-size:.82rem}.drop-exp-gallery{gap:.5rem}.drop-exp-gallery figcaption{font-size:.6rem}.drop-exp-actions{width:100%;gap:.6rem}.drop-exp-actions .button{flex:1 1 100%;padding:.75rem 1rem}.drop-exp-actions .universe-collect-button{font-size:.73rem;max-width:100%}.drop-exp-notify>small{font-size:.64rem}.drop-exp-passport h2{font-size:1.1rem}.drop-exp-passport p{font-size:.8rem}.drop-exp-passport .button{margin-left:0;width:100%}.drop-exp-heading-art{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.passport-exp-realm,.passport-exp-card-preview>a,.passport-exp-badge,.drop-exp-main-art img{transition:none}.passport-exp-realm:hover,.passport-exp-card-preview>a:hover,.drop-exp-main-art:hover img{transform:none}}

/* Personal shelf, entirely scoped to the existing passport. */
.universe-passport{--shelf-tone:#fff0f6;--shelf-accent:#b17d9f;--shelf-glow:#f3deeb}.universe-passport.passport-theme-sky{--shelf-tone:#edf6ff;--shelf-accent:#789db7;--shelf-glow:#dce9f5}.universe-passport.passport-theme-jade{--shelf-tone:#edf8f0;--shelf-accent:#7aa18e;--shelf-glow:#dbeedf}.passport-my-shelf{margin:1.5rem 0;padding:1.45rem;border-radius:27px;border:1px solid #e7d4e2;background:radial-gradient(ellipse at 8% 2%,var(--shelf-glow),transparent 60%),linear-gradient(135deg,#fffefd,var(--shelf-tone));box-shadow:0 10px 35px #a5869b12}.passport-my-shelf>.passport-exp-section-head{align-items:flex-start}.passport-my-shelf .eyebrow{font-size:.62rem;line-height:1.8;letter-spacing:.1em}.passport-my-shelf h3{margin:.35rem 0 0;font-family:Georgia,serif;font-size:1.35rem;color:#7f617f;letter-spacing:.025em}.passport-my-shelf>p{font-size:.84rem;line-height:1.8;color:#988095;margin:.65rem 0 1.2rem}.passport-shelf-earned{display:flex;align-items:center;gap:.45rem;max-width:200px;color:#a7865f;font-size:.66rem;line-height:1.5;background:#fff8e9;border:1px solid #e2d0b5;border-radius:12px;padding:.5rem .6rem}.passport-shelf-earned>span{font-size:1.2rem}.passport-shelf-display{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;align-items:center}.passport-shelf-cards{display:flex;gap:.75rem;align-items:flex-start;justify-content:center;min-height:215px;padding:1.5rem 0 1.3rem;border-bottom:8px solid #e4d1da;border-radius:0 0 8px 8px;box-shadow:0 8px 11px -8px #8c6b8f77}.passport-shelf-cards>a{flex:1;min-width:0;max-width:135px;text-decoration:none;text-align:center;color:#8e6b88}.passport-shelf-cards>a>div{position:relative;aspect-ratio:3/4;border:1px solid #d7bccf;border-radius:10px;background:#fffdfa;box-shadow:0 8px 20px #a78f9e22}.passport-shelf-cards>a>div img{object-fit:contain;padding:5px}.passport-shelf-cards>a>div>span{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem}.passport-shelf-cards>a strong{display:block;font-size:.72rem;line-height:1.5;font-weight:500;margin:.6rem 0 .2rem;overflow-wrap:anywhere}.passport-shelf-cards>a small{color:#b18c67;font-size:.59rem;line-height:1.4}.passport-shelf-cards>a.is-representative>div{border-color:#cba66e;box-shadow:0 0 0 3px #fff8e4,0 10px 25px #a388641a}.passport-shelf-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:240px;min-height:200px}.passport-shelf-card-empty>span{font-size:2.7rem;color:#ba9bb7}.passport-shelf-card-empty p{font-size:.81rem;color:#a28a9e;line-height:1.7}.passport-shelf-card-empty a{color:#9d7493;font-size:.78rem;min-height:44px;display:flex;align-items:center}.passport-shelf-small-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-items:start}.passport-shelf-small-grid article{min-width:0;text-align:center}.passport-shelf-caption{display:block;min-height:2.8em;color:#a98b9d;font-size:.61rem;line-height:1.4}.passport-shelf-small-grid a{text-decoration:none;color:#94708e}.passport-shelf-small-art{position:relative;aspect-ratio:1;max-width:100px;width:100%;margin:.4rem auto .55rem;border-radius:22px;border:1px solid #e3d2df;background:#ffffff9e;overflow:hidden}.passport-shelf-small-art img{object-fit:contain;padding:5px}.passport-shelf-small-art>span{position:absolute;inset:0;display:grid;place-items:center;color:#b79ab2;font-size:1.8rem}.passport-shelf-small-art .baibai-loot-art{height:100%;max-height:none}.passport-shelf-small-art.is-unknown{border-style:dashed;background:#faf5fb}.passport-shelf-small-grid strong{display:block;font-size:.64rem;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.passport-shelf-small-grid p{font-size:.6rem;line-height:1.7;color:#a48f9d;margin:0}
.passport-style-picker{margin-top:1.3rem;border-top:1px solid #e6d6e1;padding-top:1rem}.passport-style-picker summary{display:flex;justify-content:space-between;align-items:center;gap:.7rem;min-height:44px;cursor:pointer;color:#9c7492;font-size:.83rem;list-style:none}.passport-style-picker summary::-webkit-details-marker{display:none}.passport-style-picker>p{font-size:.75rem;color:#a48b9d;line-height:1.8;margin:.5rem 0 1rem}.passport-style-picker fieldset{border:0;padding:0;margin:0 0 1rem;min-width:0}.passport-style-picker legend{font-size:.72rem;color:#947c92;margin-bottom:.6rem}.passport-style-moods{display:flex;flex-wrap:wrap;gap:.55rem}.passport-style-moods button{padding:.6rem .9rem;border:1px solid #d9c9d9;border-radius:12px;color:#8c748d;font:inherit;font-size:.72rem;min-height:44px;cursor:pointer}.passport-style-moods .mood-sakura{background:#fff0f5}.passport-style-moods .mood-sky{background:#edf6ff}.passport-style-moods .mood-jade{background:#edf8f0}.passport-style-moods button[aria-pressed=true]{box-shadow:0 0 0 2px var(--shelf-accent);border-color:#fff}.passport-style-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.passport-style-fields label{display:grid;gap:.45rem;color:#947c92;font-size:.71rem;min-width:0}.passport-style-fields select{min-width:0;width:100%;height:44px;background:#fffdfd;border:1px solid #dcc9d9;border-radius:11px;padding:.5rem .6rem;color:#8e7189;font:inherit;font-size:.75rem}.passport-style-fields select:disabled{opacity:.6}.passport-style-card-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-height:330px;overflow-y:auto;padding:3px}.passport-style-card-picker button{display:flex;align-items:center;gap:.5rem;min-height:56px;min-width:0;padding:.5rem;border:1px solid #e4d5e0;border-radius:12px;background:#fffdfd;color:#9e7e98;font:inherit;text-align:left;cursor:pointer}.passport-style-card-picker button>span:first-child{position:relative;width:32px;height:41px;flex:0 0 32px;border-radius:5px;overflow:hidden;background:#f7edf4}.passport-style-card-picker img{object-fit:contain}.passport-style-card-picker strong{font-size:.67rem;font-weight:500;line-height:1.5;flex:1;min-width:0;overflow-wrap:anywhere}.passport-style-card-picker button>span:last-child{font-size:.8rem}.passport-style-card-picker button[aria-pressed=true]{background:var(--shelf-tone);border-color:var(--shelf-accent)}.passport-style-card-picker button:disabled{opacity:.48;cursor:default}
.passport-trial-summary{display:grid;grid-template-columns:140px minmax(0,1fr);gap:1.6rem;align-items:center;padding:1.3rem 1.5rem;margin:1.5rem 0;background:linear-gradient(125deg,#f7eef8,#eff5ff);border:1px solid #e0cfe5;border-radius:25px}.passport-trial-art{position:relative;aspect-ratio:1}.passport-trial-art img{object-fit:contain}.passport-trial-summary h3{font-size:1.12rem;color:#7d627d;margin:0}.passport-trial-summary p{font-size:.8rem;line-height:1.8;color:#998199;margin:.6rem 0}.passport-trial-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1rem 0}.passport-trial-summary dl>div{background:#ffffff99;border:1px solid #e7d9e8;border-radius:12px;padding:.65rem .6rem}.passport-trial-summary dt{font-size:.64rem;line-height:1.5;color:#a68ba5}.passport-trial-summary dd{font-size:1.1rem;color:#92718d;margin:.35rem 0 0}.passport-trial-archives{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.68rem;color:#a1869f;line-height:1.8}.passport-trial-archives a{color:#9b7593;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
.passport-discovery-album{scroll-margin-top:120px;margin:1.5rem 0;padding:1.3rem 1.45rem;border:1px solid #e6d4e0;border-radius:25px;background:#fffdfbd9}.passport-discovery-album>.passport-exp-section-head{align-items:flex-start}.passport-discovery-album .baibai-loot-grid{margin-top:1rem}.passport-today{display:flex;gap:1.2rem;align-items:center;margin:1.5rem 0 2rem;padding:1.1rem 1.3rem;border:1px solid #e7d5de;border-radius:23px;background:linear-gradient(120deg,#fff8ed,#fff4f9)}.passport-today>span{font-size:2.3rem;color:#ca9ab1}.passport-today>div{flex:1;min-width:0}.passport-today h3{font-size:.97rem;margin:0 0 .4rem;color:#8d6a82}.passport-today p{font-size:.76rem;line-height:1.7;margin:0;color:#a3879b}.passport-today .button{font-size:.75rem;min-height:44px;white-space:normal;text-align:center;flex:0 1 220px}.universe-passport :is(button,select,summary,a):focus-visible{outline:3px solid #bbd3e7;outline-offset:3px}
@media(max-width:1050px){.passport-shelf-display{grid-template-columns:1fr;gap:1.6rem}.passport-shelf-cards{width:100%;max-width:490px;margin:auto}.passport-shelf-small-grid{max-width:530px;width:100%;margin:auto}.passport-style-card-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.passport-my-shelf{padding:1rem;border-radius:23px}.passport-my-shelf h3{font-size:1.2rem}.passport-my-shelf>p{font-size:.75rem}.passport-my-shelf>.passport-exp-section-head{flex-wrap:wrap;gap:.6rem}.passport-shelf-earned{max-width:none;font-size:.61rem}.passport-shelf-cards{gap:.55rem;min-height:190px;padding-top:.8rem}.passport-shelf-cards>a strong{font-size:.63rem}.passport-shelf-cards>a small{font-size:.53rem}.passport-shelf-small-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .8rem}.passport-shelf-caption{font-size:.65rem;min-height:auto}.passport-shelf-small-art{max-width:90px}.passport-shelf-small-grid strong{font-size:.7rem}.passport-shelf-small-grid p{font-size:.65rem;max-width:145px;margin:auto}.passport-style-fields{grid-template-columns:1fr;gap:.8rem}.passport-style-fields label{font-size:.7rem}.passport-style-card-picker>div{grid-template-columns:1fr}.passport-style-card-picker strong{font-size:.72rem}.passport-style-moods button{font-size:.67rem;padding:.6rem .7rem}.passport-trial-summary{grid-template-columns:70px minmax(0,1fr);align-items:start;padding:1rem;gap:.75rem}.passport-trial-summary h3{font-size:.96rem}.passport-trial-summary p{font-size:.7rem}.passport-trial-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.passport-trial-summary dt{font-size:.6rem}.passport-trial-summary dd{font-size:.98rem}.passport-trial-archives{font-size:.63rem}.passport-discovery-album{padding:1rem}.passport-discovery-album .passport-exp-section-head p{font-size:.69rem}.passport-today{flex-wrap:wrap;gap:.75rem;padding:1rem}.passport-today>span{font-size:1.8rem}.passport-today h3{font-size:.86rem}.passport-today p{font-size:.7rem}.passport-today .button{flex:1 1 100%;font-size:.73rem}}

.passport-decoration-preview{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;padding:.8rem;border:1px solid #e6d8e1;border-radius:15px;background:#ffffff8f}.passport-decoration-preview>div{position:relative;width:60px;height:60px;flex:0 0 60px;border-radius:13px;overflow:hidden;background:#fff}.passport-decoration-preview img{object-fit:contain}.passport-decoration-preview strong{color:#987a92;font-size:.72rem;font-weight:500;line-height:1.6}.passport-decoration-preview p{font-size:.66rem;color:#aa91a3;line-height:1.7;margin:.25rem 0 0}

.passport-representative-preview{display:flex;align-items:center;gap:.75rem;margin-bottom:.7rem;padding:.75rem .85rem;background:#fffaf0;border:1px solid #e9d9bd;border-radius:15px;color:#9a7d69;text-decoration:none}.passport-representative-preview>span:first-child{position:relative;width:48px;height:62px;flex:0 0 48px;overflow:hidden;border:1px solid #e1cdaa;border-radius:8px;background:#fffdf8}.passport-representative-preview img{object-fit:contain;padding:3px}.passport-representative-preview>span:first-child>b{position:absolute;inset:0;display:grid;place-items:center}.passport-representative-preview>span:nth-child(2){flex:1;min-width:0}.passport-representative-preview small{display:block;color:#b19579;font-size:.61rem;line-height:1.7}.passport-representative-preview strong{font-size:.74rem;font-weight:500;line-height:1.7}.passport-representative-preview>b{font-weight:400}

/* components/universe/trial.css */

.three-realms-trial{--trial-pink:#c588a2;--trial-blue:#88b8d0;--trial-ink:#34435c;--trial-muted:#7a889a;--trial-line:#e8dce5;min-width:0}.three-realms-trial button,.three-realms-trial input{font:inherit}.three-realms-trial button{cursor:pointer}.three-realms-trial button:disabled{cursor:default}.three-realms-trial :focus-visible{outline:3px solid #95bfd9;outline-offset:4px}.trial-heading{max-width:760px;margin-bottom:26px}.trial-heading h2{font:clamp(1.85rem,3vw,2.7rem)/1.25 var(--font-display, Georgia),Georgia,serif;margin:12px 0}.trial-heading>p{font-size:1rem;line-height:1.85;color:var(--trial-muted)}.trial-resources{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:18px 23px;background:linear-gradient(120deg,#fff8fb,#f0f7fb);border:1px solid var(--trial-line);border-radius:23px;margin:24px 0}.trial-resources>span{display:flex;flex-direction:column;gap:5px;font-size:.7rem;color:var(--trial-muted)}.trial-resources b{font:1.35rem Georgia,serif;color:#96748c}.trial-resources>a{margin-left:auto;color:#97748a;font-size:.8rem}.trial-cycle{border:1px solid #e6d8e3;border-radius:20px;padding:19px 23px;background:#fcf8fd;margin:24px 0}.trial-cycle>strong{font-size:1.05rem;color:#927594;letter-spacing:.04em}.trial-cycle>p{font-size:.83rem;color:var(--trial-muted);line-height:1.75;margin:9px 0 0}.trial-stage-picker h3,.trial-builder-title h3{font:1.6rem var(--font-display, Georgia),Georgia,serif;margin:0 0 16px}.trial-stage-picker>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.trial-stage-picker button{border:1px solid #e3d7e2;background:#fffbfc;border-radius:17px;padding:15px 13px;display:flex;flex-direction:column;gap:9px;text-align:left;min-width:0;color:var(--trial-ink);transition:transform .2s,border-color .2s,box-shadow .2s}.trial-stage-picker button:hover{transform:translateY(-2px);border-color:#d3b5c8}.trial-stage-picker button.is-selected{border-color:#c08aa5;box-shadow:0 0 0 1px #c08aa5;background:#fff0f7}.trial-stage-picker button.tier-elite{background:#f4f2fb}.trial-stage-picker button.tier-boss{background:#fff5eb;border-color:#e4c9ae}.trial-stage-picker button.tier-boss.is-selected{border-color:#c59874;box-shadow:0 0 0 1px #c59874}.trial-stage-picker button>span{font-size:.61rem;color:#aa8da2;line-height:1.5}.trial-stage-picker button>strong{font-size:.83rem;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.trial-stage-picker button>small{font-size:.62rem;color:#82939d;margin-top:auto}.trial-stage-focus{border:1px solid #e5d9e2;border-radius:24px;padding:25px 28px;margin:25px 0 36px;background:radial-gradient(circle at 95% 20%,#e7f3fba6,transparent 65%),linear-gradient(125deg,#fff8fa,#fffbf5)}.trial-stage-focus h3{font:1.55rem var(--font-display, Georgia),Georgia,serif;margin:12px 0}.trial-stage-focus p{font-size:.91rem;line-height:1.75;color:var(--trial-muted);max-width:750px}.trial-stage-focus>span:last-child{display:block;color:#96728c;font-size:.81rem;line-height:1.7}.trial-stage-focus b{font-weight:600;margin-left:6px}.trial-builder-title{display:flex;align-items:flex-start;gap:24px;margin-bottom:25px}.trial-builder-title>div{flex:1;min-width:0}.trial-builder-title p{max-width:720px;line-height:1.75;color:var(--trial-muted);font-size:.87rem;margin:0}.trial-builder-title .button{flex-shrink:0;font-size:.8rem}.trial-role-group{margin:25px 0 32px}.trial-role-group h4{font-size:1rem;margin:0 0 16px;font-weight:500}.trial-role-group h4>span{font-size:.77rem;margin-left:12px;color:#a7849b}.trial-card-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.trial-select-card{position:relative;border:1px solid #e7d9e3;border-radius:20px;background:#fffcfb;padding:0;color:inherit;text-align:left;overflow:hidden;min-width:0;box-shadow:0 5px 20px #8b6c8c0a;transition:border-color .2s,transform .2s,box-shadow .2s}.trial-select-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #8b6c8c16}.trial-select-card.is-selected{border-color:#c596b0;box-shadow:0 0 0 2px #c596b0,0 10px 30px #98668712}.trial-select-card>.universe-card-art{border:0;aspect-ratio:4/4.8}.trial-card-selection{position:absolute;top:10px;right:10px;z-index:6;display:grid;place-items:center;background:#fffdf7e8;border:1px solid #ffffffcc;border-radius:50%;height:29px;width:29px;font-size:1rem;color:#a18da2}.trial-select-card.is-selected .trial-card-selection{background:#ba83a0;border-color:#fff9;color:#fff}.trial-card-info{padding:14px 12px;min-width:0}.trial-card-info>strong{display:block;font:1rem/1.3 Georgia,var(--font-display, Georgia),serif;overflow-wrap:anywhere}.trial-card-info>small{display:block;color:#987c92;font-size:.61rem;line-height:1.5;margin:8px 0 10px}.trial-card-info dl{display:flex;justify-content:space-between;gap:5px;margin:10px 0}.trial-card-info dl>div{display:flex;flex-direction:column;gap:4px;min-width:0}.trial-card-info dt{font-size:.53rem;color:#a89aae;line-height:1.3;overflow-wrap:anywhere}.trial-card-info dd{font:1rem Georgia,serif;margin:0;color:#74718b}.trial-card-info>span{display:block;font-size:.62rem;line-height:1.55;color:#8b7b94;margin-top:5px;overflow-wrap:anywhere}.trial-start-panel{padding:27px;border:1px solid #e6d8e3;border-radius:27px;background:linear-gradient(135deg,#fff7fa,#f1f7fc);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:35px;margin:25px 0}.trial-start-panel fieldset{border:0;padding:0;margin:0;min-width:0}.trial-start-panel legend{font-size:.83rem;margin-bottom:12px;color:#94748b}.trial-start-panel label{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #e4d9e4;background:#fffdfbcc;border-radius:15px;cursor:pointer;margin-top:10px}.trial-start-panel label.is-selected{border-color:#cfabc0;background:#fff0f6}.trial-start-panel input{accent-color:#b47f9a;flex-shrink:0;width:17px;height:17px}.trial-start-panel label strong{font-size:.92rem;font-weight:500}.trial-start-panel label small{display:block;color:#8e8195;font-size:.73rem;line-height:1.6;margin-top:4px}.trial-start-panel>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center}.trial-start-panel>div>span{font-size:.76rem;color:#997a91}.trial-start-panel>div>small{font-size:.71rem;color:#8f95a3;line-height:1.6}.trial-start-panel .button{width:100%;max-width:280px;white-space:normal}.trial-save-note{font-size:.77rem;line-height:1.75;color:#97a0ad;margin:22px 0}.trial-text-button{border:0;background:none;color:#a18196;font-size:.8rem;padding:10px;text-decoration:underline;text-underline-offset:5px}.trial-battle-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.trial-battle-top>div{flex:1;min-width:0}.trial-battle-top h3{font:1.45rem Georgia,var(--font-display, Georgia),serif;margin:9px 0}.trial-battle-top>span{font-size:.8rem;color:#9c899b}.trial-arena{position:relative;border:1px solid #e1dce8;border-radius:30px;background:radial-gradient(ellipse at 70% 20%,#e8f3fb,#f9f0f8 60%,#fff8f3);padding:30px;min-height:540px;overflow:hidden;isolation:isolate}.trial-arena-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}.trial-arena-backdrop i{position:absolute;width:70%;aspect-ratio:1;border:1px solid #cddbea66;border-radius:50%;left:15%;top:-35%}.trial-arena-backdrop i:nth-child(2){width:90%;left:5%;top:-44%}.trial-arena-backdrop i:nth-child(3){width:45%;left:28%;top:-18%}.trial-arena-backdrop>span{position:absolute;color:#d1bbcd;font:2.2rem Georgia;left:13%;top:15%}.trial-enemy{position:relative;width:230px;margin:0 7% 24px auto;text-align:center;z-index:1}.trial-enemy>span{display:block;font-size:.68rem;color:#9a8197;margin-bottom:9px}.trial-enemy-art{position:relative;border:1px solid #ccb8ce;border-radius:50% 50% 25px 25px;aspect-ratio:4/4.3;overflow:hidden;background:radial-gradient(circle,#fffaf1,#e4dcef);box-shadow:0 9px 30px #81718f1d}.trial-projection-art{position:absolute!important;inset:0;height:100%!important;filter:saturate(.85)}.trial-projection-art img{object-fit:cover}.trial-enemy-pattern{height:100%;width:100%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,transparent,transparent 25px,#ffffff33 25px,#ffffff33 27px)}.trial-enemy-pattern>span{font:6rem Georgia,serif;color:#ae90b5}.trial-enemy-pattern i{position:absolute;inset:22px;border-radius:50%;border:1px solid #bda5c055}.trial-enemy-pattern i:last-child{inset:35px}.trial-projection-seal{position:absolute;bottom:12px;left:10px;right:10px;border:1px solid #fff9;background:#fff7f3cc;padding:6px;border-radius:999px;font-size:.6rem;color:#9b7b92}.trial-enemy>strong{display:block;font:1rem/1.3 Georgia,var(--font-display, Georgia),serif;margin:12px 0 8px;overflow-wrap:anywhere}.trial-enemy>small{display:block;font-size:.65rem;color:#9c8ea1;margin-top:5px}.three-realms-trial progress{appearance:none;border:0;border-radius:9px;height:7px;background:#e4dce7;overflow:hidden;width:100%;display:block}.three-realms-trial progress::-webkit-progress-bar{background:#e4dce7}.trial-enemy progress::-webkit-progress-value{background:linear-gradient(90deg,#d8a9bd,#b898c2)}.trial-enemy progress::-moz-progress-bar{background:#c499b4}.trial-party-life progress::-webkit-progress-value{background:linear-gradient(90deg,#a6d4c8,#9fc9df)}.trial-party-life progress::-moz-progress-bar{background:#a2ccc9}.trial-party{position:relative;max-width:720px;margin:0 8% 0 0;z-index:1}.trial-party-life{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0 0 15px;font-size:.75rem;color:#859396}.trial-party-life b{font-weight:500;margin-left:6px;color:#71879a}.trial-party-life progress{flex-basis:100%;margin-top:4px}.trial-party-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.trial-party-card{position:relative;min-width:0}.trial-party-card>.universe-card-art{border-radius:17px;box-shadow:0 8px 22px #87718a25}.trial-party-card.role-support{transform:translateY(13px)}.trial-party-card>small{display:block;text-align:center;font-size:.61rem;color:#9d88a0;margin:10px 0}.trial-effect-number{position:absolute;top:22%;left:50%;z-index:6;transform:translateX(-50%);font:bold 1.9rem Georgia,serif;color:#937599;text-shadow:0 2px 8px #fff,0 0 2px #fff;animation:trial-impact-number 1.8s ease-out forwards;pointer-events:none}.trial-effect-number.effect-heal{color:#679f88}.trial-effect-number.effect-shield{color:#6f99b5}.trial-effect-number.effect-burst{color:#c09061}.trial-effects{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.trial-energy-beam{fill:none;stroke:#e5bdd0;stroke-width:4;stroke-dasharray:180 900;stroke-linecap:round;animation:trial-energy .9s ease-out forwards;opacity:0}.trial-heal-wave{fill:none;stroke:#a6d2bf;stroke-width:5;opacity:0;animation:trial-healing 1.5s ease-out forwards}.trial-shield-ring{fill:none;stroke:#b7d6e8;stroke-width:3;opacity:0;animation:trial-healing 1.3s ease-out forwards}.trial-current-feedback{font-size:.76rem;line-height:1.65;color:#95a1ae;margin:13px 0;text-align:center}.trial-choice{border:1px solid #d4b2c7;border-radius:24px;padding:24px 27px;background:radial-gradient(circle at 90% 20%,#e7f3fc99,transparent 50%),linear-gradient(135deg,#fff4f8,#fffdf7);box-shadow:0 10px 35px #a1829c10;margin:18px 0}.trial-choice h3{font:1.5rem var(--font-display, Georgia),Georgia,serif;margin:10px 0}.trial-choice p{line-height:1.75;font-size:.87rem;color:var(--trial-muted)}.trial-choice>div:not(.trial-action-meter){display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.trial-choice button{padding:16px;border:1px solid #dabdcd;background:#fffdfaf2;border-radius:18px;text-align:left;color:#8b6c83;min-height:85px;transition:background .2s,transform .2s}.trial-choice button:hover{transform:translateY(-2px);background:#fff0f5}.trial-choice button>strong{font-size:.94rem;font-weight:500;display:block;line-height:1.5}.trial-choice button>small{display:block;margin-top:7px;font-size:.75rem;line-height:1.6;color:#98909b}.trial-choice>small{font-size:.71rem;line-height:1.75;color:#9e8e9d;display:block}.trial-action-meter{height:4px;border-radius:5px;background:#eee5ee;overflow:hidden;margin-top:15px}.trial-action-meter>i{display:block;height:100%;background:linear-gradient(90deg,#dab0c6,#acd0e6);transform-origin:left;animation:trial-meter 6s linear forwards}.trial-action-meter.choice-meter>i{animation-duration:12s}.trial-auto{background:#f6f8fc;border:1px solid #e1e7ee;border-radius:17px;padding:16px 20px;margin:20px 0;color:#91a0af;text-align:center;font-size:.79rem}.trial-log{margin:22px 0;border:1px solid #e5dce6;border-radius:20px;background:#fffafd;padding:17px 20px}.trial-log summary{font-size:.81rem;color:#9b8296;cursor:pointer}.trial-log ol{padding:0;list-style:none}.trial-log li{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f0e8ee;font-size:.75rem;color:#9c92a2}.trial-log li>small{display:grid;place-items:center;width:22px;height:22px;background:#f1ecf5;border-radius:50%;font-size:.65rem}.trial-log li>span:first-of-type{font-size:.7rem;flex:1;min-width:60px;overflow-wrap:anywhere}.trial-log li>b{font-weight:500;color:#9c738f}.trial-log .log-heal>b{color:#729f8b}.trial-log .log-shield>b{color:#839fb8}.trial-outcome-card{text-align:center;max-width:800px;padding:35px;margin:28px auto;border:1px solid #dcc4d5;border-radius:32px;background:radial-gradient(circle at 50% 10%,#f7e5f080,transparent 55%),linear-gradient(140deg,#fff9f7,#eef7fc);box-shadow:0 13px 45px #937f9b15}.trial-outcome-symbol{display:block;font:4rem Georgia,serif;color:#bd9b71;margin-bottom:10px}.trial-outcome-card h2{font:clamp(1.8rem,4vw,3rem)/1.2 var(--font-display, Georgia),Georgia,serif;margin:15px 0}.trial-outcome-card h2:focus{outline:0}.trial-outcome-card>p{font-size:.96rem;color:#8b8295;line-height:1.8;max-width:580px;margin:16px auto}.trial-outcome-card h3{font-size:.9rem;color:#9c8095;margin:25px 0 15px;font-weight:500}.trial-awards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.trial-awards>span{border:1px solid #e0cbd9;background:#fff9f4;border-radius:999px;padding:10px 15px;color:#9b7d90;font-size:.8rem}.trial-outcome-card>small{display:block;font-size:.72rem;line-height:1.6;color:#a1a1ae;margin:22px 0}.trial-result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:25px 0 0}.trial-result-actions .button{font-size:.83rem;white-space:normal}.is-retry .trial-outcome-symbol{color:#9dafb2}.is-retry .trial-outcome-card{border-color:#d4e2e6;background:linear-gradient(140deg,#fcfaf5,#eff9f5)}
@keyframes trial-meter{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes trial-energy{0%{stroke-dashoffset:700;opacity:0}25%{opacity:.8}100%{stroke-dashoffset:-550;opacity:0}}@keyframes trial-healing{0%{opacity:0}30%{opacity:.6}100%{opacity:0}}@keyframes trial-impact-number{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-23px)}}
@media(max-width:1000px){.trial-card-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.trial-stage-picker>div{grid-template-columns:repeat(4,minmax(0,1fr))}.trial-arena{padding:25px}.trial-enemy{width:210px;margin-right:5%}.trial-party{margin-right:0}.trial-party-cards{gap:12px}}
@media(max-width:700px){.trial-card-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trial-stage-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}.trial-builder-title{flex-direction:column;gap:17px}.trial-start-panel{gap:22px;padding:22px}.trial-arena{padding:20px;min-height:510px}.trial-enemy{width:185px;margin:0 3% 28px auto}.trial-party-cards{gap:8px}.trial-party-card .card-front-name strong{font-size:.6rem}.trial-party-card .card-front-name small{font-size:.43rem}.trial-party-card .card-front-name>span{font-size:.3rem}.trial-party-card .card-front-rarity{display:none}.trial-party-card .universe-card-number{font-size:.4rem;padding:3px 4px;left:7px;top:7px}.trial-party-card .card-front-ornament{display:none}.trial-stage-focus{padding:23px}.trial-battle-top{flex-wrap:wrap}.trial-battle-top h3{font-size:1.25rem}.trial-battle-top .eyebrow{font-size:.61rem}}
@media(max-width:480px){.trial-heading h2{font-size:1.85rem}.trial-heading>p{font-size:.91rem}.trial-resources{gap:15px;padding:16px 18px}.trial-resources>span{font-size:.62rem}.trial-resources b{font-size:1.2rem}.trial-resources>a{flex-basis:100%;margin:0;font-size:.74rem}.trial-cycle{padding:16px 18px}.trial-cycle>strong{font-size:.9rem;letter-spacing:0}.trial-cycle>p{font-size:.77rem}.trial-stage-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trial-stage-picker button{padding:13px}.trial-stage-picker button>strong{font-size:.79rem}.trial-stage-picker button>small{font-size:.59rem}.trial-stage-picker h3,.trial-builder-title h3{font-size:1.4rem}.trial-stage-focus{padding:20px;margin:22px 0 30px}.trial-stage-focus h3{font-size:1.3rem}.trial-stage-focus p{font-size:.82rem}.trial-stage-focus>span:last-child{font-size:.72rem}.trial-builder-title p{font-size:.79rem}.trial-card-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trial-select-card{border-radius:17px}.trial-card-info{padding:13px 11px}.trial-card-info>strong{font-size:.92rem}.trial-card-info>small{font-size:.59rem}.trial-card-info dt{font-size:.57rem}.trial-card-info dd{font-size:1rem}.trial-card-info>span{font-size:.64rem}.trial-card-selection{width:26px;height:26px;right:8px;top:8px}.trial-start-panel{display:block;padding:20px;border-radius:23px}.trial-start-panel>div{margin-top:25px;gap:14px}.trial-start-panel label small{font-size:.72rem}.trial-battle-top{gap:9px}.trial-battle-top>div{flex-basis:100%}.trial-battle-top>span{font-size:.72rem}.trial-battle-top>.trial-text-button{margin-left:auto;font-size:.73rem;padding:10px 0}.trial-arena{padding:16px;border-radius:25px;min-height:480px}.trial-enemy{width:145px;margin:0 0 20px auto}.trial-enemy>span{font-size:.6rem}.trial-enemy>strong{font-size:.87rem}.trial-enemy-art{border-radius:48% 48% 20px 20px}.trial-enemy-pattern>span{font-size:4rem}.trial-projection-seal{font-size:.5rem;bottom:8px;padding:5px}.trial-party-life{font-size:.67rem;gap:8px 15px}.trial-party-cards{gap:7px}.trial-party-card>.universe-card-art{aspect-ratio:3/5;border-radius:10px}.trial-party-card .card-front-name{padding:20px 3px 8px}.trial-party-card .card-front-name strong{font-size:.51rem;line-height:1.2}.trial-party-card .card-front-name small{display:none}.trial-party-card .card-front-name>span{font-size:.25rem;letter-spacing:0}.trial-party-card .universe-card-number{font-size:.34rem;left:4px;top:5px;padding:2px 3px}.trial-party-card .universe-card-art:before{inset:4px;border-radius:7px;outline:0}.trial-party-card>small{font-size:.57rem}.trial-effect-number{font-size:1.35rem;top:18%}.trial-choice{padding:20px;border-radius:22px}.trial-choice h3{font-size:1.3rem}.trial-choice p{font-size:.82rem}.trial-choice>div:not(.trial-action-meter){gap:10px}.trial-choice button{padding:13px 11px;min-height:98px}.trial-choice button>strong{font-size:.86rem}.trial-choice button>small{font-size:.7rem}.trial-choice>small{font-size:.67rem}.trial-log{padding:15px}.trial-log li{font-size:.69rem;gap:6px}.trial-log li>span:first-of-type{font-size:.64rem}.trial-outcome-card{padding:27px 18px;border-radius:25px}.trial-outcome-card>p{font-size:.86rem}.trial-awards{gap:8px}.trial-awards>span{font-size:.72rem;padding:8px 12px}.trial-result-actions{gap:10px}.trial-result-actions .button{font-size:.75rem;padding:12px 16px}.trial-save-note{font-size:.7rem}}
.trial-totem{display:flex;flex-wrap:wrap;gap:7px 18px;align-items:center;margin:18px 0;padding:14px 19px;border:1px solid var(--trial-line);border-radius:17px;background:#fbf8fc;color:var(--trial-ink)}.trial-totem>span{font-size:.8rem}.trial-totem>small{font-size:.73rem;line-height:1.6;color:var(--trial-muted)}.trial-totem.tendency-dragon{background:#f1f8f6}.trial-totem.tendency-phoenix{background:#fff5f5}.trial-totem.tendency-wolf{background:#f3f7fc}
@media(max-width:480px){.trial-stage-picker>div{display:flex;overflow-x:auto;padding:2px 2px 11px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.trial-stage-picker button{flex:0 0 154px;scroll-snap-align:start}.trial-stage-picker button>strong{min-height:2.4em}.trial-start-panel{margin-bottom:25px}.trial-totem{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){.three-realms-trial *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.trial-effects{display:none}.trial-effect-number{opacity:1;transform:translateX(-50%)}.trial-select-card:hover,.trial-stage-picker button:hover,.trial-choice button:hover{transform:none}}

.trial-battle-top h3,.trial-choice h3{scroll-margin-top:110px}

/* components/universe/universe-experience.css */
.universe-discovery-paths{margin:3rem 0}.universe-discovery-paths>.section-heading{margin-bottom:1.15rem}.universe-discovery-paths>.section-heading h2{font-size:clamp(1.35rem,2.5vw,2rem)}.universe-visual-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.universe-visual-path{min-width:0;border:1px solid #ead5df;border-radius:26px;overflow:hidden;background:#fffdfd;box-shadow:0 12px 38px #b88dab15;transition:transform .25s,box-shadow .25s}.universe-visual-path:hover{transform:translateY(-4px);box-shadow:0 18px 42px #aa85a324}.universe-path-cover{display:block;position:relative;min-height:300px;color:#25324a;text-decoration:none;overflow:hidden;background:#edf3f9}.universe-path-cover img{object-fit:cover;object-position:50% 30%;transition:transform .6s}.universe-path-cover:hover img{transform:scale(1.035)}.universe-path-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fffafc 2%,#fffafce8 22%,#fffafc50 47%,transparent 72%)}.path-collect .universe-path-cover:after{background:linear-gradient(0deg,#fff8f7 2%,#fff8f7e8 22%,#fff8f750 47%,transparent 72%)}.path-create .universe-path-cover:after{background:linear-gradient(0deg,#f8fbff 2%,#f8fbffe8 22%,#f8fbff50 47%,transparent 72%)}.universe-path-index{position:absolute;z-index:1;left:1.25rem;top:1.25rem;letter-spacing:.12em;font-size:.65rem;padding:.4rem .65rem;border:1px solid #ffffffa0;background:#fff9;backdrop-filter:blur(7px);border-radius:999px;color:#6a5d70}.universe-path-copy{position:absolute;z-index:1;bottom:1.2rem;left:1.25rem;right:1.25rem;display:grid;gap:.55rem;padding-right:1.8rem}.universe-path-copy strong{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.22rem,1.8vw,1.75rem);line-height:1.2}.universe-path-copy>span{font-size:.86rem;line-height:1.65;color:#685f76}.universe-path-copy>b{position:absolute;bottom:0;right:0;font-size:1.3rem;font-weight:400;color:#b2839b}.universe-path-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:.4rem 1rem 1rem}.universe-path-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:44px;font-size:.72rem;line-height:1.45;text-decoration:none;color:#7c627e;padding:.6rem .45rem;border-bottom:1px solid #ead9e455;min-width:0}.universe-path-shortcuts a span{overflow-wrap:anywhere}.universe-path-shortcuts a:hover{color:#ae617f;background:#fff1f5;border-radius:8px}.universe-path-shortcuts b{font-weight:400;color:#b49bae}.universe-visual-path a:focus-visible{outline:3px solid #95bbdb;outline-offset:-4px}.universe-home-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin:1.2rem auto 0}.universe-home-shortcuts a{min-height:42px;display:inline-flex;align-items:center;gap:.55rem;border:1px solid #e9d5df;border-radius:999px;padding:.6rem 1rem;font-size:.76rem;color:#79637d;background:#fffc;box-shadow:0 4px 12px #b99db40d;text-decoration:none}.universe-home-shortcuts a:hover{background:#fff0f5;border-color:#d6b4c7}.universe-home-shortcuts a:focus-visible{outline:3px solid #95bbdb;outline-offset:3px}
.universe-adventure-invite{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff4f8,#f0f6ff)!important;border:1px solid #ead4df;border-radius:30px!important;box-shadow:0 18px 55px #ae8ca21a;padding:clamp(1.5rem,4vw,3.8rem)!important;min-height:345px;isolation:isolate}.universe-adventure-invite:before{content:"✧";position:absolute;right:31%;top:1.5rem;font-size:4rem;color:#cdaeb745;z-index:-1}.universe-adventure-invite>div:first-child{max-width:590px}.universe-adventure-invite h2{max-width:550px}.universe-adventure-invite .universe-inline-nav{margin-top:1.25rem}.universe-adventure-invite small{display:block;color:#8e7089;font-size:.8rem;line-height:1.65}.universe-invite-art{border-radius:24px;overflow:hidden;background:#eadce4;min-height:260px}.universe-invite-art img{object-fit:cover;object-position:50% 30%}.universe-invite-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #fff4f850;pointer-events:none}
.universe-proposal{--proposal-ink:#29344c;--proposal-accent:#bfd2e5;border:1px solid #e7d2df;border-radius:30px;overflow:hidden;background:#fffafc;color:var(--proposal-ink);box-shadow:0 20px 65px #a37e9d1c}.universe-proposal-masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:1.2rem;padding:1.7rem 2rem;border-bottom:1px solid #ead7e3;background:linear-gradient(100deg,#fffcff,#f4f8fd)}.universe-proposal-masthead h3{font-size:clamp(1.35rem,3vw,2.5rem);margin:.5rem 0 0;line-height:1.2;overflow-wrap:anywhere}.universe-proposal-masthead small{color:#957d94;font-size:.75rem;letter-spacing:.09em}.universe-brand-field{display:grid;gap:.4rem;width:min(250px,100%);font-size:.77rem;color:#8d7488}.universe-brand-field input{font:inherit;padding:.65rem .8rem;border:1px solid #e0c9d9;border-radius:12px;background:#fff;color:#554760;width:100%}.universe-proposal-stage{display:grid;grid-template-columns:1fr 1.35fr;min-height:455px;background:linear-gradient(140deg,#fffcfe,var(--proposal-accent))}.universe-proposal-person{position:relative;isolation:isolate;min-height:430px;overflow:hidden}.universe-proposal-person:before{content:"";position:absolute;inset:10%;border:1px solid #ffffffb0;border-radius:50%;z-index:1;pointer-events:none}.universe-proposal-person img{object-fit:cover;object-position:50% 20%}.universe-proposal-person:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fffbfd,transparent 48%)}.universe-proposal-person-caption{position:absolute;z-index:2;left:1.6rem;right:1.6rem;bottom:1.5rem}.universe-proposal-person-caption span{font-size:.72rem;color:#897287}.universe-proposal-person-caption strong{display:block;font-size:1.75rem;font-family:Georgia,serif;margin:.35rem 0}.universe-proposal-person-caption p{font-size:.85rem;line-height:1.6;color:#6d6276;margin:.4rem 0}.universe-proposal-product{position:relative;padding:1.6rem;display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.universe-proposal-product-art{aspect-ratio:4/3;position:relative;border:9px solid #fffd;border-radius:22px;overflow:hidden;box-shadow:0 16px 35px #57627220;background:#fff}.universe-proposal-product-art img{object-fit:contain}.universe-proposal-product-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 25px #eee5e430}.universe-proposal-product h4{margin:0;font-size:1.3rem;line-height:1.35}.universe-proposal-product>p{font-size:.85rem;color:#70667b;margin:0;line-height:1.6}.universe-proposal-icon{position:absolute;right:1.7rem;top:1.4rem;display:flex;align-items:center;gap:.55rem;border:1px solid #ffffffb0;background:#fffe;border-radius:999px;padding:.3rem .8rem .3rem .3rem;z-index:2;box-shadow:0 5px 15px #7c6f8812}.universe-proposal-icon img{position:relative!important;width:44px!important;height:44px!important;border-radius:50%;object-fit:cover}.universe-proposal-icon strong{font-size:.73rem}.universe-proposal-palette{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.universe-proposal-palette span{height:30px;width:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 5px #51445d14}.universe-proposal-palette small{margin-right:.4rem;font-size:.75rem;color:#706379}.universe-proposal-details{padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.universe-proposal-details div{font-size:.83rem;line-height:1.5}.universe-proposal-details small{display:block;color:#a38b9f;font-size:.72rem;margin-bottom:.35rem}.universe-proposal-details strong{font-weight:500;color:#67536c;overflow-wrap:anywhere}.universe-proposal-note{font-size:.83rem;line-height:1.7;color:#8a7386;margin:1rem 0 1.5rem}.universe-builder-heading .eyebrow{letter-spacing:.1em}.universe-proposal .eyebrow{font-size:.65rem}
@media(max-width:900px){.universe-visual-paths{gap:.8rem}.universe-path-cover{min-height:285px}.universe-path-copy{left:1rem;right:1rem}.universe-path-shortcuts{grid-template-columns:1fr}.universe-path-shortcuts a{min-height:38px}.universe-proposal-masthead{padding:1.25rem}.universe-proposal-details{grid-template-columns:repeat(3,minmax(0,1fr));padding:1.25rem}.universe-proposal-stage{grid-template-columns:1fr 1.15fr}.universe-proposal-product{padding:1rem}}
@media(max-width:700px){.universe-visual-paths{grid-template-columns:1fr;gap:1rem}.universe-path-cover{min-height:230px}.universe-path-cover img{object-position:50% 35%}.universe-path-copy{padding-right:1.4rem;left:1.1rem;right:1.1rem;bottom:1rem}.universe-path-copy strong{font-size:1.45rem}.universe-path-copy>span{max-width:340px;font-size:.82rem}.universe-path-shortcuts{grid-template-columns:1fr 1fr;padding:.15rem .8rem .65rem}.universe-path-shortcuts a{font-size:.73rem;min-height:44px}.universe-discovery-paths{margin:2rem 0}.universe-home-shortcuts{gap:.35rem;justify-content:stretch}.universe-home-shortcuts a{flex:1;text-align:center;justify-content:center;padding:.5rem .7rem;font-size:.7rem;min-width:100px}.universe-adventure-invite{border-radius:24px!important;min-height:auto;gap:1.2rem}.universe-invite-art{min-height:220px;aspect-ratio:4/3}.universe-adventure-invite .universe-inline-nav a{white-space:normal;font-size:.8rem;min-height:44px}.universe-proposal-masthead{align-items:flex-start;flex-direction:column}.universe-brand-field{width:100%}.universe-proposal-stage{grid-template-columns:1fr}.universe-proposal-person{min-height:350px}.universe-proposal-person img{object-position:50% 22%}.universe-proposal-product{padding:1.3rem;gap:.8rem}.universe-proposal-icon{right:1.2rem;top:1rem}.universe-proposal-details{grid-template-columns:1fr 1fr;gap:1rem}.universe-proposal-person-caption strong{font-size:1.6rem}.universe-proposal-note{font-size:.8rem}.universe-proposal{border-radius:23px}}
@media(prefers-reduced-motion:reduce){.universe-visual-path,.universe-path-cover img{transition:none}.universe-visual-path:hover{transform:none}.universe-path-cover:hover img{transform:none}}

.universe-journey-icon img{border-radius:50%;object-fit:cover;width:52px;height:52px}.universe-journey-strip>div:nth-child(2)>small{display:block;margin-top:.5rem;font-size:.76rem;color:#ac6c8a}

/* Quiet caption surface keeps the proposal text clear against detailed character art. */
.universe-proposal-person-caption{left:0;right:0;bottom:0;padding:1.25rem 1.6rem;background:linear-gradient(0deg,#fffafdfc 65%,#fffafdde);border-top:1px solid #ffffffb0}.universe-proposal-person{min-height:490px}.universe-proposal-masthead h3{scroll-margin-top:100px}
@media(max-width:700px){.universe-proposal-person{min-height:450px}.universe-proposal-person-caption{padding:1.1rem 1.3rem}.universe-proposal-person-caption p{font-size:.83rem}}

/* components/universe/universe-game.css */
.universe-game{--game-ink:#29354d;--game-soft:#738092;--game-pink:#ec94ad;--game-gold:#c29a6d;color:var(--game-ink);max-width:1200px;margin:0 auto;min-width:0}
.universe-game *{box-sizing:border-box}.universe-game button,.universe-game input,.universe-game select,.universe-game textarea{font:inherit}.universe-game button{cursor:pointer}.universe-game button:disabled{cursor:default;opacity:.55}.universe-game :focus-visible{outline:3px solid #93bdd9;outline-offset:4px}.universe-game h2:focus{outline:0}.game-heading{max-width:780px;margin:0 0 30px}.game-heading h2{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.85rem,3vw,2.8rem);line-height:1.2;margin:10px 0 14px}.game-heading p,.game-lead{font-size:1.06rem;line-height:1.8;color:var(--game-soft)}.game-save-note{font-size:.8rem;color:var(--game-soft);margin-top:24px;line-height:1.6}.game-status{min-height:26px;line-height:1.6;font-size:.87rem;color:#79616f;margin:12px 0}.game-actions,.game-links,.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.game-actions{margin-top:22px}.game-text-button,.share-copy{border:0;background:none;color:#755968;padding:10px 2px;text-decoration:underline;text-underline-offset:5px}.game-links{margin:24px 0}.game-sigil{font-family:Georgia,serif;font-size:7rem;color:var(--game-gold);line-height:1;text-shadow:0 10px 25px #c29a6d28}.game-empty{padding:35px;text-align:center;border-radius:24px;background:#fff7fa}.game-filter-count{font-size:.8rem;color:var(--game-soft)}
.destiny-progress{height:5px;overflow:hidden;background:#eae6ed;border-radius:5px;margin:22px 0 12px}.destiny-progress>span{height:100%;display:block;background:linear-gradient(90deg,#eca6bf,#a8cce4);transition:width .3s}.game-step-label{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;letter-spacing:.05em;color:var(--game-soft);margin-bottom:18px}.destiny-scene{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr);gap:32px;align-items:stretch;padding:28px;border:1px solid #ecdce1;border-radius:30px;background:linear-gradient(135deg,#fffdfb,#fff8fa);box-shadow:0 16px 45px #ab879b12}.destiny-character{position:relative;min-height:440px;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 50% 40%,#f6ecec,#eaf1f5)}.destiny-character img{object-fit:cover;object-position:50% 20%}.destiny-character.has-sigil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center}.destiny-character.has-sigil>span:last-child{font-size:1.25rem;letter-spacing:.1em;max-width:90%;overflow-wrap:anywhere}.destiny-scene-text{min-width:0}.destiny-scene-text h3{font-family:var(--font-display),Georgia,serif;font-size:1.8rem;margin:12px 0}.destiny-scene-text>p{color:var(--game-soft);line-height:1.85;margin:0 0 20px}.destiny-choices{padding:0;margin:0;border:0}.destiny-choices legend{font-weight:600;font-size:.95rem;padding:0 0 10px}.destiny-choices label{display:flex;align-items:center;gap:12px;border:1px solid #e5dde2;background:#fff;padding:14px 16px;border-radius:16px;margin-bottom:10px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.destiny-choices label:hover{background:#fff6fa;border-color:#ddb0c1;transform:translateX(2px)}.destiny-choices label.selected{background:#fff0f5;border-color:#cc8fa8;box-shadow:0 0 0 1px #cc8fa8}.destiny-choices label>span{flex:1;min-width:0}.destiny-choices strong,.destiny-choices small{display:block}.destiny-choices small{font-size:.8rem;color:var(--game-soft);margin-top:5px;line-height:1.5}.destiny-choices input{accent-color:#b87592;width:16px;height:16px;flex-shrink:0}.destiny-choices b{font-weight:400;color:var(--game-gold)}.destiny-reward{display:flex;gap:14px;align-items:center;background:#f4f9fb;border:1px solid #dbe9ee;border-radius:18px;padding:14px 18px;margin:0 0 18px}.destiny-reward>span{color:var(--game-gold);font-size:1.8rem}.destiny-reward>div{flex:1;min-width:0}.destiny-reward strong{font-size:.85rem}.destiny-reward p{margin:4px 0 0;font-size:.78rem;color:var(--game-soft)}.destiny-reward>a{font-size:.8rem;white-space:nowrap}.destiny-result{max-width:860px;text-align:center;margin:auto}.destiny-result>h2{font-family:var(--font-display),Georgia,serif;font-size:clamp(2.15rem,5vw,3.8rem);margin:12px 0}.destiny-result>p{max-width:650px;margin:18px auto;line-height:1.8;color:var(--game-soft)}.destiny-result-portrait{position:relative;height:320px;max-width:350px;border-radius:150px 150px 24px 24px;overflow:hidden;margin:25px auto;background:linear-gradient(135deg,#f9e6ef,#e4f1f8);display:grid;place-items:center}.destiny-result-portrait img{object-fit:cover;object-position:50% 20%}.destiny-result-stamps{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.destiny-result-stamps>span{border-radius:999px;background:#fff4f7;border:1px solid #e8d5de;padding:8px 14px;font-size:.75rem}.destiny-result .game-links{justify-content:center}
.card-collection-bar{display:flex;align-items:center;gap:22px;margin:24px 0;padding:18px 24px;background:#fffafc;border:1px solid #e8dbe2;border-radius:20px}.card-collection-bar>div{display:flex;flex-direction:column;flex-shrink:0}.card-collection-bar strong{font-size:1.5rem;font-family:Georgia,serif}.card-collection-bar span,.card-collection-bar a{font-size:.8rem}.card-collection-bar progress{appearance:none;flex:1;min-width:40px;height:7px;border:0;border-radius:8px;background:#eae5ec;overflow:hidden}.card-collection-bar progress::-webkit-progress-bar{background:#eae5ec}.card-collection-bar progress::-webkit-progress-value{background:linear-gradient(90deg,#e9a3bb,#a5cce3)}.card-collection-bar progress::-moz-progress-bar{background:#d49ab2}.universe-card-filters{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.universe-card-filters label{display:flex;flex-direction:column;gap:7px}.universe-card-filters label>span{font-size:.75rem;color:var(--game-soft)}.universe-card-filters input,.universe-card-filters select{border:1px solid #dddce4;background:#fffdfd;min-height:44px;padding:10px 13px;color:var(--game-ink);border-radius:12px;max-width:100%}.card-search{flex:1;min-width:230px}.universe-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.universe-collection-card{min-width:0;position:relative;background:#fffdfb;border:1px solid #e7d9dd;border-radius:21px;overflow:hidden;box-shadow:0 6px 22px #957c9110;transition:transform .2s,box-shadow .2s}.universe-collection-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #957c9120}.universe-collection-card.rarity-signature{border-color:#d9bb93}.universe-collection-card.rarity-epic{border-color:#c6b4d9}.universe-collection-card.rarity-rare{border-color:#bdd3e5}.universe-card-open{border:0;background:none;padding:0;width:100%;height:100%;text-align:left;color:inherit;display:flex;flex-direction:column}.universe-card-art{position:relative;aspect-ratio:4/5;background:radial-gradient(ellipse at 30% 25%,#fff,#f2e5eb 55%,#e8f0f8);overflow:hidden;width:100%}.universe-card-art img{object-fit:cover;object-position:50% 30%}.universe-card-art.kind-artifact img,.universe-card-art.kind-icon img{object-fit:contain;padding:12px}.universe-card-art.icon-phoenix{background:radial-gradient(ellipse at 50% 30%,#fff7ef,#f3dce0)}.universe-card-art.icon-dragon{background:radial-gradient(ellipse at 50% 30%,#f9fffc,#dceeed)}.universe-card-number{position:absolute;top:10px;left:10px;background:#ffffffce;color:#745e6e;border:1px solid #ffffffd9;border-radius:999px;padding:5px 8px;font-size:.65rem;letter-spacing:.05em}.universe-card-pattern{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:22px;color:var(--game-gold);background:repeating-linear-gradient(45deg,transparent,transparent 32px,#ffffff45 32px,#ffffff45 34px)}.universe-card-pattern>span{font:5rem Georgia,serif;border:1px solid #c4a48066;width:70%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#fff9;box-shadow:0 0 0 9px #fff6,0 0 0 10px #c4a48044}.universe-card-pattern i{width:1px;background:#c4a48099;height:18%;min-height:15px}.universe-card-copy{padding:14px;display:flex;flex-direction:column;flex:1;width:100%;min-width:0}.universe-card-copy small{color:#927887;font-size:.65rem;letter-spacing:.015em}.universe-card-copy h3{font-family:Georgia,var(--font-display),serif;font-size:1rem;line-height:1.35;margin:8px 0;overflow-wrap:anywhere}.universe-card-copy p{font-size:.74rem;line-height:1.6;margin:0 0 14px;color:var(--game-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.universe-card-state{margin-top:auto;font-size:.7rem;color:#9a6b83;padding:7px 0 0;border-top:1px solid #eee4e9}.is-collected .universe-card-state{color:#648c7d}
.universe-card-dialog{border:1px solid #e9d7df;padding:0;max-width:900px;width:calc(100% - 40px);max-height:calc(100dvh - 48px);border-radius:26px;background:#fffdfb;color:var(--game-ink);margin:auto;overflow:auto;box-shadow:0 20px 90px #25324a40}.universe-card-dialog::backdrop{background:#29354c80;backdrop-filter:blur(5px)}.universe-card-dialog-inner{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);padding:22px;gap:28px}.universe-card-dialog-inner>.universe-card-art{border-radius:17px;align-self:start;margin-top:15px}.card-dialog-close{position:absolute;top:9px;right:10px;border:1px solid #e4dce3;background:#fff;border-radius:50%;width:36px;height:36px;font-size:1.5rem;z-index:2;color:#6d5464}.card-detail-copy{padding:28px 0 0;min-width:0}.card-detail-copy h2{font-family:Georgia,serif;font-size:1.7rem;line-height:1.25;margin:12px 0}.card-detail-copy>p,.card-detail-copy li{color:var(--game-soft);line-height:1.75;font-size:.9rem}.card-detail-copy h3{font-size:.8rem;margin:20px 0 8px;letter-spacing:.08em}.card-detail-copy ul{padding-left:19px}.card-detail-copy>small{display:block;font-size:.7rem;color:var(--game-soft);line-height:1.6}.card-dialog-pagination{display:flex;align-items:center;gap:20px;justify-content:center;border-top:1px solid #eee4e8;margin-top:18px;padding-top:15px;font-size:.8rem}.card-dialog-pagination button{border:1px solid #e5d8e0;border-radius:50%;width:40px;height:40px;background:#fff9fb;color:#826071}
.daily-destiny{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:40px;padding:35px;border:1px solid #e9dce4;border-radius:30px;background:linear-gradient(135deg,#fff7fa,#f5fbff);margin:36px auto}.daily-copy h2{font-family:Georgia,var(--font-display),serif;font-size:2rem;line-height:1.25;margin:12px 0}.daily-copy h3{margin:20px 0 10px;font-family:Georgia,serif;font-size:1.4rem}.daily-copy p{line-height:1.8;color:var(--game-soft);font-size:.95rem;max-width:680px}.daily-copy time{display:block;letter-spacing:.12em;font-size:.75rem;color:#aa8b9b;margin-bottom:20px}.daily-card{position:relative;aspect-ratio:3/4;border:2px solid #cfb5c5;border-radius:22px;background:linear-gradient(130deg,#fce8f0,#e2f0fb);overflow:hidden;transform:rotate(4deg);box-shadow:0 16px 35px #7e608027}.daily-card img{object-fit:cover;object-position:50% 25%}.daily-card.revealed{transform:rotate(0deg)}.daily-card-label{position:absolute;left:12px;right:12px;bottom:12px;border-radius:10px;padding:10px;background:#fffdfbf0;text-align:center;font-size:.8rem;letter-spacing:.08em}.daily-copy .daily-collected{font-size:.82rem;color:#648c7d}
.baibai-play-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px;align-items:start}.baibai-guide{min-width:0}.baibai-portrait{position:relative;max-width:280px;aspect-ratio:1;overflow:hidden;border-radius:35%;margin:0 0 25px;background:#fff}.baibai-portrait img{object-fit:contain}.baibai-guide h3{font-family:Georgia,var(--font-display),serif;font-size:1.7rem;margin:12px 0}.baibai-guide>p{font-size:.92rem;color:var(--game-soft);line-height:1.85}.baibai-stats{display:flex;gap:18px;flex-wrap:wrap;margin:23px 0}.baibai-stats>span{display:flex;flex-direction:column;gap:5px;min-width:100px;font-size:.75rem;padding:14px 22px;background:#fff7fa;border:1px solid #eadbe3;border-radius:17px}.baibai-stats b{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;color:#956680}.baibai-legend{padding:0;list-style:none;display:flex;gap:18px;flex-wrap:wrap;font-size:.77rem;color:var(--game-soft)}.baibai-legend span{font-size:1.2rem;margin-right:7px;color:var(--game-gold)}.baibai-board-area{min-width:0;text-align:center}.baibai-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:16px;border:1px solid #d9e3e8;border-radius:27px;background:linear-gradient(135deg,#fffaff,#eaf5f7);box-shadow:0 12px 40px #8090a019;max-width:540px;margin:0 auto}.baibai-board>div{display:contents}.baibai-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;border:1px solid #e2eaed;background:#fffdfdc0;color:#b9bdc9;font:1.7rem Georgia,serif}.baibai-cell.wall{background:#dae1e8;border-color:#cfd7e0;color:#abb6c8;font-size:1.3rem}.baibai-cell.note{background:#fff0f6;color:#c67c9b;box-shadow:inset 0 0 0 1px #e9bfd1}.baibai-cell.rest{color:#78a799;background:#f0fbf3}.baibai-cell.exit{background:#fff6e8;color:#b69a66;border-color:#decba6}.baibai-cell.player{background:#fff;border-color:#d5b0c3;box-shadow:0 4px 14px #a276932e}.baibai-direction-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:8px;justify-content:center;margin:22px auto 10px}.baibai-direction-pad button{border:1px solid #d9cbd4;background:#fffafc;color:#89677c;border-radius:13px;font-size:1.3rem;min-height:48px;box-shadow:0 4px 10px #9b7a8e12}.baibai-direction-pad button:hover:not(:disabled){background:#fbe8f0}.direction-up{grid-column:2}.direction-left{grid-column:1;grid-row:2}.direction-down{grid-column:2;grid-row:2}.direction-right{grid-column:3;grid-row:2}.baibai-win{background:#fff8f2;border:1px solid #ecd6bc;border-radius:21px;padding:20px;margin:20px 0}.baibai-win h3{margin:0 0 8px;font-family:Georgia,serif;font-size:1.4rem}.baibai-win p{font-size:.9rem;line-height:1.75;color:var(--game-soft)}.baibai-win .button{margin:4px}.baibai-board-area>.game-text-button{margin:0 10px}
.share-card{max-width:630px;margin:30px auto;text-align:center}.share-keepsake{padding:25px 32px;border:1px solid #d9becb;outline:1px solid #fff;outline-offset:-9px;border-radius:24px;background:radial-gradient(circle at 20% 25%,#fce3ee80,transparent 50%),linear-gradient(135deg,#fffaf8,#edf6fc);box-shadow:0 10px 25px #9b7a9812}.share-keepsake .eyebrow{font-size:.64rem;letter-spacing:.16em}.share-star{display:block;color:var(--game-gold);font:3rem Georgia,serif;margin:12px}.share-keepsake h3{font-family:Georgia,var(--font-display),serif;font-size:1.6rem;margin:8px 0}.share-keepsake p{font-size:.88rem;line-height:1.8;color:var(--game-soft);margin:12px 0}.share-keepsake small{font-size:.7rem;letter-spacing:.08em;color:#9a778c}.share-actions{justify-content:center;margin-top:18px}.share-actions .button{font-size:.8rem;min-height:42px}.share-copy{font-size:.75rem}.share-card textarea{width:100%;min-height:135px;padding:15px;border:1px solid #ded1da;border-radius:15px;color:var(--game-ink);background:#fff;line-height:1.6}
@media(max-width:1100px){.universe-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.destiny-scene{gap:25px;padding:22px}.baibai-play-layout{gap:30px}}
@media(max-width:850px){.universe-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.destiny-scene{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:20px}.destiny-character{min-height:400px}.daily-destiny{grid-template-columns:minmax(0,1fr) 200px;gap:25px;padding:26px}.baibai-play-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:22px}.baibai-board{gap:6px;padding:12px}.baibai-stats{gap:10px}.baibai-stats>span{padding:12px 15px;min-width:85px}}
@media(max-width:650px){.game-heading{margin-bottom:20px}.game-heading p{font-size:.95rem}.destiny-scene{display:flex;flex-direction:column;padding:15px;border-radius:24px;gap:20px}.destiny-character{min-height:0;height:210px;max-height:250px}.destiny-character.has-sigil{height:140px;gap:10px}.destiny-character.has-sigil .game-sigil{font-size:3.5rem}.destiny-character.has-sigil>span:last-child{font-size:1rem}.destiny-character img{object-fit:cover;object-position:50% 25%}.destiny-scene-text h3{font-size:1.5rem}.destiny-scene-text>p{font-size:.9rem}.destiny-choices label{padding:12px}.destiny-choices strong{font-size:.9rem}.destiny-reward{gap:9px;padding:12px}.destiny-reward>a{display:none}.destiny-result-portrait{height:280px;max-width:290px}.destiny-result-stamps>span{font-size:.68rem}.game-links>.button{flex:1;min-width:130px;justify-content:center}.card-collection-bar{gap:12px;padding:15px}.card-collection-bar>a{font-size:.7rem}.card-collection-bar strong{font-size:1.25rem}.card-collection-bar span{font-size:.7rem}.universe-card-filters{gap:12px}.card-search{flex-basis:100%;min-width:0}.universe-card-filters label:not(.card-search){flex:1;min-width:0}.universe-card-filters input,.universe-card-filters select{font-size:16px;width:100%;padding:9px}.universe-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.universe-card-copy{padding:11px}.universe-card-copy h3{font-size:.92rem}.universe-card-copy small{font-size:.6rem}.universe-card-copy p{font-size:.7rem}.universe-card-pattern>span{font-size:3rem}.universe-card-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.universe-card-dialog-inner{display:block;padding:18px}.universe-card-dialog-inner>.universe-card-art{width:min(80%,240px);margin:25px auto 0;aspect-ratio:4/4.5}.card-detail-copy{padding-top:18px}.card-detail-copy h2{font-size:1.55rem}.card-detail-copy .game-actions{gap:8px}.card-detail-copy .button{font-size:.77rem;padding:10px 14px}.daily-destiny{display:flex;flex-direction:column-reverse;align-items:stretch;padding:24px;gap:25px}.daily-card{width:170px;align-self:center}.daily-copy h2{font-size:1.7rem}.daily-copy p{font-size:.9rem}.baibai-play-layout{display:flex;flex-direction:column;gap:15px}.baibai-guide{width:100%;display:grid;grid-template-columns:95px minmax(0,1fr);gap:0 18px;align-items:center}.baibai-portrait{grid-column:1;grid-row:1/4;width:95px;margin:0;align-self:start}.baibai-guide>.eyebrow,.baibai-guide>h3{grid-column:2}.baibai-guide>h3{font-size:1.35rem;margin:8px 0}.baibai-guide>p{grid-column:1/-1;font-size:.83rem;line-height:1.65;margin:16px 0 0}.baibai-stats,.baibai-legend{grid-column:1/-1;margin:15px 0 0}.baibai-stats{gap:12px}.baibai-stats>span{flex:1;flex-direction:row;justify-content:center;align-items:center;font-size:.72rem;gap:9px;padding:10px}.baibai-stats b{font-size:1.4rem}.baibai-legend{gap:14px;font-size:.72rem}.baibai-board-area{width:100%}.baibai-board{gap:7px;padding:12px;border-radius:22px}.baibai-cell{font-size:1.4rem;border-radius:10px}.baibai-board-area .game-status{font-size:.8rem}.share-keepsake{padding:25px 20px}.share-keepsake h3{font-size:1.4rem}.share-actions{gap:9px}.share-actions .button{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.universe-game *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.universe-collection-card:hover,.destiny-choices label:hover,.daily-card{transform:none}}

/* Scoped visitor experiences: card keepsakes, eight stops and riverside play. */
.universe-game{--card-edge:#d3b8c7;--card-light:#fffdf4}
.destiny-stop-track{list-style:none;display:flex;justify-content:space-between;padding:0;margin:18px 0 24px;gap:8px}.destiny-stop-track li{flex:1;position:relative;text-align:center}.destiny-stop-track li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 20px);right:calc(-50% + 20px);top:17px;height:1px;background:#e4dce5}.destiny-stop-track li>span{display:inline-grid;place-items:center;height:35px;width:35px;border:1px solid #ded8e2;border-radius:50%;background:#fffafd;color:#aca1b1;font-size:.75rem}.destiny-stop-track .is-done>span{background:#eef7f4;border-color:#b9d6cb;color:#6a9787}.destiny-stop-track .is-current>span{background:#f9e3ec;border-color:#d5a1b9;color:#90637a;box-shadow:0 0 0 5px #f9e3ec80}.destiny-reward small{display:block;font-size:.66rem;color:#7e97a0;margin-bottom:4px}.destiny-reward strong{display:block}.destiny-reward .game-text-button{flex-shrink:0;font-size:.76rem}.destiny-character .destiny-scene-art,.destiny-result-portrait .result-portrait-art{position:absolute;inset:0;height:100%;width:100%}.destiny-character .ip-art img{object-fit:cover}.destiny-character .ip-contain img{object-fit:contain}.destiny-character.has-scene-emblem .destiny-scene-art{opacity:.36;filter:saturate(.65)}.destiny-character.has-scene-emblem:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff4fa18,#f9f5fc8a 35%,#f4f7ffbf)}.destiny-emblem-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;gap:30px;z-index:1}.destiny-emblem-overlay strong{font-family:Georgia,var(--font-display),serif;font-size:1.25rem;letter-spacing:.04em;overflow-wrap:anywhere}.destiny-emblem-overlay .game-sigil{display:grid;place-items:center;border:1px solid #bf99b866;border-radius:50%;width:170px;height:170px;background:#fff8;box-shadow:0 0 0 12px #ffffff55,0 0 0 13px #d7bfce55}.destiny-visual-location{position:absolute;bottom:15px;left:15px;right:15px;z-index:2;background:#fffcf7de;border:1px solid #fff9;border-radius:999px;padding:9px 13px;line-height:1.5;font-size:.71rem;text-align:center;color:#7b6880}.scene-music{background:linear-gradient(120deg,#faf4fb,#fffdf8)}.scene-law{background:linear-gradient(120deg,#f9f2ee,#fffdf8)}.scene-snow{background:linear-gradient(120deg,#edf8fc,#fffdfb)}.scene-mecha{background:linear-gradient(120deg,#edf2fa,#fffaff)}.scene-city{background:linear-gradient(120deg,#fff2f6,#fffcf8)}.scene-archive{background:linear-gradient(120deg,#f4effa,#fffdf8)}.scene-phoenix{background:linear-gradient(120deg,#fff1ed,#fffbf6)}.scene-temple{background:linear-gradient(120deg,#eff8f4,#fffdf8)}.result-character-emblem{display:flex;flex-direction:column;align-items:center;gap:22px}.result-character-emblem strong{font-size:1.05rem;max-width:90%;overflow-wrap:anywhere}.journey-result-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto;max-width:720px}.journey-result-cards button{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #e6d8e1;background:#fffafb;border-radius:15px;padding:11px 15px;color:#776279;font-size:.77rem}.journey-result-cards button>span{font:1.4rem Georgia;color:#b7986f}.journey-result-cards strong{font-weight:500;overflow-wrap:anywhere}
.universe-card-art{--card-edge:#d2b7c8;--card-foil:#e5bdcf;border:1px solid var(--card-edge);isolation:isolate}.universe-card-art.rarity-rare{--card-edge:#9abdcf;--card-foil:#a8d9ef}.universe-card-art.rarity-epic{--card-edge:#b8a0cd;--card-foil:#cebbeb}.universe-card-art.rarity-signature{--card-edge:#c5a474;--card-foil:#f3d8a6}.collection-card-picture{position:absolute!important;inset:0;height:100%!important;width:100%;border-radius:0!important}.universe-card-art:before{content:"";position:absolute;inset:6px;border:1px solid #fff9;outline:1px solid #c7b1c033;outline-offset:-4px;border-radius:14px;z-index:3;pointer-events:none}.universe-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 35%,#fff8 48%,transparent 58%);mix-blend-mode:soft-light;opacity:.45;z-index:2;pointer-events:none}.card-front-ornament{position:absolute;right:12px;top:9px;font-size:1.25rem;color:#fff;text-shadow:0 0 4px #714b7680;z-index:4}.universe-card-number{z-index:4;font-size:.57rem;padding:4px 7px;top:12px;left:12px}.card-front-rarity{position:absolute;left:12px;top:43px;z-index:4;font-size:.55rem;padding:4px 7px;border:1px solid #fff8;border-radius:999px;background:var(--card-edge);color:#493e58;max-width:calc(100% - 24px);overflow-wrap:anywhere}.card-front-name{position:absolute;bottom:0;left:0;right:0;padding:38px 14px 15px;background:linear-gradient(transparent,#fffdf7f5 35%);z-index:4;text-align:center;color:#52445f}.card-front-name small{display:block;font-size:.57rem;color:#a8899b;line-height:1.5}.card-front-name strong{display:block;font:1.05rem/1.3 Georgia,var(--font-display),serif;margin:5px 0;overflow-wrap:anywhere}.card-front-name>span{font-size:.48rem;letter-spacing:.2em;color:#ac977a}.is-small .card-front-name{padding:28px 8px 11px}.is-small .card-front-name strong{font-size:.8rem}.is-unrevealed{background:radial-gradient(circle at 50% 30%,#e7d8e6,#d9dde9)}.is-unrevealed .collection-card-picture{filter:grayscale(1) brightness(.28);opacity:.5}.is-unrevealed .universe-card-pattern{filter:grayscale(1);opacity:.2}.is-unrevealed .card-front-name{background:linear-gradient(transparent,#f4f0faf5 35%)}.card-silhouette-seal{position:absolute;top:28%;left:50%;transform:translateX(-50%);height:80px;width:80px;display:grid;place-items:center;font:3rem Georgia,serif;color:#fff5ed;border:1px solid #fff6;border-radius:50%;background:#735d8655;box-shadow:0 0 0 7px #ffffff16;z-index:4}.card-detail-visual{position:relative;min-width:0;align-self:start;margin-top:15px}.card-detail-visual>.universe-card-art{border-radius:17px}.card-reveal-action{position:absolute;left:12px;right:12px;top:50%;min-height:46px;border:1px solid #fff8;border-radius:999px;background:#fcf6f5f2;color:#866779;font-size:.85rem;padding:10px;z-index:5;box-shadow:0 8px 20px #47355022}.card-icon-association{display:flex;flex-direction:column;gap:4px;background:#f7f1f8;border:1px solid #e8dce9;padding:12px 15px;border-radius:15px}.card-icon-association>span{font-size:.65rem;color:#9a8094}.card-icon-association>strong{font-size:.84rem;font-weight:500}.card-icon-association.icon-phoenix{background:#fff4ee;border-color:#ecdac7}.card-icon-association.icon-dragon{background:#eef8f4;border-color:#d3e4d9}.card-reveal-dialog{padding:30px;position:fixed;width:440px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;border:1px solid #dcbfd0;border-radius:30px;background:linear-gradient(150deg,#fff9f8,#f5f2fc 50%,#eaf4fa);color:#29354d;text-align:center;overflow:auto;box-shadow:0 25px 95px #3b2a5840}.card-reveal-dialog::backdrop{background:#29354c80;backdrop-filter:blur(5px)}.card-reveal-dialog>h2{font:1.6rem/1.3 Georgia,var(--font-display),serif;margin:13px 0 20px}.card-reveal-dialog>.eyebrow{font-size:.65rem;color:#a27e95;letter-spacing:.12em}.reward-turn-card{display:block;position:relative;margin:auto;width:min(100%,240px);padding:0;border:0;border-radius:18px;background:none;color:inherit;box-shadow:0 12px 35px #61487326;transform:rotate(-3deg);transition:transform .35s}.reward-turn-card>.universe-card-art{border-radius:18px}.reward-turn-card.has-turned{transform:rotate(0);animation:game-card-reveal .5s ease-out}.reward-turn-card:disabled{opacity:1}.reward-turn-hint{position:absolute;top:50%;left:8px;right:8px;padding:12px 8px;background:#fff9f4ed;border-radius:16px;color:#8d6c84;font-size:.83rem;z-index:6}.reward-revealed-copy{padding:16px 0 2px}.reward-revealed-copy>strong{font:1.2rem Georgia,var(--font-display),serif}.reward-revealed-copy>p{font-size:.85rem;line-height:1.7;color:#788494}.game-reveal-instruction{font-size:.8rem;line-height:1.6;color:#8e7a91;margin:20px 0}.card-reveal-dialog>.button{margin-top:6px;max-width:100%;white-space:normal}.card-reveal-dialog .card-dialog-close{min-width:36px;min-height:36px}
.baibai-play-layout{background:radial-gradient(circle at 75% 20%,#e3f2f2aa,transparent 60%),linear-gradient(130deg,#fffafa,#f6fbfe);padding:28px;border:1px solid #dfdfe8;border-radius:30px;box-shadow:0 12px 45px #81909a12}.baibai-sanctuary-path .baibai-play-layout{background:radial-gradient(circle at 80% 15%,#daefe4aa,transparent 60%),linear-gradient(130deg,#fffaf8,#f3faf5)}.baibai-winged-path .baibai-play-layout{background:radial-gradient(circle at 80% 15%,#efe8fb,transparent 60%),linear-gradient(130deg,#fffbf5,#f4f6ff)}.baibai-portrait{border:1px solid #e5dbe2;box-shadow:0 8px 25px #b596aa18}.baibai-trail-sky{display:flex;align-items:center;gap:16px;justify-content:center;color:#c0b0c6;height:30px;margin-bottom:12px}.baibai-trail-sky i{height:1px;background:linear-gradient(90deg,transparent,#c9d5e0,transparent);width:22%}.baibai-energy-meter{display:flex;align-items:center;gap:18px;margin:0 0 20px}.baibai-energy-meter progress{height:6px;border:0;border-radius:7px;overflow:hidden;flex:1;min-width:0;appearance:none}.baibai-energy-meter progress::-webkit-progress-bar{background:#e8e3eb}.baibai-energy-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#d6b2c6,#a6cfe1)}.baibai-energy-meter progress::-moz-progress-bar{background:#b3c7dd}.baibai-energy-meter>div{display:flex;gap:10px;font-size:1.4rem;color:#d9d0dc}.baibai-energy-meter .has-note{color:#c38aab;text-shadow:0 2px 10px #c58ca840}.baibai-board-player{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #91799633)}.baibai-cell{overflow:hidden;position:relative}.baibai-cell.player{box-shadow:0 0 0 2px #d8b5c9,0 5px 18px #aa92a638}.baibai-cell.note>span{animation:game-note-float 3s ease-in-out infinite}.baibai-cell.exit{background:radial-gradient(circle,#fff8ea,#efe1cf)}.baibai-win{box-shadow:0 6px 24px #b7976812}
.universe-fishing .fishing-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:24px;align-items:stretch}.universe-fishing .fishing-scene{position:relative;min-height:0;border-radius:28px;overflow:hidden;isolation:isolate;border:1px solid #d6e3e6;background:#e8f2f5;box-shadow:0 14px 40px #8c9ca314}.universe-fishing .fishing-scene svg{width:100%;height:100%;display:block;min-height:310px;object-fit:cover}.universe-fishing .fishing-baibai{position:absolute;left:5%;bottom:2%;width:25%;height:40%;max-width:170px;z-index:1}.universe-fishing .fishing-baibai img{object-fit:contain}.universe-fishing .fishing-scene-seal{position:absolute;top:16px;left:18px;right:18px;color:#9c8c98;font-size:.6rem;letter-spacing:.1em;text-align:left}.universe-fishing .fishing-prompt{position:absolute;bottom:15px;left:30%;right:15px;padding:10px 14px;border:1px solid #ffffffbc;border-radius:999px;background:#ffffffe0;line-height:1.5;color:#72838d;font-size:.8rem;text-align:center}.universe-fishing .fishing-prompt.has-bite{background:#fff4e8;color:#a48157;border-color:#efd3b6}.universe-fishing .fishing-ripple{opacity:.35;transform-box:fill-box;transform-origin:center}.fishing-waiting .fishing-ripple{animation:fishing-soft-ripple 2.4s ease-in-out infinite}.fishing-bite .fishing-ripple{animation:fishing-soft-ripple .8s ease-in-out infinite;opacity:1}.universe-fishing .fishing-ripple-two{animation-delay:.4s}.fishing-casting .fishing-rod{animation:fishing-cast-rod .6s ease-in-out;transform-origin:145px 430px}.fishing-casting .fishing-float{animation:fishing-cast-float .6s ease-out}.fishing-bite .fishing-float{animation:fishing-bob .8s ease-in-out infinite}.universe-fishing .fishing-bite-mark{position:absolute;top:46%;left:60%;font:2rem Georgia;color:#bb8a5b;text-shadow:0 2px 8px #fff;animation:game-note-float 1.2s ease-in-out infinite}.universe-fishing .fishing-discovery-panel{border:1px solid #e3dce5;border-radius:25px;padding:24px 20px;background:linear-gradient(145deg,#fffbf5,#f6f1fa);display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.fishing-discovery-panel .eyebrow{font-size:.62rem;line-height:1.6;letter-spacing:.08em}.fishing-total{font:3.5rem Georgia,serif;font-weight:400;margin:10px 0 0;color:#987790}.fishing-discovery-panel>p{font-size:.75rem;color:#9b8b98;margin:0 0 14px;line-height:1.6}.fishing-reward-progress{display:flex;gap:13px;font-size:1.4rem;color:#ded6e4;margin:6px 0 12px}.fishing-reward-progress .is-found{color:#bf9b74;text-shadow:0 0 12px #edd7b4}.fishing-discovery-panel>.fishing-reward-label{font-size:.72rem;line-height:1.6;color:#a18c9d}.fishing-discovery-panel>a{font-size:.75rem;color:#91758a;margin-top:auto;line-height:1.6}.fishing-new-find{display:flex;flex-direction:column;gap:8px;border:1px solid #e5d5db;background:#fff9f5;border-radius:17px;padding:12px;width:100%;margin:2px 0 15px;animation:game-card-reveal .5s ease-out}.fishing-new-find>span{font:2rem Georgia;color:#bf9b74}.fishing-new-find>strong{font-size:.79rem;font-weight:500;color:#887080;overflow-wrap:anywhere}.universe-fishing .fishing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:24px 0 12px}.fishing-actions>span{font-size:.8rem;color:#98a0a8}.universe-fishing .fishing-finds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.fishing-finds>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px;min-width:0;text-align:center;border:1px solid #e5dce4;border-radius:18px;background:#fffafb;font-size:.77rem;color:#8b7286;line-height:1.55}.fishing-finds>span>b{font:1.5rem Georgia;color:#bc9b77}.fishing-finds>span>small{font-size:.62rem;color:#bba7b7}.fishing-finds>.is-hidden{background:#f6f4f8;border-style:dashed;color:#aca4b3}.fishing-finds>.is-hidden>b{color:#c8bdcf}.daily-card.revealed{animation:game-card-reveal .5s ease-out}
@keyframes game-card-reveal{from{opacity:.4;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes game-note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fishing-soft-ripple{0%,100%{transform:scale(.7);opacity:.3}50%{transform:scale(1.16);opacity:.85}}@keyframes fishing-cast-rod{0%,100%{transform:rotate(0)}45%{transform:rotate(-12deg)}}@keyframes fishing-cast-float{from{transform:translate(-180px,-170px);opacity:.1}to{transform:translate(0,0);opacity:1}}@keyframes fishing-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(max-width:850px){.baibai-play-layout{padding:22px}.universe-fishing .fishing-play-layout{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.universe-fishing .fishing-discovery-panel{padding:22px 14px}}
@media(max-width:650px){.destiny-stop-track{gap:5px}.destiny-stop-track li>span{width:29px;height:29px;font-size:.68rem}.destiny-stop-track li:not(:last-child):after{top:14px;left:calc(50% + 17px);right:calc(-50% + 17px)}.destiny-emblem-overlay{gap:15px;padding:15px}.destiny-emblem-overlay .game-sigil{height:85px;width:85px;font-size:3.5rem;box-shadow:0 0 0 7px #ffffff55,0 0 0 8px #d7bfce55}.destiny-emblem-overlay strong{font-size:1rem;margin-bottom:28px}.destiny-visual-location{padding:7px 11px;font-size:.64rem;bottom:10px;left:10px;right:10px}.destiny-reward{align-items:flex-start}.destiny-reward .game-text-button{font-size:.68rem}.destiny-reward strong{font-size:.76rem}.destiny-reward p{font-size:.73rem}.journey-result-cards{gap:8px}.journey-result-cards button{font-size:.7rem;padding:9px 11px}.universe-card-number{font-size:.48rem;top:10px;left:10px}.card-front-rarity{left:10px;top:36px;font-size:.45rem}.card-front-ornament{right:10px;top:8px;font-size:1rem}.card-front-name{padding:30px 9px 12px}.card-front-name strong{font-size:.9rem}.is-small .card-front-name strong{font-size:.71rem}.card-front-name>span{font-size:.4rem;letter-spacing:.12em}.card-silhouette-seal{height:62px;width:62px;font-size:2.3rem}.card-detail-visual{width:min(80%,240px);margin:25px auto 0}.card-reveal-dialog{padding:27px 20px;border-radius:24px}.card-reveal-dialog h2{font-size:1.4rem}.reward-turn-card{width:190px}.reward-revealed-copy>p{font-size:.78rem}.card-reveal-dialog .game-status{font-size:.75rem}.card-reveal-dialog>.button{font-size:.82rem;min-height:45px}.baibai-play-layout{padding:17px;border-radius:24px}.baibai-energy-meter{grid-column:1/-1;margin:15px 0 0}.baibai-trail-sky{margin:0 0 10px}.baibai-cell.player{box-shadow:0 0 0 1px #d8b5c9,0 5px 15px #aa92a633}.universe-fishing .fishing-play-layout{display:flex;flex-direction:column;gap:14px}.universe-fishing .fishing-scene svg{min-height:250px;aspect-ratio:1.5;object-fit:cover}.universe-fishing .fishing-prompt{left:27%;right:10px;bottom:12px;font-size:.69rem;padding:9px}.universe-fishing .fishing-scene-seal{font-size:.54rem;left:12px;top:12px}.universe-fishing .fishing-discovery-panel{padding:16px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:3px 14px;text-align:left;align-items:center}.fishing-discovery-panel>.eyebrow{grid-column:2;grid-row:1}.fishing-total{grid-row:1/4;grid-column:1;text-align:center;font-size:3rem;margin:0}.fishing-discovery-panel>p{grid-column:2;margin:0;font-size:.7rem}.fishing-reward-progress{grid-column:2;margin:3px 0;gap:10px;font-size:1.2rem}.fishing-discovery-panel>.fishing-reward-label{grid-column:1/-1;text-align:center;margin-top:8px}.fishing-discovery-panel>a{grid-column:1/-1;text-align:center;margin-top:8px;font-size:.73rem}.fishing-new-find{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;margin:7px 0 0;padding:9px}.fishing-new-find>span{font-size:1.7rem}.universe-fishing .fishing-actions{justify-content:center;gap:10px;margin:18px 0 8px}.universe-fishing .fishing-actions .button{min-height:48px;font-size:.85rem}.universe-fishing .fishing-finds{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fishing-finds>span{padding:14px 10px;font-size:.72rem}.fishing-finds>span>b{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.universe-game *,.card-reveal-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reward-turn-card,.reward-turn-card.has-turned{transform:none}}

/* components/universe/world-experience.css */
/* WORLD extensions keep the existing SANJIESAN palette and component skin. */
.world-history .section-heading p,.world-bonds .section-heading p{max-width:750px;line-height:1.75}
.world-history-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:24px}
.world-history-list>li{position:relative;display:grid;grid-template-columns:55px minmax(0,1fr);gap:17px;scroll-margin-top:100px}
.world-history-list>li:not(:last-child):before{content:"";position:absolute;top:55px;bottom:-25px;left:26px;width:1px;background:linear-gradient(#dac4d5,#d4e0ee)}
.world-history-number{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:1px solid #e9d0dd;border-radius:50%;color:#9d6787;background:#fff9f8;font:20px Georgia,serif;box-shadow:0 5px 18px #b890ae12}
.world-history-chapter{overflow:hidden;border:1px solid #eadbe5;border-radius:26px;background:linear-gradient(135deg,#fffdfb,#f8faff);box-shadow:0 12px 35px #a787a710;transition:box-shadow .2s,border-color .2s}
.world-history-chapter:hover{border-color:#d8b8cb;box-shadow:0 14px 38px #a787a719}
.world-history-chapter>summary{display:grid;grid-template-columns:180px minmax(0,1fr);list-style:none;cursor:pointer;min-height:180px}
.world-history-chapter>summary::-webkit-details-marker{display:none}
.world-history-chapter>summary:focus-visible{outline:3px solid #8cabcb;outline-offset:-4px;border-radius:26px}
.world-history-art{position:relative;min-height:180px;background:#f2e9ef}
.world-history-art img{object-fit:cover}
.world-history-preview{padding:24px 28px}
.world-history-preview>small,.world-history-event-date{color:#a7728b;font-size:12px;letter-spacing:.035em;line-height:1.5}
.world-history-preview h3{margin:7px 0 9px;color:#34415b;font-size:22px;font-weight:500;font-family:Georgia,serif;line-height:1.3}
.world-history-preview p{margin:0;color:#746b80;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.world-history-preview>span{margin-top:14px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600;color:#8f6f96}
.world-history-preview i{font-style:normal;font-size:16px;transition:transform .2s}
.world-history-chapter[open] .world-history-preview i{transform:rotate(45deg)}
.world-history-events{display:grid;gap:0;border-top:1px solid #eadfe8;padding:0 32px 12px;background:#ffffffa6}
.world-history-events article{padding:25px 0;scroll-margin-top:100px}
.world-history-events article+article{border-top:1px dashed #e2d7e3}
.world-history-events h4{margin:9px 0 10px;font-size:19px;font-family:Georgia,serif;font-weight:500;color:#34415b}
.world-history-events p{max-width:840px;font-size:15px;color:#6d6378;line-height:1.85;margin:0}
.world-history-events nav{margin:15px 0 0}
.world-history-events nav a{font-size:12px;background:#faf5f9;border-radius:100px;padding:7px 11px;border:1px solid #ecdee9;text-decoration:none}
.world-bonds-main{border:1px solid #e5d8e5;border-radius:32px;padding:24px;background:linear-gradient(135deg,#fffbf9,#f5f9fd);box-shadow:0 14px 45px #a787a712}
.world-bonds-heading{padding:0 8px 16px}
.world-bonds-heading h3{font:25px Georgia,serif;margin:0 0 10px;color:#39465c}
.world-bonds-heading p{font-size:13px;line-height:1.7;color:#8a798e;max-width:760px}
.world-bonds-scroll{overflow:auto;border-radius:27px}
.world-bonds-svg{display:block;width:100%;height:auto;min-width:1000px}
.world-bonds-node{cursor:pointer;outline:none}
.world-bonds-node>circle{transition:stroke .2s,stroke-width .2s}
.world-bonds-node:hover>circle,.world-bonds-node:focus-visible>circle{stroke:#be7095;stroke-width:4}
.world-bonds-node:hover text,.world-bonds-node:focus-visible text{fill:#9e587c}
.world-bonds-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;padding-top:20px;font-size:12px;color:#72647c}
.world-bonds-legend span{display:flex;align-items:center;gap:7px}
.world-bonds-legend i{width:22px;height:2px;display:block;border-radius:3px}
.world-bonds-subheading{font:25px Georgia,serif;color:#39465c;margin:40px 0 20px}
.world-bonds-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.world-bonds-groups>article{min-width:0;border:1px solid #e5d8e5;border-radius:28px;padding:20px;background:#fffcfb;box-shadow:0 9px 30px #a787a70d}
.world-bonds-groups h4{font:20px Georgia,serif;margin:2px 0 14px;color:#39465c}
.world-bonds-small{min-width:0;border-radius:22px}
.world-bonds-groups ul{padding:14px 2px 0;margin:0;list-style:none;display:grid;gap:8px}
.world-bonds-groups li{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;line-height:1.6;color:#846b8b}
.world-bonds-groups li a{font-weight:500;color:#4d5971;text-decoration:none}
.world-bonds-groups li a:hover{text-decoration:underline}
.world-bonds-directory{margin-top:30px;padding:22px;border:1px solid #e5d8e5;border-radius:25px;background:#fffaf9}
.world-bonds-directory summary{cursor:pointer;font-size:15px;color:#755b83;font-weight:600}
.world-bonds-directory .universe-relationships{margin-top:20px}
.world-atlas{background:linear-gradient(140deg,#fffcfa,#f5f9fe);border-color:#e4d6e4;padding:28px;box-shadow:0 16px 55px #9f85ae12}
.world-atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.world-atlas-heading h2{font:28px Georgia,serif;line-height:1.3;color:#38465f;margin:8px 0}
.world-atlas-heading p{font-size:13px;color:#827488;line-height:1.6;margin:0}
.world-atlas-heading .button{font-size:12px;flex-shrink:0;min-height:44px}
.world-atlas-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px}
.world-atlas-controls nav{display:flex;flex-wrap:wrap;gap:8px}
.world-atlas-realm-pill{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;background:#ffffffb3;border:1px solid #e4d6e4;border-radius:100px;font-size:11px;color:#6d6179;cursor:pointer;transition:background .2s,transform .2s}
.world-atlas-realm-pill:hover{background:#fff;transform:translateY(-1px)}
.world-atlas-realm-pill i{width:6px;height:6px;border-radius:50%;background:#bd6688}
.world-atlas-pill-beast i{background:#4d948c}.world-atlas-pill-divine i{background:#9e7eae}.world-atlas-pill-interstellar i{background:#648bab}
.world-atlas-zoom{display:flex;align-items:center;gap:7px}
.world-atlas-zoom button{min-width:36px;min-height:36px;border:1px solid #e4d6e4;background:#fff9fa;border-radius:12px;cursor:pointer;padding:0 10px;color:#776086;font-size:12px}
.world-atlas-zoom button:disabled{opacity:.45;cursor:default}
.world-atlas-zoom output{min-width:46px;text-align:center;font-size:11px;color:#85778b}
.world-atlas-status{font-size:12px;color:#8d6e87;margin:0 0 8px;min-height:18px}
.world-atlas-scroll{max-height:none;border:1px solid #dddbe8;border-radius:30px;background:#fffaf9}
.world-atlas .world-atlas-svg{min-width:0}
.world-atlas-node text{font-size:14px;stroke:#fffcfb;stroke-width:5;paint-order:stroke}
.world-atlas-node:hover>circle:first-of-type,.world-atlas-node:focus-visible>circle:first-of-type{stroke:#bf6187;stroke-width:4}
.world-atlas .world-atlas-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:24px;padding:28px;margin-top:16px;border:1px solid #ead5df;background:linear-gradient(100deg,#fff5f7,#fffdfb);border-radius:25px}
.world-atlas .world-atlas-detail-beast{border-color:#cce1db;background:linear-gradient(100deg,#eef9f3,#fffdfb)}
.world-atlas .world-atlas-detail-divine{border-color:#ddcfe3;background:linear-gradient(100deg,#f8f0fb,#fffdfb)}
.world-atlas .world-atlas-detail-interstellar{border-color:#cbddec;background:linear-gradient(100deg,#eff5fc,#fffdfb)}
.world-atlas-detail h2{font:25px Georgia,serif;margin:7px 0 10px;color:#39475f}
.world-atlas-detail p{font-size:14px;line-height:1.8;max-width:740px;color:#786b82}
.world-atlas-detail-actions{flex-wrap:wrap}.world-atlas-detail .universe-inline-nav{margin:12px 0 0}
.world-atlas-detail .universe-inline-nav a{font-size:11px;line-height:1.8}
.world-atlas .universe-place-list{border-top:1px solid #e7dce7;padding-top:22px}
.world-atlas button:focus-visible,.world-atlas-scroll:focus-visible,.world-bonds-scroll:focus-visible{outline:3px solid #9fb7ce;outline-offset:3px}
@media(max-width:900px){.world-atlas{padding:22px}.world-atlas .world-atlas-detail{grid-template-columns:1fr;gap:12px}.world-history-chapter>summary{grid-template-columns:145px 1fr}.world-history-preview{padding:22px}.world-bonds-main{padding:18px}}
@media(max-width:700px){.world-history-list{gap:19px}.world-history-list>li{grid-template-columns:33px minmax(0,1fr);gap:10px}.world-history-number{width:33px;height:33px;font-size:14px}.world-history-list>li:not(:last-child):before{left:16px;top:35px}.world-history-chapter{border-radius:22px}.world-history-chapter>summary{grid-template-columns:92px 1fr;min-height:165px}.world-history-art{min-height:165px}.world-history-preview{padding:17px 15px}.world-history-preview h3{font-size:17px;margin:6px 0 9px}.world-history-preview p{font-size:12px;line-height:1.65;-webkit-line-clamp:2}.world-history-preview>small{font-size:10px}.world-history-preview>span{font-size:10px;margin-top:10px;gap:5px}.world-history-events{padding:0 19px 5px}.world-history-events article{padding:21px 0}.world-history-events h4{font-size:18px}.world-history-events p{font-size:13px;line-height:1.8}.world-history-events nav{gap:7px}.world-history-events nav a{font-size:10px;padding:6px 9px}.world-bonds-main{padding:14px;border-radius:24px}.world-bonds-heading{padding:0 3px 12px}.world-bonds-heading h3{font-size:21px}.world-bonds-heading p{font-size:12px}.world-bonds-groups{grid-template-columns:1fr;gap:18px}.world-bonds-groups>article{padding:18px}.world-bonds-groups h4{font-size:19px}.world-bonds-groups li{font-size:11px}.world-bonds-subheading{font-size:22px;margin-top:30px}.world-bonds-legend{gap:10px 15px;font-size:10px}.world-bonds-directory{padding:17px}.world-bonds-directory .universe-relationships{grid-template-columns:1fr}.world-atlas{padding:16px;border-radius:25px}.world-atlas-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:17px}.world-atlas-heading h2{font-size:24px}.world-atlas-heading .button{width:100%;justify-content:center}.world-atlas-controls{gap:12px}.world-atlas-controls nav{gap:6px}.world-atlas-realm-pill{font-size:10px;padding:7px 10px;min-height:36px}.world-atlas-zoom{width:100%;justify-content:flex-end}.world-atlas .world-atlas-scroll{max-height:640px;border-radius:22px}.world-atlas .world-atlas-detail{padding:20px;border-radius:22px}.world-atlas-detail h2{font-size:23px}.world-atlas-detail p{font-size:13px}.world-atlas-detail .universe-map-detail-actions{gap:10px}.world-atlas-detail .button{font-size:12px}.world-atlas .universe-place-list>div{grid-template-columns:1fr 1fr;gap:10px}.world-atlas .universe-place-list a{font-size:11px;line-height:1.65}.world-atlas .universe-map-note{font-size:11px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.world-history-chapter,.world-history-preview i,.world-bonds-node>circle,.world-atlas-realm-pill{transition:none}.world-atlas-realm-pill:hover{transform:none}}

/* components/wallpaper-shop.module.css */
.sc_d30272b_shop{padding-block:24px 60px;color:#66536f}.sc_d30272b_shop a:focus-visible,.sc_d30272b_shop button:focus-visible,.sc_d30272b_shop input:focus-visible,.sc_d30272b_shop select:focus-visible,.sc_d30272b_feature a:focus-visible{outline:3px solid #87b8d9;outline-offset:4px}.sc_d30272b_embedded{width:100%;padding:24px;max-height:100%;overflow:auto}.sc_d30272b_breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#8a768d;margin:0 0 36px}.sc_d30272b_breadcrumbs a:hover{text-decoration:underline}.sc_d30272b_heading{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 0 28px}.sc_d30272b_heading>div:first-child{max-width:760px}.sc_d30272b_heading h1,.sc_d30272b_heading h2{font-size:clamp(2rem,4.6vw,4rem);line-height:1.14;margin:16px 0 20px;font-family:Georgia,"Noto Serif SC",serif;color:#66506f}.sc_d30272b_heading p{font-size:.97rem;line-height:1.8;color:#8c7b94;margin:0}.sc_d30272b_catalogStats{display:flex;flex-direction:column;gap:10px;flex:none;max-width:250px;border-left:1px solid #e4d2e1;padding-left:22px;font-size:.79rem;line-height:1.5;color:#93809a}.sc_d30272b_catalogStats strong{font-size:1rem;color:#77607f}.sc_d30272b_releaseNotice{padding:18px 22px;margin:0 0 28px;border:1px solid #e5d5ba;background:#fffbf2;border-radius:18px;color:#82683f}.sc_d30272b_releaseNotice>strong{font-size:.91rem}.sc_d30272b_releaseNotice p{margin:5px 0;font-size:.84rem;line-height:1.7}.sc_d30272b_releaseNotice small{font-size:.76rem;line-height:1.6}.sc_d30272b_filters{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:16px;padding:22px;background:#fffdfed9;border:1px solid #eadce7;border-radius:22px}.sc_d30272b_filters label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:.8rem;color:#84718c}.sc_d30272b_filters input[type=search],.sc_d30272b_filters select{width:100%;min-height:46px;border:1px solid #dfd0e0;border-radius:12px;padding:10px 12px;background:#fff;color:#66536f;font:inherit;font-size:.85rem}.sc_d30272b_filters select{cursor:pointer}.sc_d30272b_filters .sc_d30272b_savedFilter{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;padding:1px 0;cursor:pointer}.sc_d30272b_savedFilter input{width:18px;height:18px;accent-color:#b884a4}.sc_d30272b_summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;font-size:.82rem;color:#8b7591}.sc_d30272b_summary p{margin:0}.sc_d30272b_summary>div{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.sc_d30272b_summary button,.sc_d30272b_summary a{font:inherit;font-size:.79rem;color:#846383}.sc_d30272b_summary button{border:0;padding:6px 0;background:none;cursor:pointer}.sc_d30272b_summary button:hover,.sc_d30272b_summary a:hover{text-decoration:underline}.sc_d30272b_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sc_d30272b_card{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fffdfd;border:1px solid #e9dae6;border-radius:19px;box-shadow:0 8px 25px #74567a0a}.sc_d30272b_artworkLink{display:block;flex:1}.sc_d30272b_cardImage{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#f8f2f8,#ecf4f8)}.sc_d30272b_cardImage img{object-fit:contain;transition:transform .25s}.sc_d30272b_artworkLink:hover .sc_d30272b_cardImage img{transform:scale(1.025)}.sc_d30272b_artworkId{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:7px;background:#fffafde8;color:#8a7086;font-size:.64rem;letter-spacing:.05em}.sc_d30272b_viewAction{position:absolute;bottom:10px;right:10px;background:#fffafde8;border:1px solid #e6d9e1;border-radius:999px;padding:7px 10px;font-size:.66rem;color:#80617e}.sc_d30272b_cardCopy{padding:17px 16px 10px}.sc_d30272b_category{display:block;font-size:.67rem;line-height:1.55;color:#a083a0;overflow-wrap:anywhere}.sc_d30272b_cardCopy h3{font-size:.96rem;line-height:1.55;font-weight:600;letter-spacing:0;margin:8px 0 0;overflow-wrap:anywhere;color:#725b7a}.sc_d30272b_cardFooter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:10px 16px 17px}.sc_d30272b_status{font-size:.69rem;color:#9a866e;line-height:1.5}.sc_d30272b_cardFooter .sc_d30272b_saveButton{min-height:36px;padding:5px 9px;font-size:.69rem}.sc_d30272b_imageUnavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#9d8fa7;padding:25px;font-size:.76rem;line-height:1.5}.sc_d30272b_imageUnavailable>span:first-child{font-size:2rem;color:#c3b6ca}.sc_d30272b_imageUnavailable small{font-size:.65rem;letter-spacing:.08em}.sc_d30272b_empty{padding:55px 25px;text-align:center;background:#fffafded;border:1px dashed #dfc4db;border-radius:20px}.sc_d30272b_empty>span{font-size:2rem;color:#c395b9}.sc_d30272b_empty h3{font-size:1.15rem;margin:14px 0 10px}.sc_d30272b_empty p{font-size:.87rem;color:#907995}.sc_d30272b_more{text-align:center;padding:26px 0}.sc_d30272b_more p{font-size:.79rem;color:#9b839a;margin:0 0 15px}.sc_d30272b_more :global(.sc_d30272b_button){min-height:46px;font-size:.86rem}.sc_d30272b_gameNotice{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:22px 0 0;padding:26px 28px;border:1px solid #e5d5e2;border-radius:23px;background:linear-gradient(120deg,#fff5f9,#edf6fc)}.sc_d30272b_gameNotice>div:first-child{max-width:720px}.sc_d30272b_gameNotice h2{font-size:1.4rem;letter-spacing:-.02em;margin:10px 0}.sc_d30272b_gameNotice p{font-size:.85rem;color:#8b7591;line-height:1.8;margin:0}.sc_d30272b_noticeActions{display:flex;flex-direction:column;gap:15px;align-items:center;flex:none}.sc_d30272b_noticeActions :global(.sc_d30272b_button){min-height:46px;font-size:.81rem}.sc_d30272b_noticeActions>a:last-child{font-size:.78rem;color:#94759a}.sc_d30272b_dialog{padding:0;border:1px solid #e3cfe0;border-radius:25px;background:#fffafd;color:#69566f;width:min(1170px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;box-shadow:0 30px 90px #51425150;overflow:auto}.sc_d30272b_dialog::backdrop{background:#39344085;backdrop-filter:blur(5px)}.sc_d30272b_close{position:sticky;top:14px;float:right;z-index:2;margin:14px 16px -56px;width:40px;height:40px;border:1px solid #dfcddd;border-radius:50%;background:#fffafef2;color:#8b6c88;font:inherit;font-size:1.65rem;cursor:pointer}.sc_d30272b_detail{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;padding:34px}.sc_d30272b_previewColumn{min-width:0;align-self:start;position:sticky;top:34px}.sc_d30272b_previewStage{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#f6edf6,#e9f3f9);border:1px solid #e7d7e5;border-radius:17px;overflow:hidden}.sc_d30272b_previewStage img{object-fit:contain}.sc_d30272b_watermark{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;background:#fffafdcc;border:1px solid #e2d2e199;border-radius:99px;letter-spacing:.14em;font-size:.65rem;color:#8f7b91;pointer-events:none}.sc_d30272b_previewCaption{display:block;font-size:.8rem;text-align:center;margin:17px 0 8px;color:#937894}.sc_d30272b_previewNote{font-size:.76rem;line-height:1.8;color:#a08aa3;margin:0}.sc_d30272b_detailCopy{min-width:0;padding-top:16px}.sc_d30272b_detailCopy h2{font-size:clamp(1.55rem,2.7vw,2.25rem);line-height:1.3;letter-spacing:-.03em;margin:14px 24px 22px 0;overflow-wrap:anywhere}.sc_d30272b_metadata{margin:0;display:grid;gap:10px}.sc_d30272b_metadata>div{display:grid;grid-template-columns:105px 1fr;gap:14px;border-bottom:1px solid #f0e3ec;padding-bottom:10px;min-width:0}.sc_d30272b_metadata dt{font-size:.78rem;color:#a0829b}.sc_d30272b_metadata dd{font-size:.85rem;margin:0;line-height:1.55;color:#7b647f;overflow-wrap:anywhere}.sc_d30272b_devices,.sc_d30272b_license{margin-top:23px}.sc_d30272b_devices h3,.sc_d30272b_license h3{font-size:.85rem;font-weight:600;letter-spacing:0;margin:0 0 11px;color:#8b718e}.sc_d30272b_deviceButtons{display:flex;flex-wrap:wrap;gap:8px}.sc_d30272b_deviceButtons button{min-height:40px;padding:8px 13px;border:1px solid #e3d0df;border-radius:99px;background:#fff;color:#92778e;font:inherit;font-size:.75rem;cursor:pointer}.sc_d30272b_deviceButtons button[aria-pressed=true]{border-color:#c2a3bd;background:#f7eaf2;color:#785571}.sc_d30272b_devices p{font-size:.82rem;color:#9a7e99;margin:12px 0 0}.sc_d30272b_devices strong{font-weight:600;color:#735977}.sc_d30272b_license>strong{font-size:.83rem;font-weight:600;color:#846887}.sc_d30272b_license p{font-size:.77rem;color:#99809a;line-height:1.8;margin:8px 0 0}.sc_d30272b_detailStatus{margin:23px 0 0;padding:17px 18px;background:#fff8ef;border:1px solid #e7d7be;border-radius:14px;color:#8a6b41}.sc_d30272b_detailStatus>strong{font-size:.85rem}.sc_d30272b_detailStatus p{font-size:.78rem;line-height:1.8;margin:6px 0 12px}.sc_d30272b_detailStatus>span{font-size:.73rem;font-weight:600}.sc_d30272b_detailStatus ul{font-size:.75rem;line-height:1.75;margin:7px 0 0;padding-left:18px}.sc_d30272b_detailActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:23px 0 0}.sc_d30272b_detailActions :global(.sc_d30272b_button){min-height:42px;padding:10px 15px;font-size:.75rem}.sc_d30272b_detailActions>button:last-child{border:0;background:none;font:inherit;font-size:.76rem;padding:8px 0;color:#967a98;cursor:pointer}.sc_d30272b_detailActions>button:last-child:hover{text-decoration:underline}.sc_d30272b_shareNotice{font-size:.76rem;color:#8c7191;margin:10px 0 0;min-height:20px;line-height:1.6}.sc_d30272b_shareUrl{width:100%;font:inherit;font-size:.75rem;border:1px solid #deccde;border-radius:8px;padding:9px;background:#fff;color:#84638a}.sc_d30272b_feature{padding-block:28px 42px;color:#725d7b}.sc_d30272b_featureHeader{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,#fcf1f7,#edf5fa);border:1px solid #e5d4e3;border-radius:25px;padding:28px 32px;margin-bottom:21px}.sc_d30272b_featureHeader>div{max-width:760px}.sc_d30272b_featureHeader h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:12px 0}.sc_d30272b_featureHeader p{font-size:.9rem;line-height:1.8;color:#907b97;margin:0}.sc_d30272b_featureHeader small{display:block;margin-top:12px;font-size:.74rem;color:#9b866e;line-height:1.6}.sc_d30272b_featureHeader :global(.sc_d30272b_button){min-height:46px;padding:12px 20px;font-size:.84rem;flex:none;max-width:250px}.sc_d30272b_featuredGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sc_d30272b_featuredItem{display:block;min-width:0;padding:0 0 15px;background:#fffdfd;border:1px solid #e9d9e5;border-radius:16px;overflow:hidden}.sc_d30272b_featuredImage{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#f8f0f7,#edf5fa)}.sc_d30272b_featuredImage img{object-fit:contain}.sc_d30272b_featuredItem>strong{display:block;font-size:.83rem;font-weight:500;line-height:1.5;margin:13px 15px 5px;overflow-wrap:anywhere;color:#78617f}.sc_d30272b_featuredItem>span{display:block;font-size:.67rem;color:#9f886e;margin:0 15px}.sc_d30272b_featuredItem:hover{border-color:#d5afce}
@media(max-width:1000px){.sc_d30272b_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sc_d30272b_filters{grid-template-columns:1fr 1fr}.sc_d30272b_searchField{grid-column:1/-1}.sc_d30272b_catalogStats{max-width:190px}.sc_d30272b_featuredGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.sc_d30272b_detail{gap:23px;padding:28px}.sc_d30272b_previewColumn{top:28px}.sc_d30272b_metadata>div{grid-template-columns:90px 1fr;gap:9px}.sc_d30272b_gameNotice{align-items:flex-start}.sc_d30272b_noticeActions{max-width:210px}.sc_d30272b_heading{gap:24px}.sc_d30272b_featureHeader :global(.sc_d30272b_button){max-width:210px}}
@media(max-width:800px){.sc_d30272b_heading{flex-direction:column;align-items:flex-start;gap:24px}.sc_d30272b_catalogStats{max-width:none;border-left:0;border-top:1px solid #ead9e6;padding:16px 0 0;width:100%;flex-direction:row;flex-wrap:wrap;gap:9px 20px;align-items:center}.sc_d30272b_catalogStats strong{font-size:.86rem}.sc_d30272b_catalogStats span{font-size:.74rem}.sc_d30272b_detail{grid-template-columns:1fr;padding:25px}.sc_d30272b_previewColumn{position:static}.sc_d30272b_previewStage{aspect-ratio:4/3}.sc_d30272b_detailCopy{padding-top:2px}.sc_d30272b_detailCopy h2{margin-right:0}.sc_d30272b_gameNotice{flex-direction:column;gap:20px}.sc_d30272b_noticeActions{flex-direction:row;flex-wrap:wrap;max-width:none;align-items:center}.sc_d30272b_featureHeader{align-items:flex-start;flex-direction:column;gap:20px;padding:25px}.sc_d30272b_featureHeader :global(.sc_d30272b_button){max-width:none}.sc_d30272b_featuredGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sc_d30272b_shop{padding-top:20px}.sc_d30272b_embedded{padding:16px}.sc_d30272b_breadcrumbs{margin-bottom:20px}.sc_d30272b_heading{padding-top:10px}.sc_d30272b_heading h1,.sc_d30272b_heading h2{font-size:2.2rem;margin-top:14px}.sc_d30272b_heading p{font-size:.88rem}.sc_d30272b_releaseNotice{padding:16px 17px}.sc_d30272b_releaseNotice p{font-size:.78rem}.sc_d30272b_filters{padding:17px;gap:14px}.sc_d30272b_filters label{font-size:.73rem}.sc_d30272b_filters input[type=search],.sc_d30272b_filters select{font-size:.78rem;min-height:44px;padding:9px}.sc_d30272b_filters>label:nth-child(4){grid-column:1/-1}.sc_d30272b_filters .sc_d30272b_savedFilter{font-size:.78rem}.sc_d30272b_summary{align-items:flex-start;flex-direction:column;gap:10px;font-size:.78rem;margin-block:20px}.sc_d30272b_summary>div{gap:18px}.sc_d30272b_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sc_d30272b_card{border-radius:15px}.sc_d30272b_cardImage{aspect-ratio:3/4}.sc_d30272b_cardCopy{padding:13px 12px 7px}.sc_d30272b_cardCopy h3{font-size:.83rem}.sc_d30272b_category{font-size:.6rem}.sc_d30272b_cardFooter{padding:8px 11px 13px;gap:8px;align-items:flex-start;flex-direction:column}.sc_d30272b_cardFooter .sc_d30272b_saveButton{font-size:.64rem;min-height:35px;max-width:100%;padding:5px 8px}.sc_d30272b_status{font-size:.63rem}.sc_d30272b_viewAction{font-size:.58rem;padding:6px 8px;right:7px;bottom:7px}.sc_d30272b_artworkId{top:7px;left:7px;font-size:.58rem;padding:4px 6px}.sc_d30272b_imageUnavailable{font-size:.65rem;padding:22px 10px}.sc_d30272b_imageUnavailable>span:first-child{font-size:1.6rem}.sc_d30272b_gameNotice{padding:22px 20px}.sc_d30272b_gameNotice h2{font-size:1.2rem}.sc_d30272b_gameNotice p{font-size:.77rem}.sc_d30272b_noticeActions :global(.sc_d30272b_button){font-size:.73rem}.sc_d30272b_noticeActions>a:last-child{font-size:.73rem}.sc_d30272b_dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:19px}.sc_d30272b_detail{padding:20px 17px;gap:23px}.sc_d30272b_close{margin-right:13px;top:12px}.sc_d30272b_previewStage{aspect-ratio:1}.sc_d30272b_metadata>div{grid-template-columns:92px 1fr;gap:10px}.sc_d30272b_metadata dt{font-size:.73rem}.sc_d30272b_metadata dd{font-size:.79rem}.sc_d30272b_detailActions{gap:9px}.sc_d30272b_detailActions :global(.sc_d30272b_universe-collect-button){font-size:.75rem}.sc_d30272b_previewCaption{font-size:.76rem}.sc_d30272b_watermark{font-size:.55rem;letter-spacing:.11em}.sc_d30272b_feature{padding-block:18px 32px}.sc_d30272b_featureHeader{padding:22px}.sc_d30272b_featureHeader h2{font-size:1.75rem}.sc_d30272b_featureHeader p{font-size:.82rem}.sc_d30272b_featureHeader small{font-size:.7rem}.sc_d30272b_featuredGrid{gap:12px}.sc_d30272b_featuredImage{aspect-ratio:3/4}.sc_d30272b_featuredItem>strong{font-size:.77rem;margin:11px 12px 5px}.sc_d30272b_featuredItem>span{margin-inline:12px;font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.sc_d30272b_cardImage img{transition:none}.sc_d30272b_artworkLink:hover .sc_d30272b_cardImage img{transform:none}}
.sc_d30272b_shopCategories{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:16px;font-size:.78rem;color:#9d839a}.sc_d30272b_shopCategories a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 13px;border:1px solid #e5ccde;border-radius:99px;background:linear-gradient(110deg,#fff0f6,#f0f7fc);color:#8b6084}.sc_d30272b_shopCategories a:hover{border-color:#ccabc2;background:#fff1f7}
.sc_d30272b_rewardBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;margin-bottom:18px;border:1px solid #e4d3df;border-radius:15px;background:#fff8fce8;font-size:.85rem;color:#7a5f83}.sc_d30272b_rewardBar a{min-height:44px;display:inline-flex;align-items:center;font-size:.8rem}.sc_d30272b_accessTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.sc_d30272b_accessTabs button{min-height:44px;padding:10px 15px;border:1px solid #dfcadd;border-radius:999px;background:#fffafb;color:#896b8b;font:inherit;font-size:.82rem;cursor:pointer}.sc_d30272b_accessTabs button[aria-pressed=true]{background:#725c7e;color:#fff;border-color:#725c7e}.sc_d30272b_downloadPanel{margin-top:24px;padding:20px;border:1px solid #dcd0e1;border-radius:16px;background:linear-gradient(120deg,#f8f0f8,#eef5fa);display:flex;flex-direction:column;gap:13px}.sc_d30272b_downloadPanel>strong{font-size:.85rem}.sc_d30272b_downloadPanel :global(.sc_d30272b_button){min-height:48px;font-size:.85rem}.sc_d30272b_downloadPanel p{font-size:.8rem;line-height:1.75;margin:0}.sc_d30272b_downloadPanel small{font-size:.72rem;line-height:1.75;color:#97829d}.sc_d30272b_deviceButtons button,.sc_d30272b_close,.sc_d30272b_cardFooter .sc_d30272b_saveButton{min-height:44px}.sc_d30272b_close{width:44px}.sc_d30272b_detailActions>button:last-child{min-height:44px}.sc_d30272b_cardFooter .sc_d30272b_saveButton{max-width:100%;white-space:normal}.sc_d30272b_gameNotice p+p{margin-top:12px;font-size:.75rem}.sc_d30272b_dialog .sc_d30272b_downloadPanel button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.sc_d30272b_rewardBar{padding:13px 16px}.sc_d30272b_accessTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc_d30272b_accessTabs button{font-size:.75rem;padding:10px 8px}.sc_d30272b_downloadPanel{padding:17px}.sc_d30272b_cardFooter .sc_d30272b_saveButton{min-height:44px}.sc_d30272b_detailActions>button:last-child{min-height:44px}.sc_d30272b_dialog{padding-bottom:env(safe-area-inset-bottom)}}

/* src/components/arcana-baccarat/table-game.css */
.bc-game{max-width:1000px;margin:0 auto;padding:18px 22px 24px;color:var(--game-ink)}
.bc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.bc-toolbar h1{font-size:22px;font-weight:600;margin:4px 0;line-height:1.25}
.bc-toolbar button,.bc-help>button{width:44px;height:44px;flex:none;border:1px solid var(--game-line);border-radius:12px;background:var(--game-panel);color:var(--game-ink)}
.bc-mode-tabs{display:flex;gap:8px;margin-bottom:10px}
.bc-mode-tabs button{min-height:44px;flex:1;border:1px solid var(--game-line);border-radius:12px;background:var(--game-panel);padding:9px 16px;color:var(--game-ink)}
.bc-mode-tabs [aria-pressed=true]{background:var(--game-primary,var(--game-active));color:var(--game-primary-ink,var(--game-panel));border-color:var(--game-active)}
.bc-table{position:relative;padding:14px 20px 10px;background:var(--game-table,var(--game-active));border:1px solid var(--game-table-line,var(--game-gold));border-radius:20px;color:var(--game-table-ink,var(--game-panel));overflow:hidden}
.bc-host{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.bc-host img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid var(--game-table-line,var(--game-gold))}
.bc-host span{font-size:13px}.bc-host small{display:block;font-size:9px;color:var(--game-table-muted,var(--game-table-ink));letter-spacing:1px;margin-top:3px}
.bc-shoe{margin-left:auto;text-align:right;font-size:10px!important;color:var(--game-table-muted,var(--game-table-ink))}
.bc-shoe b{display:block;font:20px Georgia,serif;color:var(--game-table-ink);margin-top:2px}
.bc-hands{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:820px;margin:auto}
.bc-hand{position:relative;min-width:0;padding:10px 9px 0;border:1px solid color-mix(in srgb,var(--game-table-line,var(--game-gold)) 30%,transparent);border-radius:14px}
.bc-hand header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}
.bc-hand h2{font-size:16px;line-height:1.3;margin:0;font-weight:600;overflow-wrap:anywhere}
.bc-points{border:1px solid var(--game-table-line,var(--game-gold));width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;font:24px Georgia,serif}
.bc-cards{display:flex;justify-content:center;align-items:center;gap:8px}
.bc-card-slot{width:clamp(76px,9vw,112px);flex:0 0 auto;aspect-ratio:63/88}
.bc-card-slot .u-card{width:100%;height:auto!important;border-radius:8px}
.bc-card-slot[data-no-third=true]{display:none}.bc-no-third{display:none}
.bc-game.bc-game .bc-card-slot[data-revealed=true]{opacity:1}
.bc-hand-note{min-height:17px;margin:7px 0 3px;font-size:11px;color:var(--game-table-accent,var(--game-gold));display:flex;flex-wrap:wrap;gap:6px}
.bc-hand[data-winner=true]{border-color:var(--game-table-accent,var(--game-gold))}
.bc-hand[data-winner=true] h2:before{content:'✧ ';color:var(--game-table-accent,var(--game-gold))}
.bc-result{position:relative;padding:12px 0 3px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.bc-result:empty{display:none}.bc-result strong{font:22px/1.25 Georgia,serif;color:var(--game-table-accent,var(--game-gold))}
.bc-result>*{max-width:100%;overflow-wrap:anywhere}.bc-result .bc-natural-result{font-size:12px;color:var(--game-table-accent,var(--game-gold));line-height:1.4}
.bc-result .bc-final-points{font-size:13px;color:var(--game-table-ink);line-height:1.4}.bc-result .bc-final-points span{font-size:inherit;color:inherit}
.bc-result span{font-size:11px;color:var(--game-table-muted,var(--game-table-ink))}.bc-result b{font-size:13px;font-weight:600;line-height:1.4}
.bc-result p{font-size:12px;color:var(--game-table-muted,var(--game-table-ink));margin:0}.bc-result[data-correct=true]{animation:bc-celebrate .3s ease-out}
.bc-controls{display:grid;grid-template-columns:1fr 220px;gap:8px 14px;margin-top:12px}
.bc-action-state{grid-column:1/-1;font-size:12px;line-height:1.4;color:var(--game-muted);margin:0}
.bc-predictions{display:flex;gap:8px}.bc-predictions button{flex:1;min-width:0;border:1px solid var(--game-line);background:var(--game-panel);color:var(--game-ink);border-radius:12px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 5px}
.bc-predictions strong{font-weight:600;font-size:16px;line-height:1.2}.bc-predictions small{font-size:10px;color:var(--game-muted)}
.bc-predictions [aria-pressed=true]{background:color-mix(in srgb,var(--game-active) 12%,var(--game-panel));border-color:var(--game-active);box-shadow:inset 0 0 0 1px var(--game-active)}
.bc-deal{background:var(--game-primary,var(--game-active));color:var(--game-primary-ink,var(--game-panel));border:1px solid var(--game-active);min-height:54px;border-radius:12px;font-size:15px;font-weight:600;padding:10px 16px}
.bc-game button:disabled{opacity:.55;cursor:default}.bc-game button:focus-visible,.bc-game a:focus-visible,.bc-game input:focus-visible,.bc-game summary:focus-visible{outline:3px solid var(--game-focus,var(--game-active));outline-offset:3px}
.bc-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 0;flex-wrap:wrap;font-size:12px}.bc-footer a{display:flex;align-items:center;min-height:44px}.bc-footer details{max-width:200px}.bc-footer summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.bc-error{padding:14px;border:1px solid var(--game-gold);background:var(--game-panel);color:var(--game-ink);border-radius:12px;grid-column:1/-1;font-size:13px}.bc-error button,.bc-error a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;margin-top:8px;border:1px solid var(--game-line);border-radius:10px;background:var(--game-panel);color:var(--game-ink)}
.bc-help{max-width:580px;width:calc(100% - 32px);border:1px solid var(--game-line);border-radius:18px;padding:24px;background:var(--game-panel);color:var(--game-ink);max-height:80dvh;overflow:auto;box-sizing:border-box}.bc-help::backdrop{background:color-mix(in srgb,var(--game-ink) 65%,transparent)}.bc-help>button{float:right}.bc-help p{font-size:14px;line-height:1.7}.bc-help label{display:flex;gap:12px;align-items:center;min-height:44px;font-size:14px}.bc-help details{padding:10px 0}.bc-help summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.bc-discovery{display:grid;gap:4px;margin:10px auto;padding:10px 14px;max-width:460px;min-height:44px;text-align:center;border:1px solid var(--game-table-line,var(--game-gold));border-radius:12px;color:inherit;text-decoration:none}.bc-discovery strong{color:var(--game-table-accent,var(--game-gold));font-size:13px}.bc-discovery small{font-size:11px}
.bc-quick-goal{margin:0 0 10px;border:1px solid var(--game-line);border-radius:12px;background:var(--game-panel);padding:9px 12px;font-size:12px;color:var(--game-ink)}.bc-quick-goal p{line-height:1.45;color:var(--game-muted);margin:0 0 6px}.bc-quick-goal>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bc-quick-goal strong{font-weight:500;margin-right:auto}.bc-quick-goal>div>span{width:20px;height:20px;border:1px solid var(--game-line);border-radius:50%;display:grid;place-items:center}.bc-quick-goal [data-series-status=correct]{background:var(--game-primary,var(--game-active));color:var(--game-primary-ink,var(--game-panel));border-color:var(--game-active)}.bc-quick-goal small{color:var(--game-muted)}
@keyframes bc-celebrate{50%{filter:brightness(1.12)}}
@media(max-width:700px){
 .bc-game{padding:8px 10px max(12px,env(safe-area-inset-bottom))}.bc-toolbar{margin-bottom:8px}.bc-toolbar h1{font-size:18px}.bc-toolbar .eyebrow{font-size:9px}
 .bc-table{padding:10px 10px 8px;border-radius:16px}.bc-host{gap:8px;margin-bottom:8px}.bc-host img{width:34px;height:34px}.bc-host span{font-size:11px}.bc-host small{font-size:8px}.bc-shoe{max-width:105px}.bc-shoe b{font-size:17px}
 .bc-hands{gap:8px}.bc-hand{padding:8px 6px 0;border-radius:12px}.bc-hand header{margin-bottom:6px}.bc-hand h2{font-size:13px}.bc-points{width:29px;height:29px;font-size:20px}
 .bc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;justify-items:center;max-width:133px;margin:auto}.bc-card-slot{width:100%;max-width:64px}.bc-third{grid-column:1/-1;width:calc((100% - 5px)/2);max-width:64px}
 .bc-hand-note{font-size:10px;line-height:1.2;min-height:14px;gap:5px;margin:5px 0 2px}.bc-result{padding-top:9px;gap:3px}.bc-result strong{font-size:18px}.bc-result b{font-size:12px}.bc-result p{max-width:300px;line-height:1.4}.bc-result .bc-natural-result{font-size:11px}.bc-result .bc-final-points{font-size:12px}
 .bc-controls{grid-template-columns:1fr;gap:6px;margin-top:8px;position:sticky;bottom:0;z-index:6;background:var(--game-panel);padding:5px 0 max(5px,env(safe-area-inset-bottom))}.bc-action-state{font-size:11px}.bc-predictions button{min-height:44px}.bc-deal{min-height:44px}.bc-predictions strong{font-size:14px}
 .bc-mode-tabs{margin-bottom:8px}.bc-mode-tabs button{font-size:13px;padding:8px}.bc-quick-goal{padding:7px 10px;margin-bottom:8px;font-size:11px}.bc-quick-goal>div{gap:5px}.bc-footer{gap:7px;font-size:11px;margin:6px 0 0}.bc-help{padding:18px}.bc-help p{font-size:13px}.bc-help h2{font-size:20px}
}
.bc-game[data-reduced-motion=true] *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.bc-game *{animation:none!important;transition:none!important}}

/* A compact private table: cards and points lead, decoration stays at the edge. */
.bc-table{box-shadow:0 12px 36px #11171926,inset 0 0 0 4px #ffffff05;isolation:isolate}
.bc-table::after{content:'';position:absolute;inset:7px;z-index:-1;border:1px solid color-mix(in srgb,var(--game-table-line) 32%,transparent);border-radius:14px;pointer-events:none}
.bc-host{padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--game-table-line) 24%,transparent)}
.bc-hand{background:#00000008;border-color:color-mix(in srgb,var(--game-table-line) 26%,transparent);transition:border-color 180ms,box-shadow 180ms}
.bc-hand[data-winner=true]{box-shadow:inset 0 3px 0 var(--game-table-accent),0 3px 16px #00000012;background:#ffffff06}
.bc-hand[data-natural=true] .bc-points{background:var(--game-table-accent);color:var(--game-table-soft);font-weight:700}
.bc-game[data-phase=revealing] .bc-action-state::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:var(--game-active);animation:bc-progress 950ms ease-in-out infinite}
.bc-action-state{min-height:18px}.bc-deal{box-shadow:0 3px 0 #00000012;transition:transform 140ms,box-shadow 140ms}
.bc-deal:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #00000012}
.bc-predictions button[aria-pressed=true]::after{content:'';width:14px;height:2px;border-radius:1px;background:var(--game-active)}
.bc-result[data-correct=true]{animation:bc-result-enter 380ms ease-out}.bc-result strong{letter-spacing:.02em}
.bc-card-slot[data-revealed=true]{z-index:1}.bc-card-slot[data-revealed=false]{z-index:0}
@keyframes bc-progress{50%{opacity:.3}}@keyframes bc-result-enter{from{opacity:.3;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:700px){
 .bc-cards{display:flex;gap:5px;justify-content:center;max-width:none;min-height:90px;align-items:center}
 .bc-card-slot,.bc-third{width:64px;max-width:64px;flex:0 0 64px;grid-column:auto}
 .bc-hand[data-card-count="3"] .bc-cards{gap:0}
 .bc-hand[data-card-count="3"] .bc-card-slot:not(:first-child){margin-left:-26px}
 .bc-hand[data-card-count="3"] .bc-card-slot{position:relative;z-index:1}
 .bc-host{padding-bottom:7px;margin-bottom:8px}.bc-table{padding-bottom:11px}
 .bc-hand{padding-bottom:2px}.bc-controls{border-top:1px solid var(--game-line);padding-top:8px}
 .bc-result{min-height:28px}.bc-toolbar h1{font-family:Georgia,'Noto Serif SC',serif;font-weight:500}
}
@media(prefers-reduced-motion:reduce){.bc-game[data-phase=revealing] .bc-action-state::before{animation:none}.bc-deal,.bc-hand{transition:none}.bc-result[data-correct=true]{animation:none}}

/* Rule practice keeps the existing shoe, rewards and six equipped themes. */
.bc-game.bc-game{max-width:1140px}
.bc-subtitle{font-size:12px;line-height:1.4;margin:4px 0 0;color:var(--game-muted)}
.bc-practice-rules{display:flex;gap:8px;margin:0 0 12px}
.bc-practice-rules button{flex:1;min-height:44px;border:1px solid var(--game-line);border-radius:10px;background:var(--game-panel);color:var(--game-muted);font-size:12px;line-height:1.35;padding:8px 12px}
.bc-practice-rules button[aria-pressed=true]{color:var(--game-ink);border-color:var(--game-active);background:color-mix(in srgb,var(--game-active) 8%,var(--game-panel));box-shadow:inset 0 -2px var(--game-active)}
.bc-game.bc-game .bc-table{padding:16px 24px 14px;border-radius:24px;background:radial-gradient(ellipse at 50% 10%,#ffffff08,transparent 70%),var(--game-table,var(--game-active))}
.bc-game.bc-game .bc-hands{max-width:980px;gap:24px}
.bc-game.bc-game .bc-hand{container-type:inline-size;padding:12px 12px 0}
.bc-game.bc-game .bc-cards{gap:10px;min-height:175px}
.bc-game.bc-game .bc-card-slot{--bc-card-width:clamp(120px,12vw,160px);width:var(--bc-card-width);max-width:none;flex:0 0 var(--bc-card-width);position:relative}
.bc-game.bc-game .bc-hand[data-card-count="3"] .bc-cards{gap:0}
.bc-game.bc-game .bc-hand[data-card-count="3"] .bc-card-slot:not(:first-child){margin-left:calc(var(--bc-card-width)*-.36)}
.bc-game.bc-game .bc-card-slot[data-live-reveal=true]{animation:bc-deal-arrive 340ms cubic-bezier(.2,.75,.3,1)}
.bc-game.bc-game .bc-points{width:42px;height:42px;font-size:28px}
.bc-shoe-origin{position:relative;width:28px;height:39px;margin-left:auto;flex:none;transform:rotate(8deg);pointer-events:none;box-shadow:2px 2px 0 color-mix(in srgb,var(--game-table-ink) 32%,transparent),4px 4px 0 color-mix(in srgb,var(--game-table-ink) 20%,transparent);border-radius:3px}
.bc-shoe-origin .u-card{width:100%;height:auto!important;box-shadow:none}
.bc-game.bc-game .bc-shoe{margin-left:7px}
.bc-draw-state{min-height:38px;margin:10px 0 0;text-align:center;font-size:12px;line-height:1.45;color:var(--game-table-ink)}
.bc-draw-state small{display:block;color:var(--game-table-muted);font-size:10px;margin-top:3px}
.bc-game.bc-game .bc-result{padding-top:10px}
.bc-game.bc-game .bc-practice-receipt{display:flex;flex-direction:column;gap:3px;color:var(--game-table-ink);font-size:12px}
.bc-practice-receipt b{color:var(--game-table-ink)}
.bc-game.bc-game .bc-practice-receipt span{font-size:11px;color:var(--game-table-muted)}
.bc-reward-note{grid-column:1/-1;margin:0;font-size:10px;line-height:1.45;color:var(--game-muted);text-align:center}
.bc-side-history{margin-top:8px;border:1px solid var(--game-line);border-radius:12px;padding:0 12px;color:var(--game-muted);font-size:11px;background:var(--game-panel)}
.bc-side-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer;gap:8px}.bc-side-history summary::after{content:'+';margin-left:auto;font-size:16px}.bc-side-history[open] summary::after{content:'−'}
.bc-history-content{display:grid;gap:10px;padding:0 0 12px;min-width:0}.bc-history-order{margin:0;color:var(--game-ink);font-size:12px;line-height:1.5}
.bc-bead-road{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;min-width:0}
.bc-bead-road>li{display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px;border:1px solid var(--game-line);border-radius:9px;color:var(--game-ink);background:var(--game-bg);overflow-wrap:anywhere}
.bc-history-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:11px}.bc-history-winner{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:3px 6px;font-size:11px;font-weight:600;color:#fff}
.bc-bead-road small{font-size:10px;line-height:1.4;color:var(--game-muted)}.bc-history-points{margin:0;font-size:11px;line-height:1.45}
.bc-bead-road [data-history-winner=banker]{background:#a33a42}.bc-bead-road [data-history-winner=player]{background:#286ba1}.bc-bead-road [data-history-winner=tie]{background:#27735a}
.bc-history-legend{font-size:10px;line-height:1.5}.bc-history-legend>span{display:inline-flex;align-items:center;gap:4px;margin-right:10px}.bc-history-legend>span::before{content:'';width:6px;height:6px;border-radius:50%;background:#27735a}.bc-history-legend>[data-history-winner=banker]::before{background:#a33a42}.bc-history-legend>[data-history-winner=player]::before{background:#286ba1}.bc-history-legend p{margin:6px 0 0}
.bc-practice-help a{display:flex;align-items:center;min-height:44px;color:var(--game-active);font-size:13px}
.bc-round-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--game-ink)}.bc-round-meta b{font-weight:600}
.bc-deal-sequence{display:flex;align-items:center;gap:10px;margin:10px 0 12px;color:var(--game-table-ink);font-size:11px}.bc-deal-sequence>span{flex:none}.bc-deal-sequence ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;flex:1;min-width:0;list-style:none;padding:0;margin:0}
.bc-deal-sequence li{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:5px 3px;border:1px solid var(--game-table-line);border-radius:7px;min-width:0;overflow-wrap:anywhere;color:var(--game-table-muted)}.bc-deal-sequence li b{font-size:10px;font-weight:500}.bc-deal-sequence li[data-deal-state=shown]{color:var(--game-table-ink)}.bc-deal-sequence li[data-deal-state=current]{color:var(--game-table-ink);background:var(--game-table-soft);box-shadow:inset 0 0 0 1px var(--game-table-accent)}
.bc-game.bc-game .bc-predictions button{border-radius:14px;min-height:66px;background:var(--game-panel);transition:transform 140ms,background 140ms}
.bc-game.bc-game .bc-predictions button[aria-pressed=true]{background:var(--game-selected,var(--game-primary));color:var(--game-selected-ink,var(--game-primary-ink));border-color:var(--game-focus)}
.bc-game.bc-game .bc-predictions button[aria-pressed=true] small{color:inherit;opacity:.85}
.bc-game.bc-game .bc-predictions button[aria-pressed=true]::after{background:currentColor;width:18px}
.bc-game.bc-game .bc-predictions button:not(:disabled):active{transform:translateY(2px)}
@keyframes bc-deal-arrive{from{transform:translate(var(--bc-deal-x,0),var(--bc-deal-y,-45px)) rotate(5deg) scale(.45);opacity:.25}65%{opacity:1}to{transform:translate(0,0) rotate(0) scale(1);opacity:1}}
.bc-shoe-departure{position:absolute;inset:-4px;border:1px solid var(--game-table-accent);border-radius:5px;pointer-events:none;animation:bc-shoe-departure 420ms ease-out both}
@keyframes bc-shoe-departure{from{opacity:.65;transform:translateY(0) scale(.96)}to{opacity:0;transform:translateY(12px) scale(1.16)}}
@media(max-width:700px){
 .bc-game.bc-game{padding:8px 8px max(12px,env(safe-area-inset-bottom))}
 .bc-subtitle{font-size:10px}.bc-practice-rules{gap:6px;margin-bottom:8px}.bc-practice-rules button{font-size:10px;padding:7px 5px}
 .bc-game.bc-game .bc-table{padding:10px 8px 10px;border-radius:18px}
 .bc-game.bc-game .bc-hands{grid-template-columns:minmax(0,1fr);gap:6px}
 .bc-game.bc-game .bc-hand{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:0 6px;padding:5px 5px 3px}
 .bc-game.bc-game .bc-hand header{display:flex;flex-direction:column;justify-content:center;gap:7px;margin:0}
 .bc-game.bc-game .bc-cards{gap:5px;min-height:107px;justify-content:center}
 .bc-game.bc-game .bc-card-slot{--bc-card-width:clamp(74px,25cqw,84px);width:var(--bc-card-width);flex:0 0 var(--bc-card-width)}
 .bc-game.bc-game .bc-card-slot:not(:first-child),.bc-game.bc-game .bc-hand[data-card-count="3"] .bc-card-slot:not(:first-child){margin-left:0}
 .bc-game.bc-game .bc-hand-note{position:absolute;left:5px;bottom:5px;width:36px;justify-content:center;min-height:0;margin:0;font-size:9px;line-height:1.2;overflow-wrap:anywhere}
 .bc-game.bc-game .bc-hand-note:empty{display:none}
 .bc-game.bc-game .bc-points{width:32px;height:32px;font-size:23px}
 .bc-host{gap:6px;padding-bottom:4px;margin-bottom:5px}.bc-host img{width:28px;height:28px}.bc-host span{font-size:10px}.bc-host small{font-size:8px;letter-spacing:0}.bc-shoe-origin{width:20px;height:28px}
 .bc-draw-state{font-size:11px;min-height:34px;margin-top:7px}.bc-draw-state small{font-size:9px}
 .bc-game.bc-game .bc-predictions button{min-height:54px;border-radius:12px}.bc-game.bc-game .bc-predictions small{font-size:9px}
 .bc-game.bc-game .bc-practice-receipt{font-size:11px}.bc-game.bc-game .bc-practice-receipt span{font-size:10px}
 .bc-game.bc-game .bc-controls{padding-bottom:max(5px,env(safe-area-inset-bottom))}.bc-reward-note{font-size:9px}
 .bc-round-meta{font-size:11px;margin-top:3px}.bc-deal-sequence{display:flex;gap:5px;margin:6px 0}.bc-deal-sequence>span{font-size:9px;max-width:38px;line-height:1.35}.bc-deal-sequence ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.bc-deal-sequence li{padding:4px 1px;font-size:9px}.bc-deal-sequence li b{font-size:9px}
 .bc-game.bc-game .bc-result{padding-top:6px;gap:2px}.bc-game.bc-game .bc-discovery{margin:6px auto;padding:7px 10px}
 .bc-bead-road{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bc-bead-road>li{padding:7px 6px}.bc-history-title,.bc-history-winner{font-size:10px}.bc-history-points{font-size:10px}.bc-history-order{font-size:11px}.bc-bead-road small{font-size:9px}
}

/* src/components/arcana-duel/duel-game.css */
.ad-game{max-width:1280px;margin:0 auto;padding:20px 18px 56px;color:var(--sjs-text,#eee7d7);--ad-gold:var(--arcana-theme-metal,#c7ab70);--ad-paper:var(--arcana-theme-paper,#f7f1e3)}
.ad-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.ad-heading span{font-size:11px;letter-spacing:.22em;color:var(--ad-gold)}.ad-heading h1{margin:7px 0;font-size:clamp(22px,3.5vw,36px);line-height:1.2}.ad-heading p{margin:0;color:#c0bdba;font-size:14px}.ad-game button{font:inherit;cursor:pointer;min-height:44px;color:inherit;touch-action:manipulation}.ad-game button:disabled{cursor:default}.ad-game button:focus-visible{outline:3px solid var(--ad-gold);outline-offset:3px}.ad-help,.ad-dialog-close{flex:none;width:44px;height:44px;border:1px solid #b89b655c;border-radius:50%;background:#222b30}.ad-info-line{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:16px 0;color:var(--ad-gold);font-size:12px}.ad-decks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ad-decks button{position:relative;text-align:left;padding:20px;border:1px solid #7e899246;border-radius:14px;background:linear-gradient(135deg,#222c32,#10171e);display:grid;gap:8px;transition:border-color var(--sjs-select-ms,140ms),transform var(--sjs-select-ms,140ms)}.ad-decks button[aria-pressed=true]{border-color:var(--ad-gold);box-shadow:inset 0 0 0 1px #d7bd7e45,0 8px 28px #0004}.ad-decks button:not(:disabled):hover{transform:translateY(-3px)}.ad-deck-glyph{font-size:26px;color:var(--ad-gold)}.ad-decks small{line-height:1.55;min-height:3.1em;color:#c3c4c7}.ad-deck-stat{font-size:11px;color:#949daa}.ad-welcome{text-align:center;padding:28px 20px;background:radial-gradient(ellipse at top,#51617230,transparent 70%);border:1px solid #d8bc7933;border-radius:20px}.ad-demo-cards{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:30px}.ad-demo-cards .u-card{width:138px;max-width:24vw;transition:none}.ad-demo-cards .u-card:nth-child(1){transform:rotate(-9deg) translateY(7px)}.ad-demo-cards .u-card:nth-child(3){transform:rotate(9deg) translateY(7px)}.ad-primary,.ad-end{border:1px solid var(--ad-gold);border-radius:9px;background:linear-gradient(110deg,#dfc88d,#b89c5b);color:#171b20!important;font-weight:750!important;padding:10px 20px;box-shadow:0 5px 15px #0003}.ad-primary:disabled,.ad-end:disabled{opacity:.5}.ad-secondary{padding:8px 14px;border:1px solid #9ba6ad55;background:#202b35;border-radius:8px}.ad-welcome p{font-size:12px;color:#aeb6bc;max-width:620px;margin:20px auto 0;line-height:1.6}.ad-table{position:relative;padding:22px 28px;border:1px solid #bcb07a52;border-radius:22px;background:radial-gradient(ellipse at 50% 42%,#3c62672a,transparent 60%),linear-gradient(120deg,#13252d,#152329 60%,#0b151d);box-shadow:inset 0 0 45px #0002,0 12px 45px #0003;overflow:hidden}.ad-table:before{content:'';position:absolute;inset:10px;border:1px solid #cfbd7924;border-radius:16px;pointer-events:none}.ad-player-line{display:flex;align-items:center;gap:20px;padding:12px 0;position:relative}.ad-leader{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:160px;text-align:left;padding:10px 12px 14px;background:#161f26;border:1px solid #7d879448;border-radius:10px}.ad-leader strong{font-size:13px}.ad-leader span{color:#f3bcaa;font-size:15px;font-weight:700;white-space:nowrap}.ad-leader i{position:absolute;height:3px;bottom:4px;left:8px;right:8px;background:linear-gradient(90deg,#c69478 var(--ad-life),#36424c var(--ad-life));border-radius:4px;transition:background var(--sjs-settle-ms,500ms)}.ad-resource{display:grid;gap:6px;color:#9fabb4;font-size:12px;min-width:0}.ad-resource>span:first-child{color:#c6dce2}.ad-resource b{color:#f7eed6;font-size:16px}.ad-trap{color:var(--ad-gold);max-width:480px;font-size:11px}.ad-hidden-hand{display:flex;margin-left:auto;padding-right:15px}.ad-hidden-hand .u-card{width:38px;margin-right:-14px;transform:rotate(6deg)}.ad-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:660px;margin:6px auto}.ad-unit{position:relative;text-align:center;min-width:0;padding:8px 6px 4px;border:1px solid #88999f30;border-radius:12px;background:#070f1650;animation:ad-arrive var(--sjs-reveal-ms,240ms) ease-out both}.ad-unit-card{display:block;width:100%;padding:0;border:0;background:transparent;text-align:center}.ad-unit-card:disabled{opacity:1}.ad-unit-card .u-card{width:110px;max-width:100%;margin:0 auto}.ad-unit-stats{display:flex;justify-content:center;gap:12px;font-size:12px;line-height:1.5;margin-top:7px;white-space:nowrap}.ad-unit-stats b:first-child{color:#eac38a}.ad-unit-stats b:last-child{color:#a9d0bd}.ad-unit-tags{min-height:24px;display:flex;justify-content:center;flex-wrap:wrap;gap:4px;color:#9eb8bf;font-size:10px;padding-top:5px;padding-right:25px}.ad-unit-tags span{border-bottom:1px solid #b2b87944}.ad-unit[data-guard=true]{border-top-color:#adbcc477}.ad-unit[data-unit-ready=false] .ad-unit-stats{opacity:.66}.ad-unit[data-selected=true],.ad-unit[data-targetable=true]{border-color:var(--ad-gold);box-shadow:0 0 0 2px #cfb06833,0 0 20px #cba76523}.ad-unit[data-targetable=true] .ad-unit-card:not(:disabled):hover .u-card{transform:translateY(-3px)}.ad-inspect{position:absolute;bottom:0;right:0;width:44px;height:44px;border:0;background:transparent;color:#bbc7ca!important;font-size:20px!important}.ad-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;border:1px dashed #c4c4ac25;border-radius:12px;color:#70868b;background:#10192022}.ad-empty>span{font-size:30px;opacity:.5}.ad-empty small{font-size:11px}.ad-phase{display:grid;grid-template-columns:22px 1fr;gap:5px 10px;align-items:center;padding:13px 16px;margin:14px 0;border:1px solid #b5b89135;background:#0b161e;border-radius:12px;font-size:13px;min-height:65px}.ad-phase-mark{color:var(--ad-gold);grid-row:span 2;font-size:22px}.ad-phase small{font-size:11px;line-height:1.5;color:#9eb0b9;animation:ad-feedback var(--sjs-reveal-ms,240ms) ease-out both}.ad-game[data-game-phase=ai] .ad-phase-mark{animation:ad-breathe 1.8s ease-in-out infinite}.ad-selection{border-top:1px solid #dfd2ad25;margin:8px 0;padding:12px 0;min-height:96px;font-size:13px}.ad-selection>p{margin:6px 0 10px;color:#b5c9ca;line-height:1.5}.ad-selection>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ad-selection strong{color:var(--ad-gold)}.ad-selection>small{display:block;color:#ddb19e;margin-top:8px}.ad-hand{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;gap:9px;padding:8px 2px 16px}.ad-hand-card{position:relative;background:#17252c;border:1px solid #818f9340;border-radius:9px;padding:22px 4px 8px;min-width:0;text-align:center;transition:transform var(--sjs-select-ms,140ms),border-color var(--sjs-select-ms,140ms)}.ad-hand-card .u-card{width:100%;max-width:118px}.ad-hand-card small{display:block;margin-top:8px;line-height:1.5;font-size:10px;color:#b0c4ca;overflow-wrap:anywhere}.ad-card-cost{position:absolute;top:3px;left:8px;z-index:2;color:#d1dcdf;font-size:12px;font-weight:800}.ad-hand-card[data-affordable=false]{border-color:#7d584233}.ad-hand-card[data-affordable=false] .ad-card-cost{color:#b39580}.ad-hand-card[data-selected=true]{transform:translateY(-5px);border-color:var(--ad-gold);background:#28302d;box-shadow:0 5px 20px #0004}.ad-hand-card:not(:disabled):hover{border-color:#b5bda185}.ad-turn-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:10px 0}.ad-turn-actions span{font-size:12px;color:var(--ad-gold)}.ad-result{text-align:center;border:1px solid #c6b07560;border-radius:15px;padding:22px;background:radial-gradient(ellipse at top,#d4c08315,transparent 70%),#101c23;animation:ad-result var(--sjs-settle-ms,500ms) ease-out both}.ad-result h2{font-size:26px;color:var(--ad-gold);margin:0 0 10px}.ad-result p{line-height:1.6;color:#c4c9c6;font-size:13px}.ad-result .ad-primary{min-width:220px}.ad-result[data-duel-result=ai]{border-color:#9b7a7660}.ad-feedback,.ad-error{font-size:13px;line-height:1.6;padding:12px;border:1px solid #cd8e5a44;background:#482d2033;border-radius:10px;color:#efc29a}.ad-error .ad-secondary{margin-top:5px}.ad-journal{margin-top:16px;border:1px solid #778b9236;border-radius:12px;padding:10px 14px}.ad-journal summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;color:#c5cccb}.ad-journal ol{list-style:none;padding:0;margin:0}.ad-journal li{display:grid;grid-template-columns:130px 1fr;gap:5px 12px;padding:9px 0;border-top:1px solid #becbaf1a;font-size:12px}.ad-journal li>span{color:#94a8b0}.ad-journal small{grid-column:2;color:#b4c2c2}.ad-dialog{color:#e7e2d5;background:#132029;border:1px solid #bdac7a66;border-radius:18px;max-width:min(580px,calc(100vw - 26px));padding:25px;max-height:85dvh;overflow:auto;line-height:1.7}.ad-dialog::backdrop{background:#030a13c9;backdrop-filter:blur(5px)}.ad-dialog-close{position:absolute;right:10px;top:10px}.ad-dialog h2{padding-right:32px;font-size:22px;line-height:1.3}.ad-dialog p{font-size:14px;color:#c3ccc9}.ad-card-dialog{text-align:center;width:420px}.ad-card-dialog>.u-card{width:200px;max-width:65vw;margin-top:25px}.ad-card-dialog h2{padding:0;font-size:18px}.ad-game[data-reduced-motion=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ad-game[data-reduced-motion=true] .ad-demo-cards .u-card{transform:none}
@keyframes ad-arrive{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ad-feedback{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}@keyframes ad-result{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ad-breathe{50%{opacity:.35}}
@media(min-width:1500px){.ad-game{max-width:1440px}.ad-unit-card .u-card{width:130px}.ad-board{max-width:760px}.ad-hand-card .u-card{max-width:135px}}
@media(max-width:760px){.ad-game{padding:14px 10px 40px}.ad-heading p{font-size:12px;line-height:1.55}.ad-decks{gap:7px;margin:14px 0}.ad-decks button{padding:13px 10px;font-size:13px}.ad-decks small{font-size:11px;line-height:1.5;min-height:4.5em}.ad-deck-stat{font-size:10px}.ad-table{padding:13px 12px;border-radius:16px}.ad-board{gap:9px}.ad-unit-card .u-card{width:98px}.ad-hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ad-hand-card .u-card{max-width:100px}.ad-player-line{gap:12px}.ad-resource{font-size:11px}.ad-hidden-hand .u-card{width:28px;margin-right:-15px}.ad-leader{min-width:130px;padding:9px 9px 14px;gap:5px}.ad-leader span{font-size:13px}.ad-phase{padding:10px;gap:4px 8px;font-size:12px}.ad-selection{min-height:86px}.ad-welcome{padding:25px 10px}.ad-demo-cards{gap:10px}.ad-turn-actions{flex-wrap:wrap}.ad-turn-actions span{order:-1;width:100%}.ad-journal li{grid-template-columns:90px 1fr}}
@media(max-width:430px){.ad-heading h1{font-size:22px}.ad-table{padding:10px 8px}.ad-table:before{inset:5px;border-radius:12px}.ad-decks button{padding:11px 7px;gap:6px}.ad-decks b{font-size:12px}.ad-decks small{min-height:6em}.ad-deck-glyph{font-size:21px}.ad-info-line{font-size:11px;gap:7px}.ad-player-line{gap:8px;padding:9px 0}.ad-hidden-hand{display:none}.ad-leader{min-width:130px}.ad-resource{font-size:10px;gap:5px}.ad-resource b{font-size:14px}.ad-board{gap:6px;margin:5px 0}.ad-unit{padding:6px 3px 3px}.ad-unit-card .u-card{width:84px}.ad-unit-stats{gap:6px;font-size:10px;margin-top:5px}.ad-unit-tags{font-size:9px;min-height:39px;padding-right:22px;line-height:1.5;align-content:start;gap:3px}.ad-empty{min-height:167px}.ad-phase{margin:9px 0;min-height:67px}.ad-phase strong{font-size:11px;line-height:1.5}.ad-phase small{font-size:10px}.ad-hand-card{padding:20px 3px 6px}.ad-hand-card small{font-size:9px}.ad-selection{font-size:12px;line-height:1.5}.ad-primary,.ad-secondary,.ad-end{font-size:12px!important;padding:9px 12px}.ad-end{min-width:160px}.ad-result{padding:18px 10px}.ad-result h2{font-size:23px}.ad-dialog{padding:20px}.ad-journal{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.ad-game *{animation:none!important;transition:none!important}.ad-demo-cards .u-card{transform:none}}
.ad-unit-tags{padding-right:38px;min-height:44px}.ad-impact{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;border:1px solid #d4bc8070;border-radius:10px;background:radial-gradient(circle,#e4d9b635,transparent 60%);color:#e7d7a6;font-size:32px;pointer-events:none;animation:ad-impact var(--sjs-settle-ms,500ms) ease-out both}.ad-game[data-reduced-motion=true] .ad-impact{display:none}@keyframes ad-impact{0%{opacity:.8;transform:scale(.96)}65%{opacity:.2;transform:scale(1.03)}100%{opacity:0;transform:scale(1.03)}}
@media(max-width:760px){
 .ad-game:is([data-game-phase=player],[data-game-phase=ai]){padding:8px 10px 82px}
 .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-heading :is(span,p){display:none}
 .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-heading h1{font-size:17px;margin:6px 0}
 .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-info-line{margin:4px 0 7px;font-size:10px;gap:5px}
 .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-table{padding:6px 8px;overflow:visible}
 .ad-player-line{padding:4px 0;gap:8px}
 .ad-leader{min-height:44px;padding:6px 8px 9px}
 .ad-board{gap:6px;margin:3px 0}
 .ad-unit{padding:4px 3px 2px}
 .ad-unit-card .u-card{width:56px}
 .ad-unit-stats{font-size:11px;margin-top:2px;gap:7px}
 .ad-unit-tags{min-height:18px;max-height:28px;overflow:hidden;padding-top:1px;padding-right:37px;line-height:13px;align-content:start}
 .ad-empty{min-height:114px}
 .ad-phase{margin:6px 0;min-height:44px;padding:6px 9px;gap:2px 8px}
 .ad-phase strong{font-size:11px;line-height:1.3}
 .ad-phase small{font-size:10px;line-height:1.3}
 .ad-selection{min-height:0;padding:5px 0;margin:3px 0}
 .ad-selection[data-duel-selection=none]{display:none}
 .ad-selection>p{margin:3px 0 6px}
 .ad-selection>div{gap:5px}
 .ad-hand{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:10px 2px;max-width:100%}
 .ad-hand-card{flex:0 0 88px;padding:18px 4px 5px}
 .ad-hand-card .u-card{width:78px;max-width:100%}
 .ad-hand-card small{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-turn-actions{position:fixed;z-index:20;left:0;right:0;bottom:0;margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--game-table-end);border-top:1px solid var(--game-table-border);box-shadow:0 -5px 18px #0003;display:flex;justify-content:space-between;flex-wrap:nowrap}
 .ad-turn-actions span{order:initial;width:auto;min-width:0;font-size:11px}
 .ad-turn-actions .ad-end{flex-shrink:0;min-width:150px}
}

/* src/components/arcana-holdem/entry.css */
.arcana-invitation{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:24px;margin-block:28px;border:1px solid #e8d8e5;border-radius:26px;background:linear-gradient(120deg,#fffdfb,#f5f4fc 72%,#eaf5ff);padding:18px;box-shadow:0 10px 30px #6857750c;overflow:hidden}.arcana-invitation-art{position:relative;height:150px;border-radius:18px;overflow:hidden}.arcana-invitation-art>img{object-fit:cover;opacity:.82}.arcana-invitation-art>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,transparent,#36476b4a)}.arcana-invitation-art span{display:grid;place-items:center;width:50px;height:78px;background:#fffdfb;border:1px solid #e8d2aa;border-radius:8px;color:#25324a;box-shadow:0 5px 18px #16274333;font:600 19px Georgia,serif;transform:rotate(-12deg)}.arcana-invitation-art span:nth-child(2){color:#b44e65;transform:translateY(-8px)}.arcana-invitation-art span:nth-child(3){color:#347c7b;transform:rotate(12deg)}.arcana-invitation h2{font-size:clamp(20px,2.2vw,28px);margin:7px 0;color:#25324a}.arcana-invitation p{font-size:14px;line-height:1.7;max-width:650px;margin:0 0 7px}.arcana-invitation small{display:block;font-size:11px;color:#756c83;line-height:1.5}.arcana-invitation .button{white-space:normal;text-align:center;min-height:44px}.arcana-rpg-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #d5cfe3;border-radius:999px;padding:10px 14px;background:#fffaf7;color:#514060;font-size:12px;min-height:44px;white-space:nowrap}.gv-title .arcana-rpg-link{margin-left:auto}.arcana-passport-summary{margin-block:24px;border:1px solid #e0d6ec;border-radius:24px;overflow:hidden;padding:24px;background:linear-gradient(120deg,#faf7ff,#fffaf6)}.arcana-passport-summary h3{margin:5px 0 10px;font-size:22px}.arcana-passport-summary p{max-width:700px;font-size:14px;line-height:1.8}.arcana-passport-summary dl{display:flex;flex-wrap:wrap;gap:18px 28px;margin:18px 0}.arcana-passport-summary dt{color:#7c7188;font-size:12px}.arcana-passport-summary dd{margin:4px 0 0;font-size:22px;color:#3a365a}.arcana-passport-keepsakes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.arcana-passport-keepsakes span{font-size:12px;padding:7px 12px;border:1px solid #e3d5bd;background:#fffdf7;border-radius:999px}@media(max-width:850px){.arcana-invitation{grid-template-columns:160px minmax(0,1fr);gap:16px}.arcana-invitation>.button{grid-column:2;width:fit-content}.arcana-invitation-art{grid-row:span 2;height:180px}}@media(max-width:600px){.arcana-invitation{grid-template-columns:1fr;padding:15px;gap:13px}.arcana-invitation-art{grid-row:auto;height:120px}.arcana-invitation>.button{grid-column:1;width:100%}.gv-title .arcana-rpg-link{font-size:10px;padding:8px 10px;margin:0;white-space:normal;text-align:center}.gv-title{flex-wrap:wrap}.arcana-passport-summary{padding:20px}.arcana-passport-summary dl{gap:14px 25px}}@media(prefers-reduced-motion:reduce){.arcana-invitation *{transition:none!important;animation:none!important}}

/* src/components/arcana-holdem/holdem-game.css */
.arcana-holdem{--ah-primary:#687b86;--ah-accent:#d9b49b;--ah-glow:#eff8f5;--ah-ink:#25324a;max-width:1450px;margin:0 auto;padding:28px 30px 64px;color:var(--ah-ink);font-size:15px}.arcana-holdem *{box-sizing:border-box}.arcana-holdem button,.arcana-holdem input{font:inherit;touch-action:manipulation}.arcana-holdem button{cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.arcana-holdem button:disabled{cursor:default;opacity:.45}.arcana-holdem button:focus-visible,.arcana-holdem a:focus-visible,.arcana-holdem input:focus-visible{outline:3px solid #c99c65;outline-offset:4px}.arcana-holdem a{text-underline-offset:4px}.ah-page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.ah-page-header>div:first-child>span,.ah-eyebrow{font-size:11px;letter-spacing:.16em;color:#aa8064}.ah-page-header h1{font-family:var(--font-serif,Georgia,serif);font-size:clamp(24px,3vw,38px);line-height:1.2;margin:9px 0}.ah-page-header p{font-size:13px;line-height:1.7;color:#697588;max-width:740px;margin:8px 0 0}.ah-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.ah-soft,.ah-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid #e8d2aa90;border-radius:13px;background:#fffdfb;color:var(--ah-ink);padding:10px 16px;font-size:12px;text-decoration:none;box-shadow:0 4px 14px #25324a05}.ah-icon-button{width:44px;font-size:23px;padding:7px}.ah-soft:hover,.ah-icon-button:hover{background:#fff1f4;transform:translateY(-1px);border-color:#eab2c0}.ah-primary{border:1px solid #ed8397;border-radius:99px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#f792a5,#ee6d8b);color:#fff;padding:14px 28px;box-shadow:0 9px 25px #d8839b35;font-weight:650;letter-spacing:.015em}.ah-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d8839b48}.ah-warning{padding:13px 18px;border:1px solid #e8d2aa;background:#fff8e9;border-radius:14px;line-height:1.6;font-size:13px;margin:15px 0}.ah-lobby-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 30px}.ah-mode-switch{display:grid;grid-template-columns:1fr 1fr;max-width:650px;width:100%;background:#f5ebe9b0;padding:5px;border-radius:19px;gap:5px;border:1px solid #eeddd8}.ah-mode-switch button{padding:16px 21px;text-align:left;border:1px solid transparent;border-radius:15px;background:transparent;color:#607083;min-height:80px}.ah-mode-switch b{display:block;font-size:15px}.ah-mode-switch small{display:block;font-size:11px;margin-top:6px;color:#758095;line-height:1.4}.ah-mode-switch button.selected{background:#fffdfb;border-color:#f1d9d1;box-shadow:0 4px 18px #986f5d0c;color:#25324a}.ah-resume{flex-shrink:0;flex-direction:column;gap:3px;border-radius:18px;font-size:14px}.ah-resume small{font-weight:400;font-size:11px}.ah-lobby-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}.ah-lobby-intro h2{font-family:var(--font-serif,Georgia,serif);font-size:clamp(24px,3vw,33px);margin:8px 0 12px}.ah-lobby-intro p{max-width:730px;color:#647182;font-size:14px;line-height:1.75;margin:0}.ah-journey-mini{display:flex;flex-direction:column;gap:8px;padding:18px 22px;background:linear-gradient(135deg,#f4faff,#fff3f5);border:1px solid #dce6ed;border-radius:18px;min-width:190px;flex-shrink:0;font-size:12px;color:#667786}.ah-table-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.ah-table-choice{position:relative;overflow:hidden;border:1px solid #e4d6cb;border-radius:24px;min-height:366px;text-align:left;background:#faf5ef;isolation:isolate;box-shadow:0 12px 35px #25324a09;color:var(--ah-ink);padding:0}.ah-table-choice>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:saturate(.85)}.ah-table-choice-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#fffdfbf9 7%,#fffaf4f2 42%,#fff9f784 62%,#fff9f708 100%)}.ah-table-choice:hover>img{transform:scale(1.04)}.ah-table-choice.selected{border:2px solid #e399ad;box-shadow:0 0 0 4px #f7c3cf35,0 18px 35px #b7878d18}.ah-table-choice:disabled{opacity:.75;cursor:default}.ah-table-choice.locked>img{filter:saturate(.5)}.ah-table-choice-body{position:absolute;bottom:0;left:0;right:0;padding:23px 21px}.ah-table-choice h3{font-family:var(--font-serif,Georgia,serif);font-size:23px;line-height:1.2;margin:9px 0}.ah-table-choice p{font-size:12px;line-height:1.6;min-height:57px;max-width:95%;margin:0 0 14px;color:#657282}.ah-table-npcs{display:flex;margin:12px 0 15px;padding-left:3px}.ah-table-npcs img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:3px solid #fffdfb;box-shadow:0 2px 7px #25324a16;margin-left:-3px}.ah-table-choice small{font-size:10px;line-height:1.5;color:#687485;display:block;max-width:85%}.ah-table-choice-check{position:absolute;right:18px;bottom:17px;width:29px;height:29px;background:#fffdfb;border:1px solid #e2cbb9;border-radius:50%;display:grid;place-items:center;color:#af7e74}.ah-table-choice.selected .ah-table-choice-check{background:#f08ca0;color:white;border-color:#f08ca0}.ah-lobby-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:26px 0 15px;padding:24px 28px;border:1px solid #ebdaca;border-radius:20px;background:linear-gradient(130deg,#fffdfb,#fcf5f1)}.ah-lobby-bottom h3{font-family:var(--font-serif,Georgia,serif);font-size:25px;margin:0 0 5px}.ah-lobby-bottom p{color:#758093;font-size:12px;line-height:1.7;margin:0}.ah-disclaimer{color:#7c7f88;font-size:11px;line-height:1.75;margin:16px 0;text-align:center}.ah-table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.ah-table-toolbar h2{font-family:var(--font-serif,Georgia,serif);font-size:27px;margin:5px 0}.ah-table-toolbar small{font-size:11px;color:#738191}.ah-table-toolbar>div:last-child{display:flex;gap:8px}.ah-table-scene{position:relative;height:660px;border:1px solid #e4d5c5;border-radius:30px;overflow:hidden;isolation:isolate;box-shadow:0 25px 70px #89736725;background:#c6d3d3}.ah-scene-background{position:absolute;inset:0;z-index:-5;width:100%;height:100%;object-fit:cover;filter:saturate(.62) brightness(1.02)}.ah-scene-haze{position:absolute;inset:0;z-index:-4;background:linear-gradient(0deg,#f6f3eee8 0%,#f7f5f19e 45%,#f2f5f167 100%)}.ah-table-felt{position:absolute;left:8%;right:8%;top:21%;bottom:15%;z-index:-2;background:radial-gradient(ellipse at 50% 35%,#effaf6f2 0%,#d7e6e1f5 50%,#bccfcbdc 100%);border:12px solid #f1e3d3;border-radius:48%;box-shadow:0 0 0 2px #c2a88480,0 0 0 12px #a4876660,inset 0 0 45px #7a8d8325,0 35px 55px #39483e35;transform:perspective(1200px) rotateX(7deg)}.ah-table-border{position:absolute;inset:15px;border:1px solid #b8a382aa;border-radius:48%}.ah-felt-totem{position:absolute;width:220px;height:220px;object-fit:contain;left:50%;top:44%;transform:translate(-50%,-50%);opacity:.045;filter:saturate(0)}.ah-felt-mark{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);font-family:var(--font-serif,Georgia,serif);color:#61716c;font-size:20px;letter-spacing:.15em;text-align:center;opacity:.35;white-space:nowrap}.ah-felt-mark small{font:8px/1.8 sans-serif;letter-spacing:.27em}.ah-seat{position:absolute;z-index:2;display:flex;align-items:center;flex-direction:column;min-width:128px;text-align:center;transition:opacity .3s;max-width:175px}.ah-seat-1{left:6%;top:25%}.ah-seat-2{left:50%;top:20px;transform:translateX(-50%)}.ah-seat-3{right:6%;top:25%}.ah-seat-avatar{position:relative;width:76px;height:76px;margin-bottom:7px;border:3px solid #fffaf4;border-radius:50%;box-shadow:0 8px 22px #37494e29;background:#e4eaf0}.ah-seat-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 25%}.ah-seat-acting .ah-seat-avatar{box-shadow:0 0 0 5px #f5c8d7,0 0 35px #f5c8d790}.ah-seat-winning .ah-seat-avatar{box-shadow:0 0 0 5px #ebd7a8,0 0 35px #f9dc87a0}.ah-seat-folded{opacity:.48}.ah-dealer,.ah-blind{position:absolute;border-radius:50%;background:#fffcf8;box-shadow:0 2px 6px #25324a25;width:23px;height:23px;display:grid;place-items:center;font-size:10px;font-family:sans-serif;font-weight:700;color:#5f6d7a;border:1px solid #c3b09a;z-index:4}.ah-dealer{right:-8px;top:2px}.ah-blind{right:-8px;bottom:-2px;background:#f6e2e8;color:#9a6576;font-size:8px}.ah-seat-name{padding:8px 15px;background:#fffdfbf0;border:1px solid #e8d2aa99;border-radius:11px;box-shadow:0 5px 15px #3f45460b;min-width:125px;max-width:175px}.ah-seat-name strong{display:block;font-size:13px;font-weight:650;line-height:1.3}.ah-seat-name span{display:block;font-size:12px;color:#a17c56;margin-top:4px;font-variant-numeric:tabular-nums}.ah-seat-cards{display:flex;gap:5px;margin-top:7px}.ah-seat-action{background:#fffdfbdd;border:1px solid #ece0d3;border-radius:99px;color:#6f7a82;padding:5px 13px;line-height:1.3;font-size:10px;min-height:24px;margin-top:7px;max-width:150px}.ah-seat-acting .ah-seat-action{color:#a85e7a;background:#fff0f5}.ah-seat-bet{position:absolute;bottom:-31px;color:#9c7962;font-size:12px;background:#fffcf9ee;border-radius:30px;padding:5px 12px;box-shadow:0 2px 7px #5c604021}.ah-board{position:absolute;top:37%;left:50%;transform:translate(-50%,-15%);width:max-content;text-align:center;z-index:1}.ah-street{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#637c76;line-height:1.5;text-transform:capitalize}.ah-street-dot{width:5px;height:5px;border-radius:50%;background:#bba984}.ah-street>span:last-child{color:#a16b81;border-left:1px solid #b9c2bc;padding-left:9px;margin-left:3px}.ah-pot{display:flex;align-items:center;justify-content:center;gap:11px;margin:11px 0 12px}.ah-pot small{font-size:10px;letter-spacing:.1em;color:#738077}.ah-pot b{font-size:24px;font-weight:550;color:#546960;font-variant-numeric:tabular-nums;text-shadow:0 1px white}.ah-board-cards{display:flex;gap:9px}.ah-board-caption{display:block;font-size:10px;color:#7b8782;margin-top:11px;letter-spacing:.07em}.ah-card{display:inline-block;position:relative;width:74px;height:106px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#fffefc,#fffaf5);border:1px solid #d9cdbd;color:var(--pc-color,#596976);overflow:hidden;vertical-align:middle;box-shadow:0 5px 13px #4a5a4e1c;animation:ah-card-enter .45s ease both;isolation:isolate}.ah-card-best{box-shadow:0 0 0 2px #d3b36f,0 0 15px #ffe7a79e}.ah-card-corner{position:absolute;top:6px;left:7px;z-index:5;display:flex;flex-direction:column;text-align:center;align-items:center;font-size:17px;line-height:1.1;font-family:Georgia,serif}.ah-card-corner b{font-weight:700}.ah-card-corner i{font-size:14px;line-height:1.15;font-style:normal;margin-top:1px}.ah-card-corner-bottom{top:auto;left:auto;right:7px;bottom:6px;transform:rotate(180deg)}.ah-card-pips{position:absolute;inset:21px 23px;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:2px;align-content:space-evenly;font-size:17px}.ah-card-pips i{font-style:normal;line-height:1}.ah-pips-2,.ah-pips-3{grid-template-columns:1fr}.ah-card-art{position:absolute;left:23px;right:12px;top:20px;width:calc(100% - 35px);height:calc(100% - 35px);object-fit:cover;object-position:center 20%;border-radius:5px;z-index:1;opacity:.95}.ah-card-art-wash{position:absolute;inset:20px 10px 13px 21px;z-index:2;border:1px solid #dcc9a7b5;border-radius:5px;background:linear-gradient(0deg,#fff6e644,transparent 40%)}.ah-card-portrait-suit{position:absolute;z-index:3;left:30px;bottom:18px;font-size:16px;text-shadow:0 0 3px #fffcf5}.ah-card-back{background:linear-gradient(130deg,#5c6d7e,#799496 50%,#a5b5b1);color:#e8d2aa;border-color:#e4d6c3}.ah-card-back[data-back=phoenix]{background:linear-gradient(130deg,#725e6c,#b69493 50%,#d9b6a0)}.ah-card-back[data-back=dragon]{background:linear-gradient(130deg,#467577,#86a3a0 50%,#bbc5a5)}.ah-card-back[data-back=star]{background:linear-gradient(130deg,#506580,#7c89a4 50%,#b0baca)}.ah-card-back-border{position:absolute;inset:5px;border:1px solid #efdfbc;border-radius:6px}.ah-back-orbit{position:absolute;width:43px;height:65px;border:1px solid #d7dfd183;border-radius:50%;transform:rotate(30deg);left:50%;top:50%;margin:-32px 0 0 -21px}.ah-card-back-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:29px;color:#f8ead0;text-shadow:0 0 14px #fff0c075}.ah-card-back small{position:absolute;bottom:11px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.2em}.ah-card-empty{background:#e1eee76b;border:1px dashed #9baba386;box-shadow:none;animation:none}.ah-empty-spark{position:absolute;inset:0;display:grid;place-items:center;opacity:.25;color:#799185;font-size:21px}.ah-card-small{width:42px;height:59px;border-radius:5px;box-shadow:0 2px 7px #374c3825}.ah-card-small .ah-card-corner{font-size:11px;left:4px;top:3px}.ah-card-small .ah-card-corner i{font-size:9px}.ah-card-small .ah-card-corner-bottom{left:auto;top:auto;right:4px;bottom:3px}.ah-card-small .ah-card-art{left:14px;top:12px;right:6px;width:calc(100% - 20px);height:calc(100% - 22px)}.ah-card-small .ah-card-art-wash{inset:12px 6px 10px 13px}.ah-card-small .ah-card-portrait-suit{left:17px;bottom:11px;font-size:11px}.ah-card-small .ah-card-pips{inset:10px 12px;font-size:10px;gap:0}.ah-card-small .ah-card-back-symbol{font-size:20px}.ah-card-small .ah-card-back-border{inset:3px;border-radius:3px}.ah-card-small .ah-back-orbit{width:24px;height:38px;margin:-19px 0 0 -12px}.ah-card-small .ah-card-back small{bottom:5px;font-size:5px}.ah-player{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:15px 24px;background:#fffdfbde;border:1px solid #e5d6c5;border-radius:24px;box-shadow:0 10px 30px #3d443620;z-index:3;max-width:580px}.ah-player-acting{border-color:#e9a6b8;box-shadow:0 0 0 4px #f7c3cf3d,0 15px 35px #8c677028}.ah-player-folded{opacity:.65}.ah-player-portrait{width:62px;height:76px;position:relative;flex-shrink:0}.ah-player-portrait>img{width:100%;height:100%;border-radius:15px;object-fit:cover;object-position:center 20%;border:2px solid #fffdfb}.ah-player-cards{display:flex;gap:8px;flex-shrink:0}.ah-player-cards .ah-card{width:77px;height:109px}.ah-player-meta{min-width:105px;line-height:1.5}.ah-player-meta strong{font-size:14px;display:block}.ah-player-meta strong small{font-size:10px;color:#a8846a;display:block}.ah-player-meta>span{font-size:20px;display:block;margin:5px 0;color:#947650;font-variant-numeric:tabular-nums}.ah-player-meta>small{font-size:11px;color:#718078;display:block}.ah-player-bet{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:12px;padding:4px 12px;border-radius:25px;background:#fffdfbf5;color:#97805e;border:1px solid #e8d2aa}.ah-baibai{position:absolute;right:3%;bottom:22px;z-index:3;width:150px;min-height:135px;padding:0;border:0;background:transparent;color:#626e7e}.ah-baibai>.ah-baibai-sprite{width:100%;height:135px;object-fit:contain;filter:drop-shadow(0 5px 8px #3e4b4f15);animation:ah-companion-breathe 4s ease-in-out infinite}.ah-baibai>span{position:absolute;right:8px;top:0;font-size:22px;color:#db8ea2;background:#fffdfbda;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;animation:ah-heart-bob 3s ease-in-out infinite}.ah-baibai>small{font-size:10px;display:block;margin-top:-8px;background:#fffdfbad;padding:4px 9px;border-radius:30px;width:fit-content;margin-left:auto;margin-right:auto;position:relative}.ah-baibai-victory>.ah-baibai-sprite,.ah-reveal-baibai.ah-baibai-victory{animation:ah-companion-victory 1.8s ease-in-out infinite}.ah-baibai-tense>.ah-baibai-sprite{animation:ah-companion-tense 2.5s ease-in-out infinite}.ah-baibai-comfort>.ah-baibai-sprite{animation:ah-companion-comfort 5s ease-in-out infinite}.ah-pet-note{position:absolute;right:15px;bottom:177px;z-index:5;width:210px;background:#fffdfbf1;border:1px solid #e9d7cd;padding:13px 16px;border-radius:18px;box-shadow:0 5px 20px #25324a12;font-size:12px;line-height:1.6;color:#76808b}.ah-pet-note:after{content:'';position:absolute;right:48px;bottom:-7px;width:13px;height:13px;background:#fffdfb;transform:rotate(45deg);border-bottom:1px solid #e9d7cd;border-right:1px solid #e9d7cd}.ah-actions{margin-top:16px;padding:24px 28px;background:linear-gradient(145deg,#fffdfb,#fff5f5);border:1px solid #eed9d4;border-radius:24px;box-shadow:0 12px 36px #957f6a0b}.ah-action-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.ah-action-intro strong{font-size:17px}.ah-action-intro small{font-size:11px;line-height:1.5;color:#82908e}.ah-action-buttons{display:grid;grid-template-columns:1fr 1.4fr 1.7fr 1fr;gap:11px}.ah-action-buttons button{min-height:52px;border-radius:15px;border:1px solid #ddcec4;color:#647582;background:#fffdfb;font-size:15px;font-weight:600;line-height:1.35;padding:12px}.ah-action-buttons .ah-action-call,.ah-action-buttons .ah-action-check{background:#eaf4f9;border-color:#bdd8e9;color:#536f83}.ah-action-buttons .ah-action-raise{background:linear-gradient(135deg,#f494a8,#ec6b8b);border-color:#ed819a;color:white;box-shadow:0 6px 16px #de789026}.ah-action-buttons .ah-action-allin{background:#fbf1df;border-color:#dec6a0;color:#997954}.ah-action-buttons button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.025)}.ah-raise-control{display:grid;grid-template-columns:180px 1fr 270px;align-items:center;gap:22px;margin-top:24px}.ah-raise-control>label{font-size:11px;color:#7b8592;line-height:1.7}.ah-raise-control b{display:block;font-size:20px;font-weight:600;color:#6d747f}.arcana-holdem input[type=range]{width:100%;accent-color:#e191a8;min-height:36px;cursor:pointer}.ah-raise-presets{display:flex;gap:6px;align-items:center}.ah-raise-presets button{background:#fffdfb;border:1px solid #e4d4c7;color:#837667;padding:7px 10px;min-height:40px;font-size:11px;border-radius:9px;white-space:nowrap}.ah-raise-presets input{width:80px;border:1px solid #e4d4c7;background:#fffdfb;color:#627185;padding:9px 6px;border-radius:9px;min-height:40px;font-size:12px}.ah-result{margin-top:17px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d9e2e9;border-radius:24px;background:linear-gradient(135deg,#f5f9ff,#fff8f6)}.ah-result-won{border-color:#e4d2ac;background:linear-gradient(135deg,#fffaf0,#fff2f5)}.ah-result h3{font-family:var(--font-serif,Georgia,serif);font-size:26px;margin:8px 0}.ah-result p{font-size:12px;color:#75808b;line-height:1.7;margin:0}.ah-showdown-details{margin-top:22px;border:1px solid #ebddd0;border-radius:22px;background:#fffdfb;padding:20px 25px}.ah-showdown-details>summary{cursor:pointer;font-size:14px;min-height:30px;font-weight:600;color:#687586}.ah-showdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.ah-showdown-grid article{padding:15px 12px;background:#f8f4ef;border:1px solid #eee0d4;border-radius:15px;overflow:hidden}.ah-showdown-grid strong{font-size:12px;display:flex;justify-content:space-between;gap:6px;line-height:1.4}.ah-showdown-grid strong span{color:#aa8755}.ah-showdown-grid small{display:block;color:#79858b;font-size:10px;margin:6px 0 12px}.ah-showdown-grid article>div{display:flex;gap:4px;justify-content:center}.ah-showdown-grid .ah-card-small{width:38px;height:55px}.ah-pot-detail{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;background:#f5f9f9;border-radius:11px;font-size:11px;line-height:1.5;color:#6d8180;margin:8px 0}.ah-pot-detail b{white-space:nowrap}.ah-pot-detail span{text-align:right}.ah-table-links{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;line-height:1.6;margin:20px 0;padding:0 5px;color:#7b8690}.ah-table-links p{flex-basis:100%;font-size:10px;max-width:900px;margin:0;color:#8e9397}.ah-overlay{position:fixed;inset:0;background:#25324a60;backdrop-filter:blur(6px);z-index:100;display:flex;justify-content:center;align-items:center;padding:24px;animation:ah-overlay-in .2s ease}.ah-dialog{background:linear-gradient(145deg,#fffdfb,#fff7f6);border:1px solid #f5e6d7;border-radius:28px;padding:38px 40px;width:min(680px,100%);max-height:calc(100dvh - 48px);overflow:auto;position:relative;box-shadow:0 30px 90px #25324a35;color:#25324a}.ah-dialog h2{font-family:var(--font-serif,Georgia,serif);font-size:29px;margin:6px 0 20px;line-height:1.25}.ah-dialog h3{font-size:14px;margin:25px 0 12px;color:#677786}.ah-dialog p{font-size:13px;color:#738091;line-height:1.75}.ah-close{position:absolute;right:13px;top:10px;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:#8490a0;border-radius:50%}.ah-close:hover{background:#f2e4e6}.ah-help-steps{display:flex;flex-direction:column;gap:11px}.ah-help-steps p{display:flex;gap:16px;align-items:flex-start;margin:0}.ah-help-steps b{border:1px solid #e6cbb5;background:#fcf3e9;flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:11px;color:#aa815c}.ah-rank-guide{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ah-rank-guide span{font-size:12px;line-height:1.4;padding:9px 10px;border:1px solid #eee0d8;background:#fffdfb;border-radius:10px;display:flex;gap:10px;align-items:center}.ah-rank-guide b{color:#b2956b;display:block;width:14px;font-size:10px}.ah-suit-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.ah-suit-guide span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:10px;padding:8px;border:1px solid #eee3d5;background:#fffdfb;border-radius:12px}.ah-suit-guide b{font-size:24px}.ah-help>.ah-primary{display:flex;margin:20px auto 0}.ah-history ol{padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;margin:25px 0 0}.ah-history li{display:grid;grid-template-columns:85px 1fr 1fr;gap:12px;border-bottom:1px solid #e9ddd3;padding:10px 0;align-items:center;font-size:12px;line-height:1.4}.ah-history li>span{font-size:10px;color:#b39477;text-transform:capitalize}.ah-history li>b{font-weight:500;color:#63788a}.ah-history li>strong{font-weight:500;text-align:right;color:#897b6b}.ah-settings{max-width:470px}.ah-settings>label{display:block;padding:14px 0;font-size:14px;border-bottom:1px solid #ece0d8;line-height:1.7}.ah-settings .ah-setting-mute{display:flex;align-items:center;gap:12px;min-height:54px}.ah-setting-mute input{width:20px;height:20px;accent-color:#ec94aa}.ah-settings>.ah-primary{margin-top:18px}.ah-confirm{max-width:480px}.ah-confirm>div{display:flex;gap:11px;justify-content:flex-end;margin-top:26px;flex-wrap:wrap}.ah-confirm>div button{flex:1}.ah-reveal-overlay{background:#35453c99}.ah-reveal{width:min(710px,100%);position:relative;isolation:isolate;overflow:hidden;padding:50px 40px 30px;border:1px solid #ecd9b1;border-radius:30px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#fff3df,#fffaf3 48%,#eff7f7 100%);box-shadow:0 0 80px #f1e0b14f;max-height:calc(100dvh - 48px);overflow-y:auto}.ah-reveal-orbit{position:absolute;left:50%;top:36%;width:540px;height:540px;transform:translate(-50%,-50%);border:1px solid #ddc69566;border-radius:50%;z-index:-2;animation:ah-orbit-expand 1.5s ease both}.ah-reveal-orbit:after,.ah-reveal-orbit:before{content:'';position:absolute;inset:35px;border:1px solid #c7d8d44c;border-radius:50%}.ah-reveal-orbit:after{inset:70px;border-style:dashed;animation:ah-orbit-spin 45s linear infinite}.ah-reveal h2{font-family:var(--font-serif,Georgia,serif);font-size:38px;color:#946f4b;margin:15px 0 25px;line-height:1.2;text-shadow:0 1px #fffdfb}.ah-reveal .ah-eyebrow{display:block;color:#b8945b;position:relative;font-size:10px;letter-spacing:.22em}.ah-reveal-cards{display:flex;justify-content:center;gap:9px;padding:7px 0 18px}.ah-reveal-cards .ah-card:nth-child(2){animation-delay:.1s}.ah-reveal-cards .ah-card:nth-child(3){animation-delay:.2s}.ah-reveal-cards .ah-card:nth-child(4){animation-delay:.3s}.ah-reveal-cards .ah-card:nth-child(5){animation-delay:.4s}.ah-reveal-payout{font-size:25px;font-weight:550;color:#8c9e95;display:block;margin:12px 0 16px;line-height:1.5}.ah-reveal-rewards{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:15px 0;position:relative}.ah-reveal-rewards span{display:block;border:1px solid #deceb4;border-radius:99px;background:#fffdfbd9;padding:7px 14px;color:#8e7b62;font-size:12px;line-height:1.4}.ah-reveal-baibai{position:relative;display:block;width:120px;height:105px;object-fit:contain;margin:12px auto 5px;filter:drop-shadow(0 4px 6px #83938127)}.ah-reveal-crystals{position:absolute;inset:0;pointer-events:none;z-index:-1}.ah-reveal-crystals i{position:absolute;font-style:normal;font-size:90px;font-weight:300;opacity:.13;color:#83b7ca;top:40%;left:6%;animation:ah-crystal-float 6s ease-in-out infinite}.ah-reveal-crystals i:nth-child(2){left:auto;right:6%;color:#e799a8;animation-delay:-2s;top:30%}.ah-reveal-crystals i:nth-child(3){left:46%;top:6%;color:#899197;font-size:70px;animation-delay:-4s}.ah-legendary{background:radial-gradient(ellipse,#53687fb3,#192439e6);backdrop-filter:blur(10px)}.ah-legendary .ah-reveal{border:1px solid #eadba8;background:radial-gradient(ellipse at 50% 30%,#fffae7,#fff4de 50%,#e6f4f2);box-shadow:0 0 0 7px #eddca333,0 0 130px #ffe5a260}.ah-legendary .ah-reveal h2{color:#9b723b;animation:ah-royal-glow 2.5s ease-in-out infinite}.ah-legendary .ah-reveal-crystals i{opacity:.7;text-shadow:0 0 35px currentColor;animation:ah-crystal-float 3s ease-in-out infinite}.ah-royal-wolf{position:absolute;top:13%;left:50%;transform:translateX(-50%);width:470px;height:290px;object-fit:contain;opacity:.08;z-index:-1;animation:ah-wolf-reveal 1.8s ease both}.ah-initial{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.ah-initial h1{font-family:Georgia,serif;font-size:24px;color:#8a7566}.ah-orbit-symbol{font-size:45px;color:#c99c65;animation:ah-heart-bob 3s ease-in-out infinite}
@keyframes ah-card-enter{from{opacity:0;transform:translateY(15px) rotateY(65deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}@keyframes ah-overlay-in{from{opacity:0}to{opacity:1}}@keyframes ah-companion-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(1.015)}}@keyframes ah-companion-victory{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-11px) rotate(3deg)}50%{transform:translateY(0) rotate(-3deg)}75%{transform:translateY(-7px) rotate(2deg)}}@keyframes ah-companion-tense{0%,100%{transform:rotate(0)}44%,50%{transform:rotate(-3deg)}47%,53%{transform:rotate(3deg)}}@keyframes ah-companion-comfort{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(6px) rotate(2deg)}}@keyframes ah-heart-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ah-orbit-expand{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ah-orbit-spin{to{transform:rotate(360deg)}}@keyframes ah-crystal-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(13deg)}}@keyframes ah-royal-glow{0%,100%{text-shadow:0 0 5px #d7b66825}50%{text-shadow:0 0 30px #d7b668ad}}@keyframes ah-wolf-reveal{from{opacity:0;transform:translateX(-50%) scale(.3)}to{opacity:.08;transform:translateX(-50%) scale(1)}}
@media(max-width:1100px){.arcana-holdem{padding:22px 22px 45px}.ah-page-header{align-items:flex-start}.ah-header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:260px}.ah-table-picker{gap:12px}.ah-table-choice{min-height:345px;border-radius:20px}.ah-table-choice-body{padding:18px 15px}.ah-table-choice h3{font-size:21px}.ah-table-choice p{font-size:11px}.ah-table-scene{height:620px}.ah-seat-1{left:2%;top:27%}.ah-seat-3{right:2%;top:27%}.ah-seat{min-width:110px}.ah-seat-avatar{width:65px;height:65px}.ah-seat-name{min-width:106px;max-width:140px;padding:7px 10px}.ah-seat-name strong{font-size:12px}.ah-board .ah-card{width:67px;height:96px}.ah-board-cards{gap:7px}.ah-player{padding:13px 20px;gap:12px;bottom:25px}.ah-baibai{right:1.3%;width:125px}.ah-baibai>.ah-baibai-sprite{height:120px}.ah-pet-note{right:12px;width:180px;bottom:169px;font-size:11px}.ah-raise-control{grid-template-columns:140px 1fr 250px;gap:16px}.ah-showdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ah-showdown-grid article>div{justify-content:flex-start}.ah-showdown-grid .ah-card-small{width:42px;height:59px}}
@media(max-width:800px){.ah-table-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ah-table-choice{min-height:365px}.ah-table-choice-body{padding:24px}.ah-table-choice p{font-size:12px;min-height:40px}.ah-lobby-intro{align-items:flex-start;gap:20px}.ah-lobby-intro p{font-size:12px}.ah-journey-mini{min-width:160px;font-size:11px;padding:15px}.ah-table-scene{height:660px;border-radius:24px}.ah-table-felt{left:5%;right:5%;top:28%;bottom:17%;border-width:8px}.ah-seat-1{left:3%;top:25%}.ah-seat-3{right:3%;top:25%}.ah-seat-2{top:17px}.ah-board{top:51%;transform:translate(-50%,-30%)}.ah-board .ah-card{width:65px;height:95px}.ah-board-cards{gap:7px}.ah-player{bottom:22px;gap:10px;padding:11px 16px}.ah-player-portrait{width:48px;height:70px}.ah-player-cards .ah-card{width:62px;height:91px}.ah-player-meta{min-width:90px}.ah-player-meta>span{font-size:18px}.ah-player-meta strong{font-size:12px}.ah-baibai{width:95px;bottom:6px;right:0;min-height:105px}.ah-baibai>.ah-baibai-sprite{height:90px}.ah-baibai>span{font-size:17px;width:24px;height:24px;top:14px;right:6px}.ah-baibai>small{font-size:8px;padding:3px 6px}.ah-pet-note{bottom:120px;width:160px}.ah-player{margin-left:-15px}.ah-raise-control{grid-template-columns:105px 1fr;gap:12px}.ah-raise-presets{grid-column:1/-1;justify-content:flex-end}.ah-raise-presets input{width:100px}.ah-actions{padding:20px}.ah-lobby-bottom{padding:22px}.ah-table-toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-end}.ah-action-intro{align-items:flex-start}.ah-action-intro small{max-width:65%;text-align:right}.ah-page-header h1{font-size:27px}.ah-header-actions .ah-soft{font-size:11px;padding:9px 11px}.ah-raise-control b{font-size:18px}.ah-action-buttons button{font-size:13px;padding:13px 8px}}
@media(max-width:560px){.arcana-holdem{padding:14px 9px 28px}.ah-page-header{display:block;padding:0 6px;margin-bottom:19px}.ah-page-header>div:first-child>span{font-size:9px;letter-spacing:.14em}.ah-page-header h1{font-size:25px;margin:8px 0}.ah-page-header p{font-size:11px;line-height:1.75}.ah-header-actions{max-width:none;justify-content:flex-start;gap:6px;margin-top:14px}.ah-header-actions .ah-soft{font-size:10px;min-height:44px;padding:9px 12px}.ah-lobby-top{flex-direction:column;align-items:stretch;gap:15px;margin:18px 0 22px}.ah-mode-switch{border-radius:16px}.ah-mode-switch button{padding:13px 12px;min-height:72px}.ah-mode-switch b{font-size:13px}.ah-mode-switch small{font-size:9px}.ah-resume{flex-direction:row;justify-content:space-between;border-radius:14px;font-size:12px;min-height:52px;padding:12px 20px}.ah-resume small{font-size:9px}.ah-lobby-intro{display:block;padding:0 6px}.ah-lobby-intro h2{font-size:25px;line-height:1.3}.ah-lobby-intro p{font-size:12px;line-height:1.7}.ah-eyebrow{font-size:9px;letter-spacing:.12em}.ah-journey-mini{flex-direction:row;flex-wrap:wrap;margin:17px 0 0;gap:7px 17px;font-size:10px;padding:13px 15px;border-radius:13px}.ah-table-picker{gap:10px}.ah-table-choice{min-height:320px;border-radius:18px}.ah-table-choice-body{padding:17px 13px}.ah-table-choice h3{font-size:20px;line-height:1.2;margin:9px 0 10px}.ah-table-choice p{font-size:10px;line-height:1.65;min-height:66px;max-width:100%;margin-bottom:10px}.ah-table-npcs{margin:10px 0 13px}.ah-table-npcs img{width:33px;height:33px;border-width:2px}.ah-table-choice small{font-size:8px;line-height:1.6;max-width:85%}.ah-table-choice-check{width:22px;height:22px;right:9px;bottom:15px;font-size:10px}.ah-lobby-bottom{display:block;padding:20px;border-radius:18px}.ah-lobby-bottom h3{font-size:23px}.ah-lobby-bottom p{font-size:11px;margin-top:7px}.ah-lobby-bottom>.ah-primary{display:flex;width:100%;margin-top:17px;font-size:13px;padding:12px 18px}.ah-disclaimer{font-size:9px;padding:0 10px;line-height:1.8}.ah-table-toolbar{align-items:flex-start;margin-bottom:14px;gap:10px;padding:0 4px}.ah-table-toolbar h2{font-size:20px;line-height:1.2}.ah-table-toolbar small{font-size:9px}.ah-table-toolbar>div:last-child{max-width:120px;gap:5px}.ah-table-toolbar .ah-soft{font-size:9px;min-height:44px;padding:8px 10px;min-width:100px}.ah-table-scene{height:635px;border-radius:20px}.ah-scene-haze{background:linear-gradient(0deg,#f5f4f0f2,#f5f5f0b9 48%,#f2f4f07d)}.ah-table-felt{top:26%;bottom:18%;left:3%;right:3%;border-width:6px;border-radius:44%;box-shadow:0 0 0 1px #c2a88480,0 0 0 6px #a487665e,inset 0 0 30px #7a8d8325,0 16px 25px #39483e26}.ah-table-border{inset:10px;border-radius:44%}.ah-felt-totem{width:145px;height:145px;top:53%}.ah-felt-mark{font-size:12px;top:82%}.ah-felt-mark small{font-size:5px}.ah-seat{min-width:94px;max-width:104px}.ah-seat-1{left:3%;top:27%}.ah-seat-3{right:3%;top:27%}.ah-seat-2{top:12px}.ah-seat-avatar{width:53px;height:53px;border-width:2px;margin-bottom:5px;box-shadow:0 6px 14px #37494e29}.ah-seat-name{min-width:94px;max-width:105px;padding:6px 6px;border-radius:10px}.ah-seat-name strong{font-size:10px;line-height:1.3;overflow-wrap:anywhere}.ah-seat-name span{font-size:10px;margin-top:3px}.ah-seat-cards{gap:4px;margin-top:6px}.ah-seat .ah-card-small{width:34px;height:48px;border-radius:4px}.ah-seat .ah-card-small .ah-card-back-symbol{font-size:15px}.ah-seat .ah-card-small .ah-card-back-border{inset:3px}.ah-seat-action{font-size:8px;line-height:1.4;max-width:104px;padding:4px 8px;min-height:21px;margin-top:6px}.ah-seat-bet{font-size:9px;bottom:-25px;padding:4px 8px}.ah-seat .ah-dealer,.ah-seat .ah-blind{width:18px;height:18px;font-size:8px;right:-6px}.ah-seat .ah-blind{font-size:6px}.ah-seat-acting .ah-seat-avatar{box-shadow:0 0 0 3px #f5c8d7,0 0 25px #f5c8d770}.ah-board{top:52%;transform:translate(-50%,-25%)}.ah-street{font-size:9px;gap:4px}.ah-street>span:last-child{padding-left:5px;margin-left:2px}.ah-pot{gap:7px;margin:9px 0 10px}.ah-pot small{font-size:8px}.ah-pot b{font-size:21px}.ah-board-cards{gap:5px}.ah-board .ah-card{width:52px;height:76px;border-radius:7px}.ah-board .ah-card-corner{font-size:14px;top:4px;left:5px}.ah-board .ah-card-corner i{font-size:11px}.ah-board .ah-card-corner-bottom{left:auto;top:auto;right:5px;bottom:4px}.ah-board .ah-card-pips{inset:15px 16px;font-size:12px;gap:1px}.ah-board .ah-card-art{left:17px;top:16px;width:calc(100% - 25px);height:calc(100% - 26px)}.ah-board .ah-card-art-wash{inset:15px 6px 10px 16px}.ah-board .ah-card-portrait-suit{left:22px;bottom:13px;font-size:10px}.ah-board-caption{font-size:8px;margin-top:8px}.ah-player{bottom:27px;left:45%;padding:11px 10px;gap:8px;border-radius:18px;max-width:calc(100% - 69px);margin-left:0}.ah-player-portrait{display:none}.ah-player-cards{gap:5px}.ah-player-cards .ah-card{width:52px;height:76px}.ah-player-cards .ah-card-corner{font-size:14px;top:4px;left:5px}.ah-player-cards .ah-card-corner i{font-size:11px}.ah-player-cards .ah-card-corner-bottom{left:auto;top:auto;right:5px;bottom:4px}.ah-player-cards .ah-card-pips{inset:15px 16px;font-size:12px;gap:1px}.ah-player-cards .ah-card-art{left:17px;top:16px;width:calc(100% - 25px);height:calc(100% - 26px)}.ah-player-cards .ah-card-art-wash{inset:15px 6px 10px 16px}.ah-player-cards .ah-card-portrait-suit{left:22px;bottom:13px;font-size:10px}.ah-player-meta{min-width:78px;max-width:100px}.ah-player-meta strong{font-size:11px;line-height:1.4}.ah-player-meta strong small{font-size:8px;display:inline;margin-left:4px}.ah-player-meta>span{font-size:16px;margin:4px 0}.ah-player-meta>small{font-size:9px;line-height:1.4}.ah-player-bet{top:-23px;font-size:9px;padding:4px 9px}.ah-baibai{width:81px;bottom:17px;right:1px;min-height:80px}.ah-baibai>.ah-baibai-sprite{height:78px}.ah-baibai>span{font-size:15px;width:23px;height:23px;right:1px;top:0}.ah-baibai>small{font-size:7px;margin-top:0}.ah-pet-note{right:6px;width:145px;bottom:114px;padding:10px 12px;font-size:10px;border-radius:14px}.ah-pet-note:after{right:29px;width:11px;height:11px;bottom:-6px}.ah-actions{padding:17px 14px;margin-top:13px;border-radius:19px}.ah-action-intro{display:block;margin-bottom:12px}.ah-action-intro strong{font-size:14px;display:block}.ah-action-intro small{font-size:9px;text-align:left;max-width:none;display:block;margin-top:5px;line-height:1.5}.ah-action-buttons{gap:7px;grid-template-columns:1fr 1.2fr 1.4fr .95fr}.ah-action-buttons button{font-size:11px;padding:10px 5px;min-height:50px;border-radius:12px;overflow-wrap:anywhere}.ah-raise-control{grid-template-columns:85px 1fr;gap:10px;margin-top:15px}.ah-raise-control>label{font-size:9px}.ah-raise-control b{font-size:16px}.ah-raise-presets{justify-content:space-between;gap:6px}.ah-raise-presets button{font-size:9px;min-height:44px;padding:8px 12px;flex:1}.ah-raise-presets input{width:75px;min-height:44px;font-size:11px}.ah-result{display:block;padding:20px;border-radius:20px}.ah-result h3{font-size:23px;line-height:1.3}.ah-result p{font-size:11px}.ah-result>.ah-primary{width:100%;margin-top:19px;font-size:13px}.ah-showdown-details{padding:17px 14px;border-radius:19px}.ah-showdown-details>summary{font-size:12px}.ah-showdown-grid{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.ah-showdown-grid article{padding:12px 8px;border-radius:11px}.ah-showdown-grid strong{font-size:9px;gap:3px;line-height:1.4;overflow-wrap:anywhere}.ah-showdown-grid small{font-size:8px;margin:5px 0 9px}.ah-showdown-grid article>div{gap:3px}.ah-showdown-grid .ah-card-small{width:26px;height:38px;border-radius:4px}.ah-showdown-grid .ah-card-small .ah-card-corner{font-size:9px;left:2px;top:2px}.ah-showdown-grid .ah-card-small .ah-card-corner i{font-size:6px}.ah-showdown-grid .ah-card-small .ah-card-corner-bottom{left:auto;top:auto;right:2px;bottom:2px}.ah-showdown-grid .ah-card-small .ah-card-pips{font-size:6px;inset:8px 9px}.ah-showdown-grid .ah-card-small .ah-card-art{left:10px;top:7px;width:calc(100% - 13px);height:calc(100% - 13px)}.ah-showdown-grid .ah-card-small .ah-card-art-wash{inset:7px 3px 6px 9px}.ah-showdown-grid .ah-card-small .ah-card-portrait-suit{left:11px;bottom:6px;font-size:6px}.ah-pot-detail{flex-direction:column;gap:5px;padding:9px 11px;font-size:9px}.ah-pot-detail span{text-align:left}.ah-table-links{gap:10px 15px;font-size:10px;padding:0 5px}.ah-table-links p{font-size:9px;line-height:1.8}.ah-overlay{padding:12px}.ah-dialog{padding:32px 23px 25px;border-radius:23px;max-height:calc(100dvh - 24px)}.ah-dialog h2{font-size:26px;margin:7px 0 20px}.ah-dialog p{font-size:12px}.ah-help-steps{gap:12px}.ah-help-steps p{gap:11px;line-height:1.7}.ah-help-steps b{width:29px;height:29px;font-size:9px;margin-top:2px}.ah-rank-guide{gap:6px}.ah-rank-guide span{font-size:10px;padding:9px 7px;gap:7px}.ah-rank-guide b{font-size:9px;width:10px}.ah-suit-guide{gap:5px}.ah-suit-guide span{font-size:9px;padding:7px 5px}.ah-history li{grid-template-columns:58px 1fr 1fr;gap:8px;font-size:10px}.ah-history li>span{font-size:8px}.ah-reveal{padding:37px 16px 25px;border-radius:24px;max-height:calc(100dvh - 24px)}.ah-reveal h2{font-size:29px;margin:16px 0 23px}.ah-reveal .ah-eyebrow{font-size:8px;letter-spacing:.16em}.ah-reveal-cards{gap:6px}.ah-reveal-cards .ah-card{width:53px;height:76px;border-radius:7px}.ah-reveal-cards .ah-card-corner{font-size:14px;top:4px;left:5px}.ah-reveal-cards .ah-card-corner i{font-size:11px}.ah-reveal-cards .ah-card-corner-bottom{top:auto;left:auto;bottom:4px;right:5px}.ah-reveal-cards .ah-card-pips{inset:15px 16px;font-size:12px;gap:1px}.ah-reveal-cards .ah-card-art{left:17px;top:15px;width:calc(100% - 24px);height:calc(100% - 26px)}.ah-reveal-cards .ah-card-art-wash{inset:15px 7px 11px 16px}.ah-reveal-cards .ah-card-portrait-suit{left:22px;bottom:12px;font-size:11px}.ah-reveal-payout{font-size:21px;margin:10px 0 15px}.ah-reveal-rewards span{font-size:10px;padding:7px 10px}.ah-reveal-baibai{width:105px;height:95px}.ah-reveal-crystals i{font-size:60px;left:2%}.ah-reveal-crystals i:nth-child(2){right:2%}.ah-reveal-crystals i:nth-child(3){font-size:50px}.ah-royal-wolf{width:320px;height:245px}.ah-reveal>.ah-primary{font-size:13px}.ah-initial{min-height:550px}.ah-initial h1{font-size:20px;text-align:center}}
@media(max-width:370px){.ah-board .ah-card{width:48px;height:71px}.ah-board-cards{gap:4px}.ah-seat-1{left:1.5%}.ah-seat-3{right:1.5%}.ah-table-choice-body{padding:16px 10px}.ah-table-choice h3{font-size:18px}.ah-player{left:43%;gap:6px;padding:10px 8px}.ah-player-meta{min-width:70px}.ah-player-cards .ah-card{width:48px;height:72px}.ah-showdown-grid .ah-card-small{width:24px;height:36px}.ah-showdown-grid article>div{gap:2px}}
@media(prefers-reduced-motion:reduce){.arcana-holdem *,.arcana-holdem *:before,.arcana-holdem *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.ah-equipped-cloth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.075;pointer-events:none;border-radius:48%}.ah-card-back-art{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;border-radius:4px;opacity:.24;filter:saturate(.5)}.ah-card-small .ah-card-back-art{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.ah-cosmetic-closet{border-top:1px solid #e9ddd1;margin:24px 0;padding-top:8px}.ah-cosmetic-closet h4{font-size:12px;font-weight:550;color:#7a8590;margin:18px 0 10px}.ah-cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ah-cosmetic-grid button{display:block;overflow:hidden;border:1px solid #e8d8c8;border-radius:13px;padding:5px;background:#fffdfb;color:#687587;min-height:100px}.ah-cosmetic-grid button.selected{border-color:#e49aac;box-shadow:0 0 0 2px #f7c3cf57}.ah-cosmetic-grid img{width:100%;height:68px;object-fit:cover;border-radius:9px}.ah-cosmetic-grid small{display:block;font-size:9px;line-height:1.5;margin:6px 3px 4px}.ah-default-cosmetic{display:grid;place-items:center;font-size:30px;color:#c99c65;min-height:68px;background:linear-gradient(130deg,#eaf4f6,#faecee);border-radius:9px}
.ah-table-felt{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--ah-accent) 40%,#fffdfb) 0%,color-mix(in srgb,var(--ah-accent) 72%,#edf2ef) 54%,color-mix(in srgb,var(--ah-primary) 30%,#d4e2de) 100%)}.ah-board-caption{color:#5e716b}.ah-action-intro small{color:#617573}.ah-table-choice small{color:#596675}.ah-board-cards .ah-card:nth-child(2){animation-delay:.04s}.ah-board-cards .ah-card:nth-child(3){animation-delay:.08s}.ah-board-cards .ah-card:nth-child(4){animation-delay:.12s}.ah-board-cards .ah-card:nth-child(5){animation-delay:.16s}
@media(min-width:901px){.ah-board{top:49%}}
.ah-initial p{max-width:650px;text-align:center;line-height:1.8;margin:8px auto;color:#617184}.ah-initial small{max-width:650px;text-align:center;line-height:1.8;color:#748193}.ah-reveal-net-label{display:block;margin:-9px 0 17px;color:#657885;font-size:12px}.ah-reveal-story{max-width:490px;margin:18px auto 8px;padding:15px 19px;border:1px solid #e8d8c6;border-radius:17px;background:#fffdf8db}.ah-reveal-story h3{font-size:15px;margin:0 0 7px;color:#8c7154}.ah-reveal-story p{font-size:12px;line-height:1.8;color:#647484;margin:0}.ah-big-pot{box-shadow:0 0 0 1px #d7b87999,0 18px 95px #bfab7660}.ah-big-pot .ah-reveal-crystals i{color:#d7b879;animation-duration:2s}

.ah-journey-note{display:flex;gap:15px;align-items:center;margin:0 0 22px;padding:17px 22px;border:1px solid #dfd4bc;border-radius:21px;background:linear-gradient(115deg,#fff7ed,#f4eef8,#ebf5f6);color:#5b6478}.ah-journey-note>span{font-size:25px;color:#b19371}.ah-journey-note b{font:17px var(--font-serif,Georgia,serif)}.ah-journey-note p{font-size:12px;line-height:1.7;margin:6px 0 0}.ah-journey-note>a{white-space:nowrap;font-size:12px;color:#886a5c}.ah-journey-reward{margin:18px auto 6px}.ah-journey-reward p{font-size:12px;line-height:1.7}.ah-journey-reward .ah-soft{display:inline-flex}@media(max-width:600px){.ah-journey-note{align-items:flex-start;padding:15px;flex-wrap:wrap}.ah-journey-note>div{flex:1}.ah-journey-note>a{margin-left:40px}.ah-journey-note b{font-size:16px}}

/* Arcana's world names frame the standard board. Classic never uses these stage effects. */
.ah-stage-title{font-weight:550;line-height:1.4}.ah-stage-title>small{display:block;color:#7b898a;font-size:9px;letter-spacing:.05em;font-weight:400;text-transform:none;margin-top:2px}.ah-board-slot{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.ah-realm-slot-label{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;font-size:9px;color:#65777d;line-height:1.3;margin-top:8px;min-height:23px;overflow-wrap:anywhere}.ah-realm-slot-label i{font-size:10px;font-style:normal;color:#b38f6e}.ah-board-slot[data-realm-slot=human] .ah-realm-slot-label{color:#596c8b}.ah-board-slot[data-realm-slot=creature] .ah-realm-slot-label{color:#537c6b}.ah-board-slot[data-realm-slot=divine] .ah-realm-slot-label{color:#9b7383}.ah-board-narrative .ah-board-caption{margin-top:6px;font-size:9px;letter-spacing:.025em}.ah-board-caption>span{color:#7c898a;font-size:8px}.ah-board-slot:nth-child(2) .ah-card{animation-delay:.045s}.ah-board-slot:nth-child(3) .ah-card{animation-delay:.09s}.ah-board-slot:nth-child(4) .ah-card{animation-delay:.12s}.ah-board-slot:nth-child(5) .ah-card{animation-delay:.16s}.ah-board-narrative .ah-board-slot:nth-child(5) .ah-card:not(.ah-card-empty){animation-name:ah-destiny-turn;animation-duration:.72s;animation-delay:.08s;transform-origin:center}.ah-table-narrative .ah-scene-haze{transition:background 1.2s ease}.ah-table-narrative[data-street=turn] .ah-scene-haze{background:linear-gradient(0deg,#eff7f3e6,#dcefeb9e 48%,#eaf4f16b)}.ah-table-narrative[data-street=river] .ah-scene-haze{background:linear-gradient(0deg,#fbf5e9e6,#f7e8db9e 48%,#fff0da6b)}.ah-table-narrative[data-street=complete] .ah-scene-haze{background:linear-gradient(0deg,#f6f2e7e6,#eadfc99e 48%,#f7e8cf6b)}.ah-player-hand{flex-shrink:0}.ah-fate-label{display:block;text-align:left;font-size:9px;line-height:1.4;color:#8d765a;margin-bottom:5px}.ah-fate-label>span{font-size:8px;color:#7c8891}.ah-baibai-eager>.ah-baibai-sprite{animation:ah-companion-eager 2s ease-in-out infinite}.ah-baibai-eager>span{color:#b2904b;box-shadow:0 0 0 4px #e8d2aa29}.ah-narrative-help{margin:22px 0;padding:16px;border:1px solid #e7d6c3;border-radius:16px;background:linear-gradient(125deg,#fff7ef,#f3f7f9)}.ah-narrative-help>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ah-narrative-help span{display:flex;flex-direction:column;gap:4px;padding:8px 5px;color:#7d6959;text-align:center;overflow-wrap:anywhere}.ah-narrative-help b{font-size:11px;font-weight:550;line-height:1.4}.ah-narrative-help small{font-size:9px;color:#7c8990}.ah-narrative-help p,.ah-standard-suits{font-size:11px!important;line-height:1.7;color:#71808e}.ah-narrative-help p{margin:12px 0 0}.ah-showdown-details>summary small{font-size:10px;font-weight:400;color:#7a8990}
@keyframes ah-destiny-turn{0%{opacity:0;transform:translateY(6px) rotateY(90deg)}45%{opacity:.75;transform:translateY(0) rotateY(35deg)}100%{opacity:1;transform:translateY(0) rotateY(0)}}
@keyframes ah-companion-eager{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(0) rotate(-1deg)}75%{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:1100px){.ah-realm-slot-label{font-size:8px;max-width:67px;min-height:25px}.ah-stage-title>small{font-size:8px}}
@media(max-width:560px){.ah-realm-slot-label{font-size:7px;max-width:52px;min-height:30px;margin-top:5px;gap:2px;flex-direction:column}.ah-realm-slot-label i{font-size:8px}.ah-board-narrative .ah-board-caption{font-size:7px}.ah-board-caption>span{font-size:6px}.ah-stage-title{max-width:140px;font-size:10px}.ah-stage-title>small{font-size:7px;margin-top:1px}.ah-fate-label{font-size:8px;margin-bottom:4px}.ah-fate-label>span{font-size:6px}.ah-narrative-help{padding:12px}.ah-narrative-help>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ah-narrative-help span:last-child{grid-column:1/-1}.ah-narrative-help b{font-size:11px}.ah-narrative-help small{font-size:8px}.ah-narrative-help p,.ah-standard-suits{font-size:10px!important}.ah-showdown-details>summary small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ah-board-narrative .ah-board-slot .ah-card,.ah-baibai-eager>.ah-baibai-sprite{animation:none!important}.ah-table-narrative .ah-scene-haze{transition:none}}
.ah-board-slot{width:74px}@media(max-width:1100px){.ah-board-slot{width:67px}}@media(max-width:800px){.ah-board-slot{width:65px}}@media(max-width:560px){.ah-board-slot{width:52px}}@media(max-width:370px){.ah-board-slot{width:48px}}
.ah-card-back-art.ah-universal-back{inset:0;width:100%;height:100%;opacity:1;filter:none;border-radius:inherit;object-fit:fill}.ah-card-art.ah-art-emblem{object-fit:contain;padding:7px}.ah-card-art.ah-art-entity{object-fit:contain}.ah-card-art.ah-art-scene{object-fit:cover}.ah-card-small .ah-card-art.ah-art-emblem{padding:3px}
.ah-card-corner{background:#fffdfbec;border-radius:3px}.ah-table-narrative .ah-felt-mark{opacity:.12}

.ah-baibai-sprite{display:block;background-size:500% 400%;background-position:0 0;background-repeat:no-repeat}.ah-baibai>.ah-baibai-sprite{aspect-ratio:1;height:auto}.ah-baibai-victory>.ah-baibai-sprite,.ah-baibai-sprite.ah-baibai-victory{background-position:100% 100%}.ah-baibai-tense>.ah-baibai-sprite,.ah-baibai-eager>.ah-baibai-sprite{background-position:75% 0}.ah-baibai-comfort>.ah-baibai-sprite,.ah-baibai-sprite.ah-baibai-comfort{background-position:100% 0}.ah-reveal-baibai.ah-baibai-sprite{height:120px}@media(max-width:550px){.ah-reveal-baibai.ah-baibai-sprite{width:105px;height:105px}}
.ah-next-discovery{margin-top:20px;padding:22px;border:1px solid #e0dbe8;border-radius:22px;background:linear-gradient(135deg,#fff9fc,#f2f7fc)}.ah-next-discovery h3{font-size:19px;margin:0 0 9px}.ah-next-discovery>p{font-size:13px;line-height:1.8;color:#80738a;margin-bottom:16px}.ah-next-discovery>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ah-next-discovery a{display:grid;grid-template-columns:56px 1fr 12px;align-items:center;gap:12px;text-decoration:none;color:#4b4255;min-width:0}.ah-next-discovery a img{width:56px;height:68px;object-fit:cover;object-position:50% 22%;border-radius:12px}.ah-next-discovery a b{font-size:14px}.ah-next-discovery a small{display:block;font-size:11px;line-height:1.7;margin-top:5px;color:#8b7f93}.ah-seat-avatar img{object-position:50% 23%}@media(max-width:560px){.ah-next-discovery{padding:17px}.ah-next-discovery>div{grid-template-columns:1fr;gap:15px}.ah-next-discovery a{grid-template-columns:58px 1fr 12px}.ah-next-discovery a img{width:58px;height:72px}.ah-player-cards .ah-card{width:62px;height:88px}.ah-player-cards .ah-card-corner{font-size:18px}.ah-player-cards .ah-card-corner i{font-size:13px}.ah-actions{position:sticky;bottom:8px;z-index:12;box-shadow:0 12px 35px #5d506729;background:#fffafaf5;backdrop-filter:blur(10px)}.ah-raise-control input[type=range]{min-height:44px;touch-action:pan-x}.ah-player-meta{min-width:68px}.ah-table-scene{min-height:635px}}
.ah-shared-card{padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;display:inline-block!important;aspect-ratio:63/88}.ah-shared-card>.u-card{height:100%;width:100%;border-radius:inherit}.ah-shared-card .u-card__index b{font-size:19px}.ah-shared-card .u-card__index span{font-size:16px}.ah-shared-card .u-card__caption{display:grid}.ah-card-small .u-card__index b{font-size:15px}.ah-card-small .u-card__index span{font-size:12px}.ah-shared-card.ah-card-best>.u-card{box-shadow:0 0 0 2px #d4ad67,0 0 17px #dfbf713b}.ah-shared-card[data-back-theme*=phoenix] .u-card--back{filter:sepia(.23) hue-rotate(300deg)}.ah-shared-card[data-back-theme*=dragon] .u-card--back{filter:hue-rotate(65deg)}.ah-shared-card[data-back-theme*=star] .u-card--back{filter:hue-rotate(20deg) saturate(.8)}.ah-shared-card.ah-card-empty{border:1px dashed #d0c2c8!important;background:#fff9fa60!important}
@media(max-width:430px){.ah-shared-card .u-card__index b{font-size:18px}.ah-shared-card .u-card__index span{font-size:15px}.ah-card-small .u-card__index b{font-size:14px}.ah-card-small .u-card__index span{font-size:11px}}
.ah-board-narrative .ah-board-slot .ah-card:not(.ah-card-empty){animation:ah-arcana-turn .32s ease-out both}.ah-table-scene[data-street=flop] .ah-board-slot:nth-child(2) .ah-card{animation-delay:.07s}.ah-table-scene[data-street=flop] .ah-board-slot:nth-child(3) .ah-card{animation-delay:.14s}.ah-table-scene[data-street=turn] .ah-board-slot:nth-child(4) .ah-card{animation-delay:.16s}.ah-table-scene[data-street=river] .ah-board-slot:nth-child(5) .ah-card{animation:ah-arcana-turn .55s .23s ease-out both}.ah-reveal-cards{animation:ah-arcana-turn .4s ease-out both}.ah-reveal>h2{animation:ah-arcana-summary .4s .45s both}.ah-reveal-payout{animation:ah-arcana-summary .45s .95s both}.ah-reveal-rewards,.ah-reveal-story{animation:ah-arcana-summary .4s 1.2s both}.ah-reveal-cards .ah-card-best{animation:ah-winning-glow .55s .4s both}.arcana-holdem[data-all-in=true] .ah-player-acting{box-shadow:0 0 32px #cdaa6340}.arcana-holdem[data-quality=LOW] .ah-reveal>h2,.arcana-holdem[data-quality=LOW] .ah-reveal-payout,.arcana-holdem[data-quality=LOW] .ah-reveal-rewards,.arcana-holdem[data-quality=LOW] .ah-reveal-story{animation-delay:0s}@keyframes ah-arcana-turn{from{opacity:0;transform:translateY(9px) rotateY(-18deg)}to{opacity:1;transform:none}}@keyframes ah-arcana-summary{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ah-winning-glow{to{filter:drop-shadow(0 0 7px #b49be9)}}.arcana-holdem[data-reduced-motion=true] .ah-card,.arcana-holdem[data-reduced-motion=true] .ah-reveal,.arcana-holdem[data-reduced-motion=true] .ah-reveal>*{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.ah-card,.ah-reveal,.ah-reveal>*{animation:none!important;transition:none!important}}

/* Explain only completed, public hands; keep the next hand within easy reach. */
.ah-winning-reason{font-size:13px;line-height:1.65;font-weight:600;overflow-wrap:anywhere}.ah-net-change{font-size:13px;font-variant-numeric:tabular-nums;color:inherit}.ah-rank-comparison{display:block;letter-spacing:.07em;margin-top:4px}.ah-pot-detail{flex-wrap:wrap}.ah-pot-detail>small{flex-basis:100%;font-size:12px;line-height:1.6}.ah-pace[aria-pressed=true]{border-color:var(--game-active,#bb9859);background:var(--game-panel,#fff8e8)}.ah-result>.ah-primary{min-height:50px;flex-shrink:0}.ah-showdown-grid .ah-card-best{outline:2px solid var(--game-active,#bb9859);outline-offset:2px;border-radius:9px}@media(max-width:600px){.ah-table-toolbar>div:last-child{flex-wrap:wrap}.ah-pace{font-size:11px}.ah-result{align-items:stretch}.ah-result>.ah-primary{width:100%}.ah-winning-reason{font-size:12px}.ah-pot-detail>small{font-size:11px}}

.ah-result-rewards{margin-top:10px;min-height:44px}

/* Compact round progression and a thumb-level action rail; no betting rules
   or result timing are derived from these presentation states. */
.arcana-holdem .ah-street-progress{display:flex;gap:8px;justify-content:center;list-style:none;margin:8px 0 12px;padding:0}
.ah-street-progress li{display:flex;align-items:center;gap:4px;min-width:0;font-size:9px;color:var(--game-text-secondary,#8c897f);opacity:.65}
.ah-street-progress i{display:grid;place-items:center;min-width:16px;min-height:16px;border:1px solid currentColor;border-radius:50%;font-size:8px;font-style:normal}
.ah-street-progress li[data-street-state=done]{color:var(--game-active,#b99860);opacity:.8}
.ah-street-progress li[data-street-state=current]{color:var(--game-active,#b99860);opacity:1;font-weight:650}
.ah-street-progress li[data-street-state=current] i{background:var(--game-active,#b99860);color:var(--game-panel,#fffaf2);border-color:var(--game-active,#b99860)}
.arcana-holdem .ah-street{align-items:center}
.arcana-holdem .ah-stage-title{min-width:0}
.arcana-holdem .ah-action-intro strong{display:flex;align-items:center;gap:7px}
.arcana-holdem .ah-actions[data-turn=player] .ah-action-intro strong::before{content:'✦';font-size:13px;color:var(--game-active,#b99860)}
.arcana-holdem .ah-action-buttons{grid-template-columns:1fr 1.15fr 1.15fr}
.arcana-holdem .ah-action-buttons button{min-height:50px;transition:background 140ms ease,transform 140ms ease,box-shadow 140ms ease}
.arcana-holdem .ah-action-buttons button:not(:disabled):active{transform:translateY(1px)}
.arcana-holdem .ah-action-buttons button:focus-visible,.arcana-holdem .ah-raise-control button:focus-visible{outline:2px solid var(--game-active,#b99860);outline-offset:3px}
.arcana-holdem .ah-action-buttons button:disabled{cursor:not-allowed;box-shadow:none}
.arcana-holdem[data-interaction=raise] .ah-action-raise{outline:2px solid var(--game-active,#b99860);outline-offset:2px}
.arcana-holdem .ah-raise-confirm{display:flex;flex-wrap:wrap;gap:8px}
.arcana-holdem .ah-raise-confirm>button{flex:1 1 90px;min-height:46px}
.arcana-holdem .ah-raise-cancel{font-weight:400}
.arcana-holdem .ah-seat-acting .ah-seat-action{font-weight:650}
.arcana-holdem .ah-player-acting{outline:1px solid var(--game-active,#b99860);outline-offset:3px}
.arcana-holdem .ah-result{border-radius:18px}
.arcana-holdem .ah-result>.ah-primary{min-height:52px}
.arcana-holdem .ah-result-rewards{font-weight:400}
@media(max-width:560px){
 .arcana-holdem .ah-table-scene{min-height:500px}
 .arcana-holdem .ah-table-toolbar{gap:10px;margin-bottom:10px}
 .arcana-holdem .ah-table-toolbar>div:first-child h2{font-size:15px;margin:3px 0}
 .arcana-holdem .ah-table-toolbar>div:last-child{gap:5px}
 .arcana-holdem .ah-table-toolbar .ah-soft{padding:8px 9px;min-height:44px;font-size:10px}
 .arcana-holdem .ah-street-progress{gap:6px;margin:7px 0 9px}
 .arcana-holdem .ah-street-progress li{font-size:8px;gap:3px}
 .arcana-holdem .ah-street-progress i{min-width:14px;min-height:14px;font-size:7px}
 .arcana-holdem .ah-street{gap:6px}
 .arcana-holdem .ah-actions{padding:12px 10px;bottom:max(8px,env(safe-area-inset-bottom));border-radius:14px}
 .arcana-holdem .ah-action-intro{margin-bottom:9px}
 .arcana-holdem .ah-action-buttons{gap:7px}
 .arcana-holdem .ah-action-buttons button{font-size:12px;padding:10px 6px;min-height:48px;border-radius:9px}
 .arcana-holdem .ah-raise-control{margin-top:12px}
 .arcana-holdem .ah-raise-confirm>button{font-size:11px;min-height:46px}
 .arcana-holdem .ah-result{padding:18px 14px}
 .arcana-holdem .ah-result>.ah-primary{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.arcana-holdem .ah-action-buttons button{transition:none}}
/* Card presentation remains readable before another decision or the result. */
.arcana-holdem .ah-skip-presentation{grid-column:1/-1;justify-self:center;min-height:44px;padding:9px 24px}
.sjs-game-shell[data-reduced-motion=false] .arcana-holdem :is(.ah-player-cards,.ah-board-cards) .ah-card:not(.ah-card-back):not(.ah-card-empty){animation:ah-card-present var(--sjs-deal-ms,640ms) cubic-bezier(.2,.72,.3,1) both;transform-origin:50% 70%}
@keyframes ah-card-present{0%{opacity:0;translate:0 -12px;rotate:-2deg;scale:.97}50%{opacity:1}100%{opacity:1;translate:0 0;rotate:0deg;scale:1}}
@media(prefers-reduced-motion:reduce){.sjs-game-shell .arcana-holdem :is(.ah-player-cards,.ah-board-cards) .ah-card{animation:none!important}}

/* src/components/arcana-slots/card-slots.css */
.cs-game{max-width:1000px;margin:0 auto;padding:20px 20px calc(32px + env(safe-area-inset-bottom));color:var(--game-ink,#332e25)}
.cs-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.cs-heading>div>span{font-size:10px;letter-spacing:.18em;color:var(--game-muted,#746956)}.cs-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.6vw,36px);line-height:1.25;margin:5px 0 8px}.cs-heading p{margin:0;max-width:600px;font-size:13px;line-height:1.65;color:var(--game-muted,#746956)}
.cs-help-button,.cs-help-close{width:44px;height:44px;flex:none;border:1px solid var(--game-line,#d8cdb8);border-radius:14px;background:var(--game-paper,#faf7ef);color:inherit;font-size:20px;cursor:pointer}
.cs-cabinet{background:var(--game-table,var(--game-active,#223b42));color:var(--game-table-ink,#f5ecd7);border:1px solid var(--game-table-edge,#c8b994);border-radius:24px;padding:18px 32px 20px;box-shadow:inset 0 0 0 5px #ffffff05,0 14px 32px #1b25251c}
.cs-cabinet-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;font-size:12px;line-height:1.4}.cs-cabinet-top>b{font-weight:500}.cs-cabinet-top>span{color:var(--game-table-muted,#c5bfab);font-size:11px}
.cs-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:660px;margin:0 auto}.cs-reel{min-width:0;padding:8px;background:#00000012;border:1px solid var(--game-table-line,#9c8352);border-radius:17px;text-align:center;transition:background-color 160ms,border-color 160ms}.cs-reel[data-stopped=true]{background:#ffffff08;border-color:var(--game-table-accent,#d3b879)}.cs-reel-number{display:block;font-size:9px;letter-spacing:.2em;color:var(--game-table-muted,#c5bfab);margin-bottom:7px}
.cs-window{position:relative;isolation:isolate;aspect-ratio:63/88;border-radius:9px;overflow:hidden;background:#111a1b}.cs-face{position:absolute;inset:0;z-index:2;visibility:visible}.cs-face[data-visible=false]{visibility:hidden}.cs-game .cs-face .u-card,.cs-game .cs-preview .u-card{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;aspect-ratio:63/88;margin:0;border-radius:9px}.cs-preview{position:absolute;inset:0;overflow:hidden}.cs-preview-track{height:200%;animation:cs-reel-roll 430ms linear infinite}.cs-game .cs-preview-track .u-card{height:50%;--tilt-x:0deg;--tilt-y:0deg}.cs-reel:nth-child(2) .cs-preview-track{animation-duration:470ms}.cs-reel:nth-child(3) .cs-preview-track{animation-duration:510ms}
.cs-card-label{display:block;min-height:22px;margin-top:8px;font-size:15px;letter-spacing:.08em}.cs-result{min-height:97px;margin-top:18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.cs-result>strong{font-size:27px;line-height:1.25;font-weight:500;font-family:Georgia,'Times New Roman',serif}.cs-result>p{margin:0;font-size:13px;line-height:1.5}.cs-result>small{color:var(--game-table-muted,#c5bfab);font-size:12px;line-height:1.5}.cs-result .cs-reward{font-size:12px;max-width:580px;margin-top:5px;color:var(--game-table-ink,#f5ecd7)}
.cs-actions{display:flex;gap:10px;margin-top:16px;align-items:stretch}.cs-spin,.cs-skip{min-height:48px;padding:12px 22px;border-radius:14px;border:1px solid var(--game-line,#c8bda7);font-size:15px;font-weight:600;line-height:1.4;cursor:pointer}.cs-spin{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--game-primary,var(--game-table-soft,#29434a));color:var(--game-primary-ink,var(--game-table-ink,#fff));border-color:var(--game-table-line,#a59b80)}.cs-spin>span{font-size:22px}.cs-skip{background:var(--game-paper,#faf7ef);color:var(--game-ink,#332e25)}.cs-game button:disabled{cursor:default;opacity:.55}.cs-game button:focus-visible,.cs-game summary:focus-visible,.cs-game a:focus-visible{outline:3px solid var(--game-accent,#a98a51);outline-offset:3px}
.cs-free-note{text-align:center;font-size:11px;line-height:1.65;color:var(--game-muted,#746956);max-width:720px;margin:10px auto 0}.cs-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:13px 0}.cs-settings label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;cursor:pointer}.cs-settings input{width:16px;height:16px;accent-color:var(--game-table-soft,#29434a)}
.cs-milestones{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--game-line,#d8cdb8);border-radius:14px;overflow:hidden;margin:0 0 14px;background:var(--game-paper,#faf7ef)}.cs-milestones>div{text-align:center;padding:12px 6px;border-right:1px solid var(--game-line,#d8cdb8);display:flex;flex-direction:column;gap:5px}.cs-milestones>div:last-child{border:0}.cs-milestones span{font-size:10px;line-height:1.5}.cs-milestones b{font-size:18px;font-weight:400}.cs-milestones [data-seen=true]{background:var(--game-soft,#ece5d6)}
.cs-history{border:1px solid var(--game-line,#d8cdb8);border-radius:14px;padding:0 16px;background:var(--game-paper,#faf7ef);font-size:12px}.cs-history summary{min-height:46px;display:flex;align-items:center;cursor:pointer}.cs-history>p{font-size:11px;line-height:1.7;color:var(--game-muted,#746956)}.cs-history ol{list-style:none;padding:0;margin:0 0 14px}.cs-history li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--game-line,#d8cdb8)}.cs-history li>b{font-weight:500}.cs-passport{display:block;width:max-content;max-width:100%;padding:12px 0;min-height:44px;font-size:12px;color:inherit;text-decoration:none}
.cs-error{font-size:13px;line-height:1.6;padding:12px 14px;background:#fff3e7;border:1px solid #b77f5b;border-radius:12px;color:#713a23}.cs-help{max-width:560px;width:calc(100% - 28px);max-height:85dvh;overflow:auto;border:1px solid var(--game-line,#d8cdb8);border-radius:22px;padding:24px;background:var(--game-paper,#faf7ef);color:var(--game-ink,#332e25)}.cs-help::backdrop{background:#15232599}.cs-help-close{float:right;margin-left:8px}.cs-help h2{font-size:24px;font-family:Georgia,'Times New Roman',serif}.cs-help p{font-size:13px;line-height:1.8}
@keyframes cs-reel-roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(max-width:600px){.cs-game{padding:12px 10px calc(20px + env(safe-area-inset-bottom))}.cs-heading{gap:10px;margin-bottom:12px}.cs-heading h1{font-size:22px}.cs-heading p{font-size:11px;line-height:1.6}.cs-cabinet{padding:12px 10px 14px;border-radius:19px}.cs-cabinet-top{font-size:10px;margin-bottom:11px}.cs-cabinet-top>span{font-size:9px}.cs-reels{gap:8px}.cs-reel{padding:5px;border-radius:12px}.cs-reel-number{margin-bottom:5px;font-size:8px}.cs-card-label{margin-top:7px;font-size:12px;min-height:18px}.cs-result{min-height:96px;margin-top:12px;gap:4px}.cs-result>strong{font-size:24px}.cs-result>p,.cs-result>small,.cs-result .cs-reward{font-size:11px}.cs-actions{margin-top:12px;gap:8px}.cs-spin,.cs-skip{font-size:13px;padding:12px 10px;min-height:48px}.cs-settings{gap:2px 12px;margin:7px 0}.cs-settings label{font-size:11px}.cs-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-milestones>div{padding:8px 4px}.cs-milestones>div:nth-child(3){border-right:0}.cs-milestones>div:nth-child(-n+3){border-bottom:1px solid var(--game-line,#d8cdb8)}.cs-milestones span{font-size:10px}.cs-milestones b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cs-preview-track{animation:none}.cs-reel{transition:none}}
.cs-game[data-reduced-motion=true] .cs-preview-track{animation:none}.cs-game[data-reduced-motion=true] .cs-reel{transition:none}

/* src/components/arcana-strategy/strategy-game.css */
.strategy-game{--strategy-accent:var(--game-table-accent,#d9b775);background:var(--game-table,#102827);border-radius:16px;width:100%;max-width:1280px;margin:auto;padding:18px 16px 28px;color:var(--game-table-ink,#f3ede1);box-sizing:border-box}.strategy-game *{box-sizing:border-box}.strategy-game button,.strategy-game select{min-height:44px;border:1px solid color-mix(in srgb,var(--strategy-accent) 44%,transparent);border-radius:10px;background:var(--game-table-soft,#172627);color:inherit;padding:10px 15px;cursor:pointer;font:inherit}.strategy-game button:disabled{opacity:.44;cursor:default}.strategy-game button:focus-visible,.strategy-game select:focus-visible{outline:2px solid var(--strategy-accent);outline-offset:3px}.strategy-heading{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.strategy-heading span{font-size:11px;letter-spacing:.2em;color:var(--strategy-accent)}.strategy-heading h1{font-size:clamp(22px,3vw,36px);line-height:1.2;margin:7px 0}.strategy-heading p{max-width:720px;font-size:14px;line-height:1.6;color:var(--game-table-muted,#bcc4bd);margin:8px 0 20px}.strategy-heading>button{min-width:44px;border-radius:50%}.strategy-lobby{text-align:center;padding:15px 0}.strategy-lobby h2{font-size:19px}.strategy-hero-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px auto;max-width:800px}.strategy-hero-options>button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:color-mix(in srgb,var(--game-table-soft,#102626) 84%,#000)}.strategy-hero-options>button[aria-pressed=true]{outline:2px solid var(--strategy-accent);box-shadow:0 0 32px color-mix(in srgb,var(--strategy-accent) 16%,transparent)}.strategy-hero-options .u-card{width:126px!important;max-width:100%;height:auto!important;aspect-ratio:63/88}.strategy-hero-options small{font-size:12px;line-height:1.5;color:var(--game-table-muted,#c5cabf)}.strategy-primary{background:var(--strategy-accent)!important;color:var(--game-ink,#111d1e)!important;font-weight:700!important;min-width:155px}.strategy-objective{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid color-mix(in srgb,var(--strategy-accent) 30%,transparent);background:color-mix(in srgb,var(--game-table-soft,#0c2525) 86%,#000);border-radius:12px;font-size:13px;line-height:1.5}.strategy-objective b{flex-shrink:0;color:var(--strategy-accent)}.strategy-round{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:15px 2px 12px}.strategy-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.strategy-seat{position:relative;display:flex;gap:12px;align-items:center;min-height:150px;border:1px solid color-mix(in srgb,var(--strategy-accent) 18%,transparent);background:var(--game-table-soft,#102827);border-radius:14px;padding:14px 10px;transition:border-color var(--sjs-select-ms,150ms),box-shadow var(--sjs-select-ms,150ms)}.strategy-seat[data-current=true]{border-color:var(--strategy-accent);box-shadow:inset 0 0 28px color-mix(in srgb,var(--strategy-accent) 8%,transparent)}.strategy-seat[data-eliminated=true]{opacity:.52}.strategy-seat[data-target-selected=true]{outline:2px solid var(--strategy-accent)}.strategy-portrait{flex:0 0 60px}.strategy-portrait .u-card{width:60px!important;height:auto!important;aspect-ratio:63/88}.strategy-seat-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.strategy-seat-body>b{font-size:13px;overflow-wrap:anywhere}.strategy-role{font-size:12px;color:var(--strategy-accent)}.strategy-seat-body small{font-size:10px;line-height:1.4;color:var(--game-table-muted,#c4cdc3)}.strategy-seat-body em{font-size:11px}.strategy-health{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.strategy-health i{width:7px;height:10px;transform:skew(-10deg);background:#425653;border-radius:2px}.strategy-health i[data-filled=true]{background:var(--strategy-accent)}.strategy-health strong{margin-left:3px;font-size:11px}.strategy-target{position:absolute;inset:auto 8px 6px auto;font-size:11px!important;min-height:44px!important;padding:7px 10px!important}.strategy-seat[data-targetable=true]{padding-bottom:54px}.strategy-stage{margin:16px 0 12px;padding:16px;text-align:center;border-radius:12px;background:color-mix(in srgb,var(--strategy-accent) 7%,var(--game-table-soft,#102827));border:1px solid color-mix(in srgb,var(--strategy-accent) 24%,transparent);animation:strategy-message var(--sjs-reveal-ms,240ms) ease-out}.strategy-stage strong{display:block;font-size:19px;color:var(--strategy-accent)}.strategy-stage b{display:block;margin-top:7px}.strategy-stage p{font-size:13px;margin:8px 0 0;line-height:1.5}.strategy-stage small{display:block;font-size:12px;margin-top:10px}.strategy-hand h2{font-size:14px;margin:12px 0}.strategy-hand-scroll{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:20px 4px 15px;scrollbar-width:thin;max-width:100%}.strategy-game .strategy-hand-card{flex:0 0 108px;display:flex;align-items:center;flex-direction:column;border:0!important;background:none!important;padding:0 0 8px;gap:8px;opacity:.65}.strategy-hand-card[data-playable=true]{opacity:1}.strategy-hand-card .u-card{width:108px!important;height:auto!important;aspect-ratio:63/88;transform-origin:bottom}.strategy-hand-card[aria-pressed=true]{opacity:1;transform:translateY(-8px);transition:transform var(--sjs-select-ms,150ms)}.strategy-hand-card>b{font-size:12px;padding:4px 8px;border-radius:6px;background:var(--game-table-soft,#102827)}.strategy-card-effect{min-height:40px;font-size:13px;line-height:1.6;color:var(--strategy-accent);padding:8px 12px;border-left:2px solid var(--strategy-accent);background:color-mix(in srgb,var(--strategy-accent) 5%,transparent)}.strategy-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:15px 0}.strategy-journal,.strategy-history{margin:16px 0;border:1px solid color-mix(in srgb,var(--strategy-accent) 20%,transparent);border-radius:10px;padding:12px;font-size:13px}.strategy-game summary{cursor:pointer;min-height:44px;line-height:22px;padding:11px 0}.strategy-game ol{list-style:none;margin:14px 0 0;padding:0;max-height:270px;overflow-y:auto}.strategy-game li{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #ffffff15;padding:9px 0;font-size:12px;line-height:1.5}.strategy-game li span{overflow-wrap:anywhere}.strategy-free{font-size:11px;color:var(--game-table-muted,#afc1b6);text-align:center;margin:18px 0 10px}.strategy-passport{display:block;text-align:center;font-size:13px;min-height:44px;padding:12px;color:var(--strategy-accent)}.strategy-error{color:#ffd1b1;line-height:1.6;border:1px solid #bf785f;border-radius:10px;padding:12px;font-size:13px}.strategy-error button{margin-left:10px}.strategy-help{max-width:680px;width:calc(100% - 30px);max-height:85dvh;border:1px solid var(--strategy-accent);border-radius:16px;padding:25px;background:var(--game-table-soft,#102827);color:inherit;overflow:auto}.strategy-help::backdrop{background:#020b0dc9;backdrop-filter:blur(5px)}.strategy-help p,.strategy-help dd{font-size:13px;line-height:1.7}.strategy-help dl>div{padding:10px 0;border-top:1px solid #ffffff20}.strategy-help dt{font-weight:700;color:var(--strategy-accent)}.strategy-help dd{margin:5px 0}.strategy-close{float:right}.strategy-game[data-reduced-motion=true] *{animation:none!important;transition:none!important}@keyframes strategy-message{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.strategy-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-seat{min-height:132px}.strategy-portrait{flex-basis:58px}.strategy-portrait .u-card{width:58px!important}}@media(max-width:480px){.strategy-game{padding:12px 10px 20px}.strategy-heading p{font-size:12px;margin-bottom:12px}.strategy-hero-options{gap:8px}.strategy-hero-options>button{padding:10px 5px;gap:6px}.strategy-hero-options .u-card{width:85px!important}.strategy-hero-options small{font-size:10px}.strategy-hero-options strong,.strategy-hero-options b{font-size:11px}.strategy-seats{gap:8px}.strategy-seat{gap:7px;padding:10px 7px;min-height:132px}.strategy-portrait{flex-basis:46px}.strategy-portrait .u-card{width:46px!important}.strategy-seat-body>b{font-size:11px}.strategy-seat-body small{font-size:9px}.strategy-role{font-size:10px}.strategy-health{gap:2px}.strategy-health i{width:5px;height:8px}.strategy-health strong{font-size:10px}.strategy-objective{padding:10px;font-size:11px;gap:8px}.strategy-round{font-size:10px}.strategy-stage{padding:12px;margin:12px 0}.strategy-stage strong{font-size:16px}.strategy-hand-scroll{gap:10px}.strategy-game .strategy-hand-card{flex-basis:92px}.strategy-hand-card .u-card{width:92px!important}.strategy-actions{gap:8px}.strategy-actions button{font-size:12px;padding:10px}.strategy-game li{font-size:11px}}

.strategy-player-skill{font-size:12px;line-height:1.6;color:var(--game-table-muted,#bcc6b9);margin:10px 3px 15px}
.strategy-last-action{display:flex;align-items:center;justify-content:center;gap:14px;min-height:90px;margin-top:12px}.strategy-last-action .u-card{width:60px!important;height:auto!important;aspect-ratio:63/88;flex-shrink:0}.strategy-last-action>span{text-align:left;max-width:260px}.strategy-last-action b{font-size:12px!important}.strategy-last-action small{font-size:11px!important}@media(max-width:480px){.strategy-last-action{min-height:76px;gap:10px;margin-top:8px}.strategy-last-action .u-card{width:48px!important}}
@media(max-width:480px){
 .strategy-game[data-match-id]:not([data-match-id=""]){padding:8px 10px 80px}
 .strategy-game[data-match-id]:not([data-match-id=""]) .strategy-heading :is(span,p){display:none}
 .strategy-game[data-match-id]:not([data-match-id=""]) .strategy-heading h1{font-size:17px;margin:6px 0}
 .strategy-objective{padding:7px 9px;line-height:1.4;margin:7px 0}
 .strategy-player-skill{font-size:11px;margin:5px 2px 8px;line-height:1.4}
 .strategy-round{margin:8px 0}
 .strategy-seat{min-height:112px;padding:7px;gap:6px}
 .strategy-seat[data-targetable=true]{padding-bottom:51px}
 .strategy-stage{padding:8px;margin:8px 0}
 .strategy-stage strong{font-size:15px}
 .strategy-stage p{margin:5px 0 0;font-size:12px}
 .strategy-last-action{min-height:60px;margin-top:5px;gap:8px}
 .strategy-last-action .u-card{width:40px!important}
 .strategy-hand h2{margin:6px 0;font-size:12px}
 .strategy-hand-scroll{padding:4px 3px 10px;gap:9px}
 .strategy-game .strategy-hand-card{flex-basis:86px;gap:2px}
 .strategy-hand-card>b{font-size:11px;line-height:14px;padding:2px 7px}
 .strategy-hand-card .u-card{width:86px!important}
 .strategy-game[data-match-id]:not([data-match-id=""]) .strategy-actions{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));margin:0;background:var(--game-table-end);border-top:1px solid var(--game-table-border);box-shadow:0 -5px 18px #0003}
 .strategy-actions:empty{display:none}
}
@media(max-width:480px){
 .strategy-game:not([data-game-phase=finished]) .strategy-stage{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:4px 8px;text-align:left}
 .strategy-game:not([data-game-phase=finished]) .strategy-stage>strong{grid-column:1;line-height:1.4}
 .strategy-game:not([data-game-phase=finished]) .strategy-stage>p{grid-column:1;margin:0;font-size:11px}
 .strategy-game:not([data-game-phase=finished]) .strategy-last-action{grid-column:2;grid-row:1/span 2;margin:0;min-height:60px;gap:6px}
 .strategy-game:not([data-game-phase=finished]) .strategy-last-action b{font-size:10px!important}
 .strategy-game:not([data-game-phase=finished]) .strategy-last-action small{font-size:9px!important;margin-top:3px}
}

/* src/components/arcana-universal/card-layout.css */
/* One physical card proportion, shared by collection, Classic and both tables. */
.u-card[data-skin=ARCHIVE]{background:#faf6ec}
.u-card{aspect-ratio:63/88!important;height:auto!important;isolation:isolate;--rank-size:clamp(21px,2.2vw,30px);--suit-size:clamp(17px,1.8vw,24px);background:#faf6ec;border:1px solid var(--skin-border,#bca77c);box-shadow:0 1px 3px #211b171a,0 6px 14px #211b1710,inset 0 0 0 2px #fff9}
.u-card--compact{--rank-size:17px;--suit-size:14px}.u-card--large{--rank-size:34px;--suit-size:28px}
.u-card__art{inset:7% 5.5% 18%!important;padding:0!important;background:linear-gradient(145deg,#f4efdf,#e9e4d9);overflow:hidden;border-radius:6px;border:1px solid #b7a47b66;box-shadow:inset 0 0 0 1px #fff6}
/* Exact pixel layout comes from one shared protected-subject geometry function. */
.u-card__art>img{position:absolute;z-index:1;max-width:none!important;max-height:none!important;object-fit:var(--art-fit,contain)!important;object-position:var(--art-x,50%) var(--art-y,50%);transform-origin:50% 50%;mask-image:linear-gradient(0deg,transparent 0%,#000 1.5%,#000 98.5%,transparent 100%)}
.u-card[data-layout-ready=true] .u-card__art>img{width:var(--bitmap-width)!important;height:var(--bitmap-height)!important;padding:0!important;margin:0!important;border:0!important}
.u-card:not([data-layout-ready=true]) .u-card__art>img{width:100%;height:100%;inset:0}
.u-card__art-extension{position:absolute;inset:-8%;background-size:cover;background-position:var(--art-x,50%) var(--art-y,50%);filter:blur(13px);opacity:.4;transform:scale(1.08)}
.u-card__standard-theme{position:absolute;inset:var(--theme-safe-top,3.5%) var(--theme-safe-right,3.5%) var(--theme-safe-bottom,3.5%) var(--theme-safe-left,3.5%);overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#fffdf5,#eee6d4);color:var(--theme-ink);border:1px solid #b8a17b66;border-radius:4px}
.u-card__theme-engraving{position:absolute;inset:2%;width:96%;height:96%;stroke:var(--theme-accent);stroke-width:.55;fill:none;opacity:.68}
.u-card__theme-values{position:absolute;inset:0;color:#273137}.u-card__theme-values--red{color:#963f47}.u-card__theme-pip{position:absolute;translate:-50% -50%;font:clamp(14px,2.2vw,30px)/1 Georgia,serif;text-shadow:0 1px #fff9}.u-card--compact .u-card__theme-pip{font-size:18px}.u-card--large .u-card__theme-pip{font-size:38px}
.u-card__theme-rank{position:absolute;left:50%;top:42%;translate:-50% -50%;font:clamp(36px,5vw,80px)/1 Georgia,serif;color:var(--theme-ink);text-shadow:1px 1px #fff,-1px -1px #ac966d33}.u-card--compact .u-card__theme-rank{font-size:42px}.u-card__theme-rank--joker{font-size:clamp(34px,4vw,58px)}
.u-card__theme-title{position:absolute;left:7%;right:7%;bottom:10%;text-align:center;font:500 12px/1.35 Georgia,'Noto Serif SC',serif;overflow-wrap:anywhere;color:var(--theme-ink)}.u-card--compact .u-card__theme-title{font-size:9px}.u-card--large .u-card__theme-title{font-size:18px}.u-card__theme-imprint{position:absolute;bottom:3.8%;left:4%;right:4%;text-align:center;font-size:5px;letter-spacing:1px;color:#87775d}.u-card--large .u-card__theme-imprint{font-size:8px}
.u-card--collection .u-card__theme-title{display:none}.u-card--table .u-card__theme-title{bottom:4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-card--table .u-card__theme-imprint{display:none}
.u-card--table[data-face-kind=STANDARD_THEME] .u-card__caption{display:grid}
.u-card__landmark-label{position:absolute;z-index:2;left:6%;right:6%;bottom:3%;padding:2px 4px;text-align:center;background:#faf6eceb;border:1px solid #bca16d88;color:#5c513e;font-size:9px;line-height:1.25;overflow-wrap:anywhere}.u-card--compact .u-card__landmark-label{font-size:7px}.u-card--large .u-card__landmark-label{font-size:12px}
.arcana-collection__source-note{padding:10px 12px;border-left:2px solid #b9a173;color:#6c624f;background:#f4eee2;font-size:12px;line-height:1.65}
.u-card[data-art-template=portrait] .u-card__art{background:#161617}
.u-card[data-art-template=portrait] .u-card__art-extension{opacity:.22}
.u-card[data-art-template=emblem] .u-card__art,.u-card[data-art-template=ship] .u-card__art{background:radial-gradient(ellipse at 50% 48%,#393a35,#171d20 72%)}
.u-card[data-art-template=emblem] .u-card__art>img,.u-card[data-art-template=ship] .u-card__art>img{mix-blend-mode:screen;mask-image:radial-gradient(ellipse 63% 56% at 50% 48%,#fff 62%,#ffffffb8 83%,transparent 100%)}
.u-card[data-art-template=emblem] .u-card__art-extension,.u-card[data-art-template=ship] .u-card__art-extension{opacity:.14}
.u-card[data-art-template=scene] .u-card__art-extension{opacity:.2}
.u-card[data-art-template=standard] .u-card__art{background:#f8f3e7}
.u-card:not(.u-card--back)::after{inset:2%;border:1px solid var(--skin-border,#bca77c);opacity:.72;box-shadow:inset 0 0 0 1px #fff8}
.u-card--table .u-card__art{inset:7% 5.5% 18%!important}
.u-card__art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#f4f1e922,transparent 30%,transparent 80%,#f4f1e912);z-index:2}
.u-card[data-quality=LOW] .u-card__art-extension{filter:none;opacity:.1}.u-card--back{background:#171b21!important}.u-card--back img{object-fit:fill}
.u-card__index{z-index:5;min-width:0;width:22%;padding:4% 2% 2%;line-height:1;gap:2px;box-sizing:border-box;background:#fffaf0f7;border:1px solid #cdb99140;box-shadow:none}
.u-card__index--top{top:3%;left:3%}.u-card__index--bottom{bottom:3%;right:3%}
.u-card .u-card__index b{font-size:var(--rank-size)!important;line-height:1;font-variant-numeric:lining-nums;letter-spacing:-.04em}
.u-card .u-card__index span{font-size:var(--suit-size)!important;line-height:1.05}
.u-card--joker .u-card__index b{font-size:12px!important;letter-spacing:0}
.u-card__caption{left:8%;right:26%;bottom:6.5%;max-height:12%;overflow:hidden}
.u-card__caption strong{font-size:clamp(10px,1.05vw,14px);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.u-card__caption small{font-size:7px;line-height:1.2;white-space:nowrap}.u-card--compact .u-card__caption strong{font-size:8px}.u-card--compact .u-card__caption small{display:none}
.u-card--back{background:#edf1f5}.u-card--back img{width:100%;height:100%;object-fit:contain}
.ah-card.ah-shared-card,.ah-card.ah-card-empty{aspect-ratio:63/88!important;height:auto!important}.ah-shared-card>.u-card{height:auto!important;width:100%}
.u-card[data-fx=dragging]{filter:drop-shadow(0 12px 14px #5e4e6a35);pointer-events:none}.u-card[data-fx=playable]{box-shadow:0 0 0 2px var(--skin-light)}
.u-card[data-fx=placed]{animation:arcana-place .18s ease-out}.u-card[data-fx=revealed]{animation:arcana-reveal .24s ease-out}.u-card[data-fx=realm_locked]{box-shadow:0 0 0 1px var(--skin-light),0 0 14px #c8ad8220}.u-card[data-fx=victory]{animation:arcana-victory .6s ease-out}
@keyframes arcana-place{from{transform:translateY(-14px) rotate(-3deg);opacity:.5}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes arcana-reveal{from{transform:perspective(600px) rotateY(80deg);opacity:.15}to{transform:perspective(600px) rotateY(0);opacity:1}}
@keyframes arcana-victory{50%{box-shadow:0 0 0 2px var(--skin-light),0 0 22px #d7bd7755;translate:0 -3px}}
.u-card[data-reduced-motion=true],.u-card[data-quality=LOW]{animation:none!important}.u-card[data-reduced-motion=true]::before{display:none}
.tr-game .tr-opponent-name img{width:52px;height:52px;object-fit:contain;border-radius:50%;border:2px solid #ece6f1}.tr-game .tr-npc-reaction{max-width:670px;margin:12px auto;color:#766681}.tr-realm[data-playable=true]{box-shadow:0 0 0 1px #ccb6d3,0 8px 25px #92799d14}.tr-seal-moment .tr-seal-mark{animation:arcana-victory .6s ease-out}
.gv-npc-portrait img{object-fit:contain!important;object-position:50% 15%!important}.universe-invite-art img,.arcana-invitation-art img{object-fit:contain!important;object-position:50% 15%!important}
@media(max-width:600px){.u-card{--rank-size:23px;--suit-size:19px}.u-card--compact{--rank-size:17px;--suit-size:14px}.u-card--large{--rank-size:32px;--suit-size:26px}.u-card__caption strong{font-size:11px}.tr-game .tr-hand{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px 3px 18px;gap:9px}.tr-game .tr-hand-card{flex:0 0 104px;scroll-snap-align:center;min-height:44px}.tr-game .tr-opponent-name img{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.u-card,.tr-seal-moment .tr-seal-mark{animation:none!important}}
.u-card--back::after{content:"";position:absolute;inset:10%;pointer-events:none;background:radial-gradient(ellipse at center,#d8e0e6 0%,transparent 46%);opacity:.035;animation:arcana-back-light 8s ease-in-out infinite}@keyframes arcana-back-light{50%{opacity:.10}}.u-card--back[data-quality=LOW]::after,.u-card--back[data-reduced-motion=true]::after{animation:none}@media(prefers-reduced-motion:reduce){.u-card--back::after{animation:none}}

/* The artwork source and frame are shared by every mode, including theme cards. */
.u-card{--card-ink:#2a3033;border-radius:10px;color:var(--card-ink)}
.u-card--red{--card-ink:#963d43}.u-card--selected{box-shadow:0 0 0 2px var(--skin-border,#bca77c),0 10px 22px #63513722}
.u-card__caption{color:#474239}.u-card__art{border-radius:4px!important}
.u-card[data-art-source=wallpaper] .u-card__art{background:#d8d0bd}
.u-card[data-art-source=wallpaper] .u-card__art>img{mix-blend-mode:normal;mask-image:none}
.u-card[data-art-source=wallpaper] .u-card__art-extension{opacity:.25}

/* A same-source atmosphere joins horizontal entity art to the vertical paper frame. */
.u-card[data-art-source=original] .u-card__art-extension{opacity:.92;filter:blur(18px)}
.u-card[data-quality=LOW] .u-card__art-extension{filter:none!important;opacity:.12!important}

/* The same engraved paper, corner safety and finish at every card size. */
.u-card:not(.u-card--back){--skin-paper:#faf6eb;--skin-paper-edge:#ece3ce;--skin-metal:#9e8050;--skin-finish:#fff3c4;
 background:repeating-linear-gradient(100deg,#ffffff07 0 1px,#806e4505 1px 2px),linear-gradient(145deg,var(--skin-paper),var(--skin-paper) 67%,var(--skin-paper-edge));
 border:1px solid var(--skin-metal);border-radius:9px;box-shadow:0 2px 2px #080c131c,0 9px 20px #080c1320,inset 0 0 0 1px #fff9;
 transition:transform 160ms ease,translate 160ms ease,box-shadow 160ms ease;
}
.u-card[data-skin=WOLF]:not(.u-card--back){--skin-paper:#f6f8f8;--skin-paper-edge:#d7e0e4;--skin-metal:#879eae;--skin-finish:#c8edff}
.u-card[data-skin=PHOENIX]:not(.u-card--back){--skin-paper:#fff5e9;--skin-paper-edge:#ead0b1;--skin-metal:#aa7444;--skin-finish:#ffc785}
.u-card[data-skin=DRAGON]:not(.u-card--back){--skin-paper:#f2f7f0;--skin-paper-edge:#c9ded0;--skin-metal:#668c77;--skin-finish:#b5efd9}
.u-card[data-skin=REALM_FOIL]:not(.u-card--back){--skin-paper:#f2f7fb;--skin-paper-edge:#cbd9ef;--skin-metal:#8b95b6;--skin-finish:#badcfe}
.u-card[data-skin=CHRONICLE]:not(.u-card--back){--skin-paper:#f5efdf;--skin-paper-edge:#dbcbab;--skin-metal:#a18a61;--skin-finish:#ebd4a3}
.u-card:not(.u-card--back)::after{inset:2.5%;border:1px solid var(--skin-metal);border-radius:6px;opacity:.68;box-shadow:inset 0 0 0 1px #fff8;background:linear-gradient(0deg,transparent 87%,#ffffff15)}
.u-card:not(.u-card--back)::before{inset:0;border-radius:inherit;opacity:0;background:linear-gradient(115deg,transparent 26%,color-mix(in srgb,var(--skin-finish) 55%,transparent) 48%,#fff7 50%,transparent 66%);mix-blend-mode:soft-light;transition:opacity 180ms ease;background-size:180% 180%;background-position:var(--glow-x,50%) var(--glow-y,35%)}
.u-card:not(.u-card--back):is(:hover,:active,[data-fx=selected])::before{opacity:.5}
.u-card .u-card__index{width:19%;padding:3% 1% 2%;border:0;border-radius:2px;background:var(--skin-paper,#faf6eb);color:var(--card-ink);box-shadow:none;gap:1px;text-shadow:0 1px #fff8}
.u-card .u-card__index--top{top:3%;left:3%}.u-card .u-card__index--bottom{bottom:3%;right:3%}
.u-card .u-card__caption{left:8%;right:24%;bottom:6%;font-family:Georgia,'Noto Serif SC',serif;letter-spacing:.02em;color:var(--skin-ink,#514834)}
.u-card .u-card__art{border-color:color-mix(in srgb,var(--skin-metal) 55%,transparent);box-shadow:0 0 0 1px #fff5,inset 0 0 0 1px #ffffff15}
.u-card--back{border:1px solid #a4926b;box-shadow:0 3px 4px #0003,0 10px 23px #0003,inset 0 0 0 1px #fffb;border-radius:9px;overflow:hidden}
.u-card--back::after{inset:2.5%;border:1px solid #d4bd816b;border-radius:5px;background:linear-gradient(130deg,#ffffff08,transparent 25%,#ffffff0f 50%,transparent 75%,#ffffff08);opacity:1;animation:none;box-shadow:inset 0 0 0 1px #0005}
.u-card--back[data-back=TIANLANG]{border-color:#97a6b0}.u-card--back[data-back=PHOENIX]{border-color:#bd905b}.u-card--back[data-back=DRAGON]{border-color:#789b8b}
.u-card:not(.u-card--back):is(.u-card--selected,[data-fx=selected]){translate:0 -7px;box-shadow:0 0 0 2px var(--skin-focus),0 12px 22px #080c133b}
@media(hover:none){.u-card:not(.u-card--back):hover::before{opacity:0}.u-card:not(.u-card--back):active::before{opacity:.35}}
@media(prefers-reduced-motion:reduce){.u-card:not(.u-card--back){transition:none}.u-card:not(.u-card--back)::before{display:none}}

/* R5.2 engraved stock: card geometry remains owned by each game's layout. */
.u-card{container-type:inline-size;backface-visibility:hidden;transform-origin:50% 50%;--card-ease:cubic-bezier(.2,.8,.2,1)}
.u-card:not(.u-card--back){background:repeating-linear-gradient(97deg,#ffffff09 0 1px,#71604405 1px 2px),linear-gradient(145deg,var(--skin-paper) 0%,var(--skin-paper) 74%,var(--skin-paper-edge) 100%);box-shadow:0 1px 1px #171b2428,0 5px 12px #171b2424,inset 0 0 0 1px #fff9;transition:transform 170ms var(--card-ease),translate 170ms var(--card-ease),box-shadow 170ms var(--card-ease)}
.u-card:not(.u-card--back)::after{inset:2.3%;border-width:.75px;opacity:.62;box-shadow:inset 0 0 0 1px #ffffff55;background:none}
.u-card[data-skin=WOLF]:not(.u-card--back)::after{border:1.8px double var(--skin-metal);box-shadow:inset 0 0 0 .5px #fff9;opacity:.72}
.u-card[data-skin=PHOENIX]:not(.u-card--back)::after{border-color:#b57f49;box-shadow:inset 0 0 0 .5px #fff9,inset 0 0 0 2px #a56d3210;opacity:.73}
.u-card[data-skin=DRAGON]:not(.u-card--back)::after{border-radius:3px;border-color:#658b77;box-shadow:inset 0 0 0 1px #b2d4bc35;opacity:.72}
.u-card[data-skin=REALM_FOIL]:not(.u-card--back)::after{border-color:#90a1bd;box-shadow:inset 0 0 0 1px #d1e6f770;opacity:.78}
.u-card[data-skin=CHRONICLE]:not(.u-card--back)::after{inset:2.1%;border:1.8px double #a18a61;box-shadow:none;border-radius:4px;opacity:.72}
.u-card:not(.u-card--back)::before{background:linear-gradient(118deg,transparent 35%,color-mix(in srgb,var(--skin-finish) 24%,transparent) 47%,#ffffff36 50%,transparent 61%);opacity:0;transition:opacity 170ms var(--card-ease)}
.u-card:not(.u-card--back):is(:hover,:active,[data-fx=selected])::before{opacity:.4}
.u-card__frame-etch{position:absolute;inset:0;width:100%;height:100%;z-index:4;fill:none;stroke:var(--skin-metal);stroke-width:.75;stroke-linecap:round;stroke-linejoin:round;opacity:.7;pointer-events:none}
.u-card .u-card__index{width:21%;padding:2.8% .8% 1.8%;gap:1px;line-height:1;background:var(--skin-paper);text-shadow:none}
.u-card .u-card__caption{left:8%;right:25%;bottom:6.3%;max-height:12%;font-weight:500;letter-spacing:.01em}
.u-card .u-card__caption strong{font-weight:500;line-height:1.25}
@supports(width:1cqi){
 .u-card .u-card__index b{font-size:clamp(15px,18.5cqi,39px)!important}
 .u-card .u-card__index span{font-size:clamp(12px,15.5cqi,32px)!important}
 .u-card--compact .u-card__index b{font-size:clamp(14px,18.5cqi,27px)!important}
 .u-card--compact .u-card__index span{font-size:clamp(11px,15.5cqi,23px)!important}
 .u-card--joker .u-card__index b{font-size:clamp(8px,7cqi,19px)!important;letter-spacing:-.015em}
 .u-card .u-card__caption strong{font-size:clamp(9px,8.5cqi,18px)}
}
.u-card--back{box-shadow:0 1px 2px #0004,0 6px 14px #0003,inset 0 0 0 1px #ffffffaa;transition:transform 170ms var(--card-ease),box-shadow 170ms var(--card-ease)}
.u-card--back::after{inset:1.8%;border-width:.5px;border-color:#e7d6ad66;opacity:.72;box-shadow:none;background:none}
.u-card:not(.u-card--back):is(.u-card--selected,[data-fx=selected]){translate:0 -4px;box-shadow:0 0 0 2px var(--skin-focus),0 9px 16px #080c1338}
.u-card[data-fx=placed]{animation:arcana-place 240ms var(--card-ease)}
.u-card[data-fx=revealed]{animation:arcana-reveal 270ms var(--card-ease)}
.u-card[data-fx=victory]{animation:arcana-victory 560ms var(--card-ease)}
@keyframes arcana-place{from{transform:translateY(-12px) rotate(-1deg) scale(.97);opacity:.5}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}
@keyframes arcana-reveal{from{transform:perspective(900px) rotateY(-80deg);opacity:.82}to{transform:perspective(900px) rotateY(0deg);opacity:1}}
@keyframes arcana-victory{45%{box-shadow:0 0 0 2px var(--skin-focus),0 8px 18px #080c1338;translate:0 -3px}to{translate:0 0}}
.u-card[data-card-turn=turning]{will-change:transform}
@media(hover:none){.u-card:not(.u-card--back):hover::before{opacity:0}.u-card:not(.u-card--back):active::before{opacity:.3}}
@media(prefers-reduced-motion:reduce){.u-card[data-card-turn=turning]{will-change:auto}.u-card:not(.u-card--back)::before{display:none}}

/* R5.3 engraved paper and a measured title band shared by every face. */
.u-card[data-identity]{--skin-paper:#f7f1e4;--skin-paper-edge:#e8dbc2;--skin-metal:#967743;--skin-ink:#342b1e;--name-size:clamp(8px,9.3cqi,19px);--identity-size:clamp(6.5px,6.5cqi,12px);--stock-texture:repeating-linear-gradient(3deg,#ffffff0b 0 1px,#624d2e06 1px 2px);font-family:Georgia,'Noto Serif SC','Songti SC','Yu Mincho',serif}
.u-card[data-skin=WOLF][data-identity]{--skin-paper:#f1f5f8;--skin-paper-edge:#dce5eb;--skin-metal:#728ba0;--skin-ink:#263d50;--skin-finish:#cfebf8;--stock-texture:repeating-linear-gradient(90deg,#ffffff0c 0 1px,#314b6907 1px 2px)}
.u-card[data-skin=PHOENIX][data-identity]{--skin-paper:#f9eedf;--skin-paper-edge:#eddbc1;--skin-metal:#a16a34;--skin-ink:#652e29;--skin-finish:#f0c798;--stock-texture:repeating-linear-gradient(15deg,#fff9df0c 0 1px,#96531c08 1px 3px)}
.u-card[data-skin=DRAGON][data-identity]{--skin-paper:#eef4ea;--skin-paper-edge:#d8e6d9;--skin-metal:#5c8573;--skin-ink:#2a4e3e;--skin-finish:#c5e0c7;--stock-texture:repeating-linear-gradient(45deg,#ffffff07 0 3px,#3f795309 3px 4px)}
.u-card[data-skin=REALM_FOIL][data-identity]{--skin-paper:#eef3f9;--skin-paper-edge:#dde7f4;--skin-metal:#8297b6;--skin-ink:#334465;--skin-finish:#d7e6ff;--stock-texture:linear-gradient(120deg,#ecccf720,transparent 28%,#c2e5f21d 52%,#f4e2ac21 76%,transparent)}
.u-card[data-skin=CHRONICLE][data-identity]{--skin-paper:#f1e8d4;--skin-paper-edge:#e2d3b4;--skin-metal:#967b4a;--skin-ink:#4d3e25;--skin-finish:#e5d3ac;--stock-texture:repeating-linear-gradient(0deg,#b4946309 0 1px,#fff9e60b 1px 3px)}
.u-card[data-identity]{background:var(--stock-texture),linear-gradient(125deg,var(--skin-paper),var(--skin-paper) 78%,var(--skin-paper-edge));border-color:var(--skin-metal);box-shadow:0 1px 2px #12172226,0 4px 9px #12172222,inset 0 0 0 .6px #fff9;border-radius:7px}
.u-card[data-identity]>.u-card__art{inset:8.1% 6.2% calc(5.1% + var(--caption-height,calc(var(--name-size) * 1.2 * var(--name-rows) + var(--identity-size) * 1.2 + 2px)) + 8px)!important;border-radius:3px!important;border-width:.65px;box-shadow:0 0 0 .6px #fff8}
.u-card[data-identity]>.u-card__caption{display:grid!important;position:absolute;z-index:5;left:7.5%;right:26%;bottom:5.1%;max-height:none;overflow:visible;gap:2px;color:var(--skin-ink);font-family:inherit;text-align:left;letter-spacing:0;pointer-events:none}
.u-card[data-identity]>.u-card__caption::before{content:'';position:absolute;left:0;right:0;top:-4px;height:.65px;background:linear-gradient(90deg,var(--skin-metal),var(--skin-metal) 76%,transparent);opacity:.55}
.u-card[data-identity]>.u-card__caption strong{display:block;font-size:var(--name-size)!important;font-weight:600;line-height:1.2;max-height:none;overflow:visible;overflow-wrap:anywhere;text-wrap:pretty;text-shadow:0 .35px #ffffff75}
.u-card[data-identity]>.u-card__caption small{display:flex!important;justify-content:space-between;align-items:baseline;gap:3px;margin:0;font-size:var(--identity-size)!important;font-weight:500;line-height:1.2;letter-spacing:0;color:var(--skin-ink);white-space:nowrap;opacity:.92;font-variant-numeric:lining-nums}
.u-card__code{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:.76em;letter-spacing:.02em;opacity:.72}
.u-card[data-identity] .u-card__index{z-index:6;width:21%;padding:2.1% .8% 1.3%;background:var(--skin-paper);border-radius:1px}
.u-card[data-identity] .u-card__index--bottom{bottom:2.7%;right:3%}
.u-card--joker[data-identity] .u-card__index b{writing-mode:horizontal-tb;letter-spacing:-.03em!important}
.u-card[data-identity] .u-card__theme-title{display:none!important}
.u-card[data-identity] .u-card__frame-etch{stroke-width:.85;opacity:.8}
.u-card__corner-engraving{stroke-width:.65;opacity:.7}
.u-card[data-identity]::after{inset:2.45%;border-width:.6px!important;border-style:solid!important;border-radius:4px;opacity:.64;box-shadow:none!important}
.u-card[data-skin=WOLF][data-identity]::after{border-radius:7px;border-color:#7894a8}
.u-card[data-skin=DRAGON][data-identity]::after{border-radius:2px;border-color:#5c8573}
.u-card[data-skin=REALM_FOIL][data-identity]::after{border-radius:3px;border-color:#91a6c4}
.u-card[data-skin=CHRONICLE][data-identity]::after{border-radius:3px;border-color:#967b4a}
.u-card[data-art-template=portrait]>.u-card__art,.u-card[data-art-template=mecha]>.u-card__art{background:#1e2224}
.u-card[data-skin=PHOENIX][data-identity] .u-card__frame-etch{stroke:#a97442}
.u-card[data-skin=DRAGON][data-identity] .u-card__frame-etch{stroke:#57836e}
.u-card[data-skin=WOLF][data-identity] .u-card__frame-etch{stroke:#748da3}
.u-card[data-skin=REALM_FOIL][data-identity] .u-card__frame-etch{stroke:#879cba}
.u-card[data-skin=CHRONICLE][data-identity] .u-card__frame-etch{stroke:#92713e}
.u-card[data-skin=WOLF][data-identity] .u-card__art{border-radius:5px!important}
.u-card[data-skin=DRAGON][data-identity] .u-card__art{border-radius:1px!important}
.u-card[data-skin=CHRONICLE][data-identity] .u-card__art{border-radius:2px!important;border-style:double;border-width:1.2px}
.u-card[data-identity]:is(.u-card--selected,[data-fx=selected],[data-fx=playable]){box-shadow:0 0 0 2px var(--skin-focus),0 7px 15px #1217222c}
@container(max-width:82px){.u-card__code{display:none}.u-card__caption::before{top:-3px!important}.u-card__caption{gap:1px!important}}
@container(max-width:72px){.u-card--compact>.u-card__art{--name-size:5.5px;--identity-size:5px;--name-rows:2}.u-card--compact>.u-card__caption{--name-size:5.5px;--identity-size:5px}.u-card--compact>.u-card__caption strong{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.4em!important;overflow:hidden!important}}
@supports not(width:1cqi){.u-card[data-identity]{--name-size:10px;--identity-size:7px}.u-card--compact[data-identity]{--name-size:6px;--identity-size:5px}.u-card--large[data-identity]{--name-size:18px;--identity-size:12px}}

/* R5.5: six engraved materials. The art bounds and measured title band stay canonical. */
.u-card[data-identity]{--skin-paper:#faf5e9;--skin-paper-edge:#eaddc1;--skin-metal:#99733e;--skin-ink:#31271c;--skin-inlay:#413e30;--skin-finish:#f0dab0;--card-grain:repeating-linear-gradient(95deg,#ffffff08 0 1px,#66513108 1px 2.5px);--card-polish:linear-gradient(135deg,#ffffff24,transparent 23%,transparent 77%,#9e784916);--card-engraving:var(--skin-metal);background:var(--card-grain),var(--card-polish),var(--skin-paper);border-color:var(--skin-metal);box-shadow:0 1px 1px #080d173b,0 5px 10px #080d172c,inset 0 0 0 .7px #fff9;}
.u-card[data-skin=WOLF][data-identity]{--skin-paper:#f6f8fa;--skin-paper-edge:#dce5ed;--skin-metal:#8095ac;--skin-ink:#203b52;--skin-inlay:#36526e;--skin-finish:#daedff;--card-grain:repeating-linear-gradient(90deg,#ffffff1c 0 1px,#425a7907 1px 2px);--card-polish:linear-gradient(90deg,#d4e1ec30,transparent 15%,transparent 85%,#b3c7da35);--card-engraving:#7892ae;}
.u-card[data-skin=PHOENIX][data-identity]{--skin-paper:#fff3e6;--skin-paper-edge:#e8ccac;--skin-metal:#b27f3e;--skin-ink:#682b2b;--skin-inlay:#7d3435;--skin-finish:#f3d199;--card-grain:repeating-linear-gradient(8deg,#fff7e90d 0 1px,#9d5b2206 1px 2.5px);--card-polish:linear-gradient(105deg,#b7672b0b,transparent 17%,transparent 83%,#7d343513);--card-engraving:#ad7235;}
.u-card[data-skin=DRAGON][data-identity]{--skin-paper:#eef7ee;--skin-paper-edge:#c5dfd2;--skin-metal:#5b8d7b;--skin-ink:#224e41;--skin-inlay:#367363;--skin-finish:#c2e9d6;--card-grain:repeating-linear-gradient(45deg,#0c604b05 0 1px,transparent 1px 5px);--card-polish:linear-gradient(155deg,#fff8,transparent 24%,transparent 70%,#7db59a20);--card-engraving:#508e77;}
.u-card[data-skin=REALM_FOIL][data-identity]{--skin-paper:#edf5fc;--skin-paper-edge:#cee0f3;--skin-metal:#778fb1;--skin-ink:#2b4166;--skin-inlay:#5976a4;--skin-finish:#d0e5ff;--card-grain:repeating-linear-gradient(120deg,#d6eafb18 0 1px,transparent 1px 6px);--card-polish:linear-gradient(120deg,#ffffff38,transparent 30%,#b4d8f012 50%,transparent 72%,#bac8eb24);--card-engraving:#648bb5;}
.u-card[data-skin=CHRONICLE][data-identity]{--skin-paper:#f8efdb;--skin-paper-edge:#e1d0a9;--skin-metal:#a18147;--skin-ink:#4b3820;--skin-inlay:#856638;--skin-finish:#ead8b3;--card-grain:repeating-linear-gradient(0deg,#8063320a 0 1px,#ffffff15 1px 3px),repeating-linear-gradient(90deg,transparent 0 3px,#80633205 3px 4px);--card-polish:linear-gradient(135deg,#fffae128,transparent 32%,transparent 70%,#b8924e0c);--card-engraving:#97773e;}
.u-card[data-identity]::after{inset:2.45%;border-color:var(--skin-inlay);border-width:.55px!important;opacity:.6;box-shadow:inset 0 0 0 .6px #ffffff85!important;background:none;}
.u-card[data-skin=PHOENIX][data-identity]::after{border-color:#853c34;opacity:.65;border-radius:2px;}
.u-card[data-skin=DRAGON][data-identity]::after{border-color:#47816f;border-radius:1px;opacity:.7;}
.u-card[data-skin=CHRONICLE][data-identity]::after{border-color:#b49962;border-radius:4px;opacity:.67;}
.u-card[data-identity]>.u-card__art{border-color:color-mix(in srgb,var(--skin-metal) 72%,#fff);box-shadow:0 0 0 .6px #fff9,inset 0 0 0 .5px #fff5;}
.u-card[data-skin=PHOENIX][data-identity]>.u-card__art{border-color:#b4824d;border-radius:2px!important;box-shadow:0 0 0 .8px #7d34354f,0 0 0 1.6px #eacb9b65;}
.u-card[data-skin=DRAGON][data-identity]>.u-card__art{border-color:#59947e;box-shadow:0 0 0 .7px #daefdf,0 0 0 1.3px #76ad9445;}
.u-card[data-skin=REALM_FOIL][data-identity]>.u-card__art{border-color:#8bb0d6;box-shadow:0 0 0 .65px #e7f5ff,0 0 0 1.25px #b5c7e66b;}
.u-card[data-skin=CHRONICLE][data-identity]>.u-card__art{border-width:.6px;border-style:solid;box-shadow:0 0 0 .7px #fdf6e5,0 0 0 1.4px #c0a67866;}
.u-card[data-identity]>.u-card__caption::before{height:.75px;background:var(--skin-metal);opacity:.66;box-shadow:0 1px #ffffff9c;}
.u-card[data-skin=PHOENIX][data-identity]>.u-card__caption::before{background:linear-gradient(90deg,#8d3935 0 25%,#bc8b4d 25% 100%);}
.u-card[data-skin=REALM_FOIL][data-identity]>.u-card__caption::before{background:linear-gradient(90deg,#769ec3,#bacdeb 48%,#769ec3);}
.u-card[data-identity] .u-card__index{background:var(--skin-paper);box-shadow:1px 1px 0 color-mix(in srgb,var(--skin-inlay) 18%,transparent);border-right:.4px solid color-mix(in srgb,var(--skin-metal) 25%,transparent);}
.u-card[data-identity] .u-card__index--bottom{box-shadow:none;border-right:0;}
.u-card__craft{position:absolute;inset:0;z-index:4;width:100%;height:100%;fill:none;stroke:var(--card-engraving);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.05;pointer-events:none;}
.u-card__craft-edge{stroke:var(--skin-inlay);stroke-width:.8;opacity:.6;}
.u-card__craft-accent{opacity:.86;}
.u-card__craft-imprint{stroke-width:.65;opacity:.43;}
.u-card[data-skin=WOLF] .u-card__craft-accent{stroke-width:.92;}
.u-card[data-skin=PHOENIX] .u-card__craft-edge{stroke:#ad7439;opacity:.85;}
.u-card[data-skin=DRAGON] .u-card__craft-edge{stroke:#48846f;opacity:.76;}
.u-card[data-skin=REALM_FOIL] .u-card__craft-accent{stroke-width:.88;}
.u-card[data-identity]:not([data-quality=LOW]):not([data-reduced-motion=true]):is([data-fx=placed],[data-fx=revealed],[data-fx=victory]) .u-card__craft-accent{animation:arcana-craft-polish var(--sjs-reveal-ms,420ms) ease-out 1;}
@keyframes arcana-craft-polish{0%{opacity:.42}45%{opacity:1}100%{opacity:.86}}
.u-card--back{border:.7px solid #e4dbc4;box-shadow:0 1px 1px #0006,0 5px 11px #0004,inset 0 0 0 .5px #fff9;}
.u-card--back::after{content:none;animation:none!important;}
.u-card__back-keyline{position:absolute;inset:.7%;z-index:2;border:.45px solid #ffffff48;border-radius:inherit;pointer-events:none;}
.u-card[data-quality=LOW] .u-card__craft-accent,.u-card[data-reduced-motion=true] .u-card__craft-accent{animation:none!important;}
.u-card[data-identity] .u-card__standard-theme{background:var(--card-grain),var(--skin-paper);border-color:color-mix(in srgb,var(--skin-metal) 45%,transparent);box-shadow:inset 0 0 0 1px #fff7;}
.u-card[data-identity] .u-card__theme-engraving{stroke:var(--card-engraving);stroke-width:.52;opacity:.7;}
.u-card__theme-lattice{stroke-width:.32;opacity:.5;}
@media(prefers-reduced-motion:reduce){.u-card__craft-accent{animation:none!important;}}

/* src/components/arcana-universal/collection.css */
.u-card{--card-ink:#34445c;position:relative;display:block;aspect-ratio:63/88;isolation:isolate;overflow:hidden;border:1px solid #dcc7a8;border-radius:13px;background:linear-gradient(155deg,#fffdfb,#fff4f5 60%,#edf5fb);color:var(--card-ink);box-shadow:0 5px 16px #6c648a0f;text-align:left;user-select:none;min-width:0;width:100%}.u-card--red{--card-ink:#ad4c65}.u-card--selected{box-shadow:0 0 0 2px #ee9db2,0 8px 20px #ce8da41a}.u-card--compact{width:80px;border-radius:8px}.u-card--large{max-width:320px;border-radius:18px}.u-card__index{position:absolute;z-index:3;display:flex;align-items:center;flex-direction:column;gap:0;line-height:1;min-width:25%;padding:7% 3% 3%;background:linear-gradient(#fffdfbed 82%,#fffdfb00);pointer-events:none}.u-card__index b{font-size:clamp(19px,2.8vw,34px);font-weight:700;font-family:Georgia,'Times New Roman',serif}.u-card__index span{font-size:clamp(18px,2.3vw,27px);margin-top:3px}.u-card__index--top{top:0;left:0;border-radius:13px 0 8px 0}.u-card__index--bottom{bottom:0;right:0;transform:rotate(180deg);border-radius:13px 0 8px 0}.u-card__art{position:absolute;inset:7% 6% 18%;border-radius:45% 45% 15% 15%;overflow:hidden;background:radial-gradient(ellipse,#e7ecf5,#fff7f6);box-shadow:inset 0 0 0 1px #d8bd942e}.u-card__art img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.u-card__art--entity img{object-fit:contain}.u-card__art--emblem{inset:23% 19% 28%;border-radius:50%;background:radial-gradient(#eef4fa,#fbe6ec)}.u-card__art--emblem img{object-fit:contain;padding:12%;width:100%;height:100%}.u-card__caption{position:absolute;bottom:7%;left:8%;right:25%;z-index:2;font-size:11px;line-height:1.2;color:#435068}.u-card__caption strong{display:block;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.u-card__caption small{display:block;font-size:7px;margin-top:4px;letter-spacing:.04em;color:#987f64}.u-card--back{padding:0;background:#eef3f8;box-shadow:0 5px 16px #6c648a0f}.u-card--back img{display:block;width:100%;height:100%;object-fit:cover}.u-card--compact .u-card__index{padding-top:7%}.u-card--compact .u-card__index b{font-size:17px}.u-card--compact .u-card__index span{font-size:15px;margin-top:2px}.u-card--compact .u-card__caption{font-size:6px}.u-card--compact .u-card__caption small{display:none}.u-card--joker .u-card__index b{font-size:11px;writing-mode:vertical-rl;letter-spacing:2px}.u-card--joker .u-card__art{inset:10% 9% 18%;border-radius:45% 45% 25% 25%}.u-card--joker .u-card__index span{font-size:18px}.u-card--compact.u-card--joker .u-card__index b{font-size:7px;letter-spacing:1px}

/* Collection is a paper gallery; the shared card renderer owns the artwork geometry. */
.arcana-collection.arcana-collection{
  --collection-ink:var(--game-ink,#282b2e);--collection-muted:#77736b;--collection-line:#d5cbb9;--collection-gold:#a38b60;
  width:100%;max-width:1344px;margin:0 auto;padding:28px 32px 56px;color:var(--collection-ink);box-sizing:border-box;
}
.arcana-collection button,.arcana-collection input,.arcana-collection select,.arcana-collection a{font:inherit}
.arcana-collection button{cursor:pointer}
.arcana-collection button:disabled{cursor:default}
.arcana-collection button:focus-visible,.arcana-collection a:focus-visible,.arcana-collection input:focus-visible,.arcana-collection summary:focus-visible{outline:2px solid var(--collection-gold);outline-offset:4px}
.arcana-collection.arcana-collection .arcana-collection__intro{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:28px;padding:4px 0 25px;border:0;border-bottom:1px solid var(--collection-line);border-radius:0;background:none}
.arcana-collection__intro>div:first-child{min-width:0}
.arcana-collection .arcana-collection__eyebrow{margin:0 0 10px;font-size:10px!important;letter-spacing:.18em;line-height:1.5;color:#8d7551}
.arcana-collection__eyebrow>span{margin-left:12px;color:#999186;letter-spacing:.1em}
.arcana-collection.arcana-collection .arcana-collection__intro h1{font-family:Georgia,'Noto Serif SC',serif;font-size:clamp(27px,3vw,37px);font-weight:500;letter-spacing:.015em;line-height:1.15;margin:0 0 11px}
.arcana-collection.arcana-collection .arcana-collection__intro p:not(.arcana-collection__eyebrow){max-width:620px;margin:0;font-size:12px;line-height:1.6;color:var(--collection-muted)}
.arcana-collection .arcana-collection__stats{display:flex;width:auto;justify-content:flex-end;gap:25px;flex-shrink:0;padding-bottom:3px}
.arcana-collection__stats>span{display:flex;flex-direction:column;gap:5px;max-width:140px;font-size:10px;line-height:1.35;color:var(--collection-muted)}
.arcana-collection__stats b{font-family:Georgia,serif;font-size:29px;line-height:1;font-weight:400;color:var(--collection-ink)}
.arcana-collection-tabs{display:flex;align-items:center;gap:26px;margin:0 0 20px;border-bottom:1px solid var(--collection-line)}
.arcana-collection-tabs button{position:relative;min-height:54px;padding:14px 0;border:0;border-radius:0;background:none;color:var(--collection-muted);font-size:13px;letter-spacing:.025em}
.arcana-collection-tabs button[aria-pressed=true]{background:none;color:var(--collection-ink)}
.arcana-collection-tabs button[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--collection-gold)}
.arcana-collection__toolbar{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:16px}
.arcana-collection__filters{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.arcana-collection__filters button,.arcana-collection__back-toggle{min-width:44px;min-height:44px;border:1px solid transparent;border-radius:7px;background:none;color:var(--collection-muted);padding:8px 11px;font-size:12px}
.arcana-collection__filters button:nth-child(n+3):nth-child(-n+6){font-size:23px;font-family:Georgia,serif;padding:4px 8px}
.arcana-collection__filters button:nth-child(4),.arcana-collection__filters button:nth-child(5){color:#9b4247}
.arcana-collection__filters button[aria-pressed=true],.arcana-collection__back-toggle[aria-pressed=true]{border-color:#bcaa89;background:#f7f1e4;color:#39362f}
.arcana-collection__search{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--collection-line);border-radius:7px;background:#fffdf7}
.arcana-collection__search>span{font-size:22px;color:#9a8c75}
.arcana-collection__search input{width:100%;min-width:0;min-height:42px;border:0;outline:none;background:transparent;padding:8px 3px;font-size:12px;color:var(--collection-ink)}
.arcana-collection__search input::placeholder{color:#9d968a}
.arcana-collection__back-toggle{white-space:nowrap;border-color:var(--collection-line);background:#faf6ec}
.arcana-collection__secondary-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:5px 0 0}
.arcana-collection__secondary-controls details{min-width:0}
.arcana-collection__secondary-controls summary{display:flex;align-items:center;gap:9px;min-height:44px;font-size:11px;line-height:1.4;color:var(--collection-muted);cursor:pointer;list-style:none}
.arcana-collection__secondary-controls summary::-webkit-details-marker{display:none}
.arcana-collection__secondary-controls summary::before{content:'+';display:grid;place-items:center;flex-shrink:0;width:14px;height:14px;color:#8c7755;font-size:17px;font-weight:300}
.arcana-collection__secondary-controls details[open]>summary::before{content:'−'}
.arcana-collection .sjs-arcana-sets{flex:1;margin:0;padding:0;border:0;border-radius:0;background:none}
.sjs-arcana-sets summary>span{color:#9a9388;font-size:10px}
.sjs-arcana-sets>p{margin:3px 0 12px;font-size:12px;line-height:1.65;color:var(--collection-muted)}
.sjs-arcana-sets>div{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 1px 14px}
.sjs-arcana-sets>div>button{flex:0 0 170px;min-height:112px;display:grid;grid-template-columns:1fr auto;align-content:start;gap:9px;text-align:left;white-space:normal;padding:14px;border:1px solid var(--collection-line);border-radius:7px;background:#fffdf7;color:var(--collection-ink);scroll-snap-align:start}
.sjs-arcana-sets>div>button[aria-pressed=true]{border-color:#a38b60;background:#f2eada}
.sjs-arcana-sets button>b{font-size:12px;font-weight:500;line-height:1.4}
.sjs-arcana-sets button>span{font-size:12px;color:#947956;font-variant-numeric:tabular-nums}
.sjs-set-track{grid-column:1/-1;display:block;height:2px;width:100%;overflow:hidden;background:#e6dece}
.sjs-set-track>i{height:100%;display:block;background:#ac9164}
.sjs-set-next{grid-column:1/-1;font-size:10px;line-height:1.6;color:#837b6e}
.arcana-collection__presentation{flex:0 0 auto;max-width:245px}
.arcana-collection__presentation summary{justify-content:flex-end}
.arcana-collection .arcana-effect-settings{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:11px;color:var(--collection-muted)}
.arcana-collection .arcana-effect-settings select{min-height:44px;padding:8px 10px;border:1px solid var(--collection-line);border-radius:6px;background:#fffdf7;color:var(--collection-ink)}
.arcana-collection .arcana-effect-settings label{display:flex;align-items:center;gap:7px;min-height:44px;line-height:1.5}
.arcana-collection .arcana-effect-settings input{width:18px;height:18px;accent-color:#806b48}
.arcana-collection__status{margin:0;min-height:8px;font-size:11px;line-height:1.6;color:#5f7868}
.arcana-collection__status:not(:empty){padding:4px 0 10px}
.arcana-collection__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 21px;align-items:start}
.arcana-collection__slot{min-width:0}
.arcana-collection__card-button{position:relative;display:block;width:100%;aspect-ratio:63/88;border:0;padding:0;background:none;transition:translate 160ms ease;outline-offset:5px!important}
.arcana-collection__card-button:hover{translate:0 -4px}
.arcana-collection .arcana-collection__card-button>.u-card{display:block;width:100%!important;max-width:none!important;aspect-ratio:63/88!important;height:auto!important;border-radius:11px;box-shadow:0 1px 2px #221a1418,0 8px 18px #3e302316}
.arcana-collection__slot-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;min-height:61px;padding:8px 0 0}
.arcana-collection__slot-footer>span{min-width:0;padding-top:4px;flex:1}
.arcana-collection__slot-footer strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:16px;overflow:hidden;font-size:11px;line-height:1.45;font-weight:500;color:#464239}
.arcana-collection__slot-footer small{display:block;max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.5;color:#958b7a}
.arcana-collection__slot-footer small i{font-style:normal;padding:0 3px;color:#c0b4a0}
.arcana-collection__slot-footer button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:7px;background:none;color:#a8947d;font-family:Georgia,serif;font-size:24px;line-height:1}
.arcana-collection__slot-footer button[aria-pressed=true]{color:#9e4c4f}
.arcana-collection__slot-footer button:hover{background:#eadfce77}
.arcana-collection__empty{text-align:center;padding:65px 20px;border:1px solid var(--collection-line);border-radius:10px;background:#faf7ef}
.arcana-collection__empty>span{font-size:45px;color:#ac9274}
.arcana-collection__empty h3{font-size:17px;font-weight:400;line-height:1.5}
.arcana-collection__empty button{min-height:44px;padding:10px 18px;border:1px solid #bfa985;border-radius:6px;background:#fffdf8;color:#716047}
.arcana-collection__back-note{display:flex;align-items:center;gap:24px;margin-top:35px;padding:24px 0;border-top:1px solid var(--collection-line)}
.arcana-collection__back-note>.u-card{flex-shrink:0;width:72px}
.arcana-collection__back-note h3{font:500 19px/1.4 Georgia,'Noto Serif SC',serif;margin:0 0 8px}
.arcana-collection__back-note p{max-width:820px;margin:4px 0;font-size:11px;line-height:1.65;color:var(--collection-muted)}
.arcana-collection.arcana-collection .arcana-collection__scrim{position:fixed;inset:0;z-index:120;display:flex;align-items:stretch;justify-content:flex-end;padding:0;background:#151b2080;backdrop-filter:blur(4px)}
.arcana-collection.arcana-collection .arcana-collection__detail{position:relative;display:grid;grid-template-columns:minmax(205px,.9fr) minmax(240px,1fr);align-content:start;gap:28px;width:min(890px,100%);max-width:890px;min-height:100%;max-height:100dvh;overflow-y:auto;margin-left:auto;padding:52px 35px 34px;border:0;border-left:1px solid #c4b08c;border-radius:0;background:#fbf7ed;box-shadow:-12px 0 50px #0002}
.arcana-collection__close{position:absolute;right:13px;top:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--collection-line);border-radius:7px;background:#fffbf2;color:#75664f;font-size:28px!important;line-height:1}
.arcana-collection__detail-art{position:sticky;top:0;align-self:start;display:flex;justify-content:center;min-width:0;padding-top:12px}
.arcana-collection.arcana-collection .arcana-collection__detail-art>.u-card{width:100%!important;max-width:320px!important;box-shadow:0 3px 7px #2e241915,0 15px 35px #5b422525}
.arcana-collection__detail-copy{min-width:0;padding-top:12px}
.arcana-collection__detail-copy h2{margin:7px 0 20px;font:500 clamp(24px,3vw,32px)/1.2 Georgia,'Noto Serif SC',serif;overflow-wrap:anywhere}
.arcana-collection.arcana-collection .arcana-collection__detail-copy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0 0 18px}
.arcana-collection.arcana-collection .arcana-collection__detail-copy dl>div{min-width:0;padding:0;background:none;border-radius:0}
.arcana-collection__detail-copy dt{margin-bottom:5px;font-size:10px;line-height:1.5;color:#998a74}
.arcana-collection__detail-copy dd{margin:0;font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;color:#514b40}
.arcana-collection__detail-copy h3{margin:23px 0 11px;font-size:12px;font-weight:500;line-height:1.5;color:#635a4b}
.arcana-collection__variants{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 13px}
.arcana-collection__variants button{position:relative;flex:0 0 97px;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:44px;padding:6px;border:1px solid #d4c7af;border-radius:7px;background:#fffcf4;color:#7e6b51;font-size:10px;scroll-snap-align:start}
.arcana-collection__variants .u-card{width:83px!important;max-width:none!important}
.arcana-collection__variants button[aria-pressed=true]{border-color:#a38653;background:#eee4cf}
.arcana-collection__variants button:disabled{opacity:.56;filter:saturate(.35)}
.arcana-collection__variants button>span{min-height:15px}
.arcana-collection__variants b{position:absolute;right:3px;top:3px;width:19px;height:19px;border:1px solid #ad9161;border-radius:50%;background:#fbf3df;color:#8a6d3d;font-size:11px;line-height:17px;text-align:center}
.arcana-collection .arcana-skins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.arcana-collection .arcana-skins button{position:relative;min-height:44px;padding:10px 9px;border:1px solid #d8cbb6;border-radius:6px;background:#fffcf4;color:#6a6050;font-size:10px;line-height:1.4}
.arcana-collection .arcana-skins button[aria-pressed=true]{border-color:#a58a58;box-shadow:inset 0 0 0 1px #bda77c}
.arcana-collection .arcana-skins button[data-skin=WOLF]{background:#e8edf0;color:#4d5861}
.arcana-collection .arcana-skins button[data-skin=PHOENIX]{background:#f3e6dd;color:#965244}
.arcana-collection .arcana-skins button[data-skin=DRAGON]{background:#e4ece4;color:#477265}
.arcana-collection .arcana-skins button[data-skin=REALM_FOIL]{background:linear-gradient(110deg,#ece8df,#eff0e5,#f0e5d8)}
.arcana-collection .arcana-skins button[data-skin=CHRONICLE]{background:#ebe2d0;color:#897149}
.arcana-skin-hint,.arcana-collection__art-only{font-size:11px;line-height:1.7;color:#897c67}
.arcana-collection__memory-hint{padding:12px 0;border-top:1px solid #d9cdb8;border-bottom:1px solid #d9cdb8;margin-top:22px;font-size:12px;line-height:1.7;color:#7e6e54;background:none;border-radius:0}
.arcana-collection__id{display:block;margin-top:10px;font-size:9px;line-height:1.6;overflow-wrap:anywhere;color:#ab9c84}
.arcana-collection__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.arcana-collection__actions button,.arcana-collection__actions a{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;padding:10px 12px;border:1px solid #b6a07a;border-radius:6px;background:#f8f0df;color:#655238;text-align:center;font-size:11px;line-height:1.45;text-decoration:none}
.arcana-collection__actions a{background:#2f342f;border-color:#2f342f;color:#f7efd9}
.arcana-card-related{display:flex;flex-wrap:wrap;gap:7px}
.arcana-card-related h3{width:100%;margin-bottom:3px}
.arcana-card-related a{display:flex;align-items:center;min-height:44px;padding:5px 7px 5px 0;color:#8b734e;text-decoration:none;font-size:11px;line-height:1.5}
.arcana-back-collection>p{font-size:12px;line-height:1.6;color:var(--collection-muted)}
.arcana-back-collection>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.arcana-back-collection article{min-width:0;display:flex;flex-direction:column;align-items:center;padding:17px 18px 20px;border:1px solid #d7cbb7;border-radius:9px;background:#faf6eb;text-align:center}
.arcana-back-collection .u-card{width:100%!important;max-width:210px!important}
.arcana-back-collection h2{margin:17px 0 7px;font:500 19px/1.3 Georgia,'Noto Serif SC',serif}
.arcana-back-collection p{margin:0 0 14px;flex:1;font-size:11px;line-height:1.7;color:#93816a}
.arcana-back-collection button{width:100%;min-height:44px;border:1px solid #b6a077;border-radius:6px;background:#f0e6d0;color:#6a5639;padding:10px;font-size:12px}
.arcana-back-collection button:disabled{background:#f4efe3;color:#aa9d89;border-color:#d1c4ad}
.arcana-back-collection button[aria-pressed=true]{background:#30352f;border-color:#30352f;color:#fff5dd}
.arcana-back-collection article[data-owned=false] .u-card{filter:saturate(.7);opacity:.9}
.au-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.au-mode-gameTitle{grid-column:span 1}.au-mode-baccarat,.au-mode-quick{background:#f9f7ef}.au-pack-items>a{min-height:44px;padding:12px 16px;border:1px solid #ccc1ac;border-radius:12px}
@media(min-width:1600px){.arcana-collection__grid{gap:30px 25px}}
@media(max-width:1100px){.arcana-collection.arcana-collection{padding:24px 26px 45px}.arcana-collection__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.arcana-collection__toolbar{gap:10px;grid-template-columns:auto minmax(130px,1fr) auto}.arcana-collection__filters button{padding-left:8px;padding-right:8px}.arcana-collection__stats{gap:20px}}
@media(max-width:900px){.arcana-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arcana-collection__toolbar{grid-template-columns:1fr auto}.arcana-collection__filters{grid-column:1/-1}.arcana-collection__search{width:100%}.arcana-collection__intro{gap:20px}.arcana-collection__stats>span{max-width:100px}.arcana-back-collection>div{gap:16px}.arcana-back-collection article{padding:13px 12px 16px}.arcana-back-collection h2{font-size:17px}}
@media(max-width:600px){
.arcana-collection.arcana-collection{padding:18px 14px 34px}
.arcana-collection.arcana-collection .arcana-collection__intro{align-items:flex-start;gap:14px;padding-bottom:18px}
.arcana-collection.arcana-collection .arcana-collection__intro h1{font-size:25px;line-height:1.2;margin-bottom:8px}
.arcana-collection.arcana-collection .arcana-collection__intro p:not(.arcana-collection__eyebrow){font-size:10px;line-height:1.55}
.arcana-collection .arcana-collection__eyebrow{font-size:8px!important;letter-spacing:.13em;margin-bottom:8px}
.arcana-collection__eyebrow>span{display:none}
.arcana-collection .arcana-collection__stats{display:grid;gap:12px;min-width:54px;text-align:right}
.arcana-collection__stats b{font-size:24px}
.arcana-collection__stats>span{max-width:75px;font-size:8px;gap:4px}
.arcana-collection-tabs{gap:0;margin-bottom:13px}
.arcana-collection-tabs button{flex:1;min-height:49px;padding:12px 7px;font-size:12px;text-align:center}
.arcana-collection__toolbar{gap:8px}
.arcana-collection__filters{gap:1px;justify-content:flex-start;flex-wrap:nowrap;min-width:0;width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
.arcana-collection__filters button{flex:0 0 auto}
.arcana-collection__filters button{min-width:44px;padding:8px 7px;font-size:10px}
.arcana-collection__filters button:nth-child(n+3):nth-child(-n+6){font-size:22px;padding:4px 5px}
.arcana-collection__search{padding:0 9px}
.arcana-collection__search input{font-size:11px}
.arcana-collection__back-toggle{font-size:11px;padding:8px 10px}
.arcana-collection__secondary-controls{gap:10px}
.arcana-collection__secondary-controls summary{font-size:10px}
.sjs-arcana-sets summary>span{display:none}
.arcana-collection__presentation{max-width:170px}
.arcana-collection__presentation .arcana-effect-settings{display:block}
.arcana-collection__presentation .arcana-effect-settings select{width:100%}
.arcana-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
.arcana-collection .arcana-collection__card-button>.u-card{border-radius:10px}
.arcana-collection__slot-footer{min-height:58px;padding-top:7px}
.arcana-collection__slot-footer strong{font-size:11px}
.arcana-collection__slot-footer small{font-size:8px}
.arcana-collection__back-note{align-items:flex-start;gap:15px;margin-top:22px;padding-top:19px}
.arcana-collection__back-note h3{font-size:17px}
.arcana-collection__back-note p{font-size:10px}
.arcana-collection__back-note>.u-card{width:63px}
.arcana-collection.arcana-collection .arcana-collection__detail{display:block;width:100%;padding:54px 23px 28px;border:0;min-height:100%;max-height:100dvh}
.arcana-collection__detail-art{position:relative;top:auto;padding-top:2px}
.arcana-collection.arcana-collection .arcana-collection__detail-art>.u-card{max-width:230px!important}
.arcana-collection__detail-copy{padding-top:25px}
.arcana-collection__detail-copy h2{font-size:27px}
.arcana-collection.arcana-collection .arcana-collection__detail-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.arcana-collection .arcana-skins{grid-template-columns:repeat(3,minmax(0,1fr))}
.arcana-back-collection>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.arcana-back-collection article{padding:11px 10px 14px}
.arcana-back-collection h2{font-size:16px}
.arcana-back-collection p{font-size:10px}
}
@media(max-width:700px){.au-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.arcana-collection.arcana-collection{padding-left:12px;padding-right:12px}.arcana-collection__filters button{padding-left:5px;padding-right:5px}.arcana-collection__grid{gap:20px 12px}.arcana-collection__stats{min-width:48px}.arcana-collection.arcana-collection .arcana-collection__detail{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.arcana-collection__card-button{transition:none}.arcana-collection__card-button:hover{translate:none}}

/* The theme studio renders the real deck: artwork, frame, felt and one uniform back. */
.arcana-collection .arcana-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);overflow:hidden;border:1px solid var(--collection-line);border-radius:14px;background:var(--game-panel);box-shadow:0 16px 38px #392e1e08}
.arcana-studio__stage{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:510px;padding:27px 20px 20px;overflow:hidden;isolation:isolate;background:var(--game-table);color:var(--game-table-ink)}
.arcana-studio__stage::before{content:'';position:absolute;inset:12px;border:1px solid var(--game-table-line);border-radius:9px;opacity:.36;pointer-events:none}
.arcana-studio__stage::after{content:'';position:absolute;left:50%;top:48%;width:320px;aspect-ratio:1;border:1px solid var(--game-table-line);border-radius:50%;translate:-50% -50%;box-shadow:0 0 0 32px #ffffff02,0 0 0 64px #ffffff02;opacity:.18;z-index:-1;pointer-events:none}
.arcana-studio__edition{position:absolute;left:29px;right:29px;top:21px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;font-size:9px;letter-spacing:.19em;line-height:1.5;color:var(--game-table-muted)}
.arcana-studio__edition>span{font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.arcana-studio__fan{position:relative;align-self:center;width:100%;max-width:410px;height:350px;margin-top:25px;perspective:900px}
.arcana-studio__fan-card{position:absolute;top:36px;left:50%;width:clamp(112px,13.4vw,166px);translate:-50% 0;filter:drop-shadow(0 13px 9px #0003);transition:transform 220ms ease,top 220ms ease}
.arcana-studio__fan-card>.u-card{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:63/88!important;border-radius:11px!important;box-shadow:0 0 0 1px #b3a58b22,0 5px 18px #0003}
.arcana-studio__fan-card[data-fan-position="0"]{z-index:1;transform:translateX(-67%) rotate(-13deg);top:52px}
.arcana-studio__fan-card[data-fan-position="1"]{z-index:3;transform:rotate(-1deg)}
.arcana-studio__fan-card[data-fan-position="2"]{z-index:2;transform:translateX(67%) rotate(13deg);top:52px}
.arcana-studio__fan:hover .arcana-studio__fan-card[data-fan-position="0"]{transform:translateX(-74%) rotate(-15deg)}
.arcana-studio__fan:hover .arcana-studio__fan-card[data-fan-position="2"]{transform:translateX(74%) rotate(15deg)}
.arcana-studio__preview-tools{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;z-index:4}
.arcana-collection .arcana-studio__preview-tools button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #ffffff28;border-radius:7px;background:#ffffff08;color:var(--game-table-ink);font-size:10px;line-height:1.4}
.arcana-collection .arcana-studio__preview-tools button:hover,.arcana-collection .arcana-studio__preview-tools button[aria-pressed=true]{background:#ffffff17;border-color:var(--game-table-line)}
.arcana-studio__footnote{margin:14px auto 0;max-width:360px;text-align:center;color:var(--game-table-muted);font-size:9px;line-height:1.6;letter-spacing:.015em}
.arcana-studio__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:34px 34px 26px;color:var(--game-ink)}
.arcana-studio__badge{align-self:flex-start;display:flex;align-items:center;gap:7px;margin:0 0 14px;color:var(--game-gold);font-size:10px;line-height:1.5;letter-spacing:.05em}
.arcana-studio__badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.arcana-collection .arcana-studio__copy h2{margin:0;font:500 clamp(23px,2.5vw,31px)/1.3 Georgia,'Noto Serif SC',serif;letter-spacing:.015em;max-width:380px}
.arcana-studio__intro{margin:13px 0 0;max-width:400px;font-size:11px;line-height:1.75;color:var(--game-muted)}
.arcana-studio__theme-name{display:flex;align-items:center;gap:12px;margin:22px 0 18px;padding-top:19px;border-top:1px solid var(--game-line)}
.arcana-studio__seal{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid var(--game-line);border-radius:50%;color:var(--game-gold);font-size:21px}
.arcana-collection .arcana-studio__theme-name h3{margin:0;font:500 18px/1.4 Georgia,'Noto Serif SC',serif;color:var(--game-ink)}
.arcana-studio__theme-name p{margin:5px 0 0;font-size:10px;line-height:1.7;color:var(--game-muted)}
.arcana-studio__back-pair{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--game-line);border-radius:8px;background:var(--game-bg)}
.arcana-collection .arcana-studio__back-pair>.u-card{flex:0 0 46px;width:46px!important;max-width:46px!important;border-radius:5px!important;box-shadow:0 2px 5px #0002}
.arcana-studio__back-pair>div{min-width:0;flex:1}
.arcana-studio__back-pair strong{display:block;font-size:11px;font-weight:500;line-height:1.45}
.arcana-studio__back-pair p{margin:5px 0 0;font-size:10px;line-height:1.55;color:var(--game-muted)}
.arcana-collection .arcana-studio__back-pair button{min-height:44px;min-width:44px;margin:3px 0 -5px;padding:4px 0;border:0;border-radius:0;background:none;color:var(--game-gold);text-align:left;font-size:10px}
.arcana-studio__unify{display:flex;align-items:flex-start;gap:9px;min-height:44px;margin:16px 0 18px;cursor:pointer;font-size:11px;line-height:1.6}
.arcana-studio__unify input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--game-primary)}
.arcana-studio__unify small{display:block;margin-top:4px;max-width:340px;font-size:9px;line-height:1.65;color:var(--game-muted)}
.arcana-studio__actions{display:flex;flex-direction:column;gap:7px}
.arcana-collection .arcana-studio__actions>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;width:100%;padding:12px 15px;border:1px solid var(--game-primary);border-radius:7px;background:var(--game-primary);color:var(--game-primary-ink);font-size:12px;line-height:1.45;text-align:left;transition:filter 150ms ease,translate 150ms ease}
.arcana-collection .arcana-studio__actions>button:hover{filter:brightness(1.08);translate:0 -1px}
.arcana-studio__actions>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 0;color:var(--game-gold);text-decoration:none;text-align:center;font-size:11px;line-height:1.6}
.arcana-studio__copy .arcana-collection__status{color:var(--game-success)}
.arcana-studio__choose-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:29px 0 14px}
.arcana-studio__choose-heading h3{margin:0;font:500 19px/1.4 Georgia,'Noto Serif SC',serif;color:var(--collection-ink)}
.arcana-studio__choose-heading>span{font-size:10px;letter-spacing:.14em;color:var(--collection-muted)}
.arcana-collection .arcana-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.arcana-collection .arcana-theme-option{display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:0;border:1px solid var(--collection-line);border-radius:10px;background:var(--game-panel);color:var(--game-ink);box-shadow:0 3px 10px #392e1e05;transition:border-color 180ms ease,box-shadow 180ms ease}
.arcana-collection .arcana-theme-option[data-preview-selected=true]{border-color:var(--game-gold);box-shadow:0 0 0 1px var(--game-gold),0 5px 14px #392e1e09}
.arcana-collection .arcana-theme-option__preview{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;border:0;border-radius:0;background:none;color:inherit;text-align:left}
.arcana-theme-option__mini-table{position:relative;display:block;width:100%;height:185px;overflow:hidden;background:var(--game-table);isolation:isolate}
.arcana-theme-option__mini-table::after{content:'';position:absolute;inset:9px;border:1px solid var(--game-table-line);border-radius:5px;opacity:.26;z-index:-1;pointer-events:none}
.arcana-theme-option__mini-card,.arcana-theme-option__mini-back{position:absolute;left:50%;top:25px;width:78px;translate:-50% 0;transform-origin:50% 88%;filter:drop-shadow(0 7px 6px #0003)}
.arcana-theme-option__mini-card:first-child{transform:translateX(-61%) rotate(-10deg);z-index:3;top:30px}
.arcana-theme-option__mini-card:nth-child(2){z-index:2}
.arcana-theme-option__mini-back{transform:translateX(62%) rotate(10deg);z-index:1;top:30px}
.arcana-collection .arcana-theme-option__mini-table .u-card{width:100%!important;max-width:none!important;aspect-ratio:63/88!important;height:auto!important;border-radius:6px!important}
.arcana-collection .arcana-theme-option__name{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 15px 0;color:var(--game-ink);font:500 17px/1.4 Georgia,'Noto Serif SC',serif}
.arcana-theme-option__name>b{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border:1px solid var(--game-line);border-radius:50%;color:var(--game-gold);font:500 10px/1 sans-serif}
.arcana-theme-option__description{display:block;flex:1;min-height:58px;padding:7px 15px 12px;color:var(--game-muted);font-size:10px;line-height:1.7}
.arcana-collection .arcana-theme-option__equip{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;padding:11px 15px;margin:0;border:0;border-top:1px solid var(--game-line);border-radius:0;background:var(--game-bg);color:var(--game-gold);font-size:10px;line-height:1.5;text-align:left}
.arcana-collection .arcana-theme-option__equip[aria-pressed=true]{background:var(--game-selected);color:var(--game-selected-ink)}
.arcana-studio__effects{margin-top:23px;border-top:1px solid var(--collection-line)}
.arcana-studio__effects>summary{display:flex;align-items:center;min-height:48px;color:var(--collection-muted);font-size:11px;cursor:pointer}
.arcana-studio__effects .arcana-effect-settings{margin:3px 0 9px}
.arcana-collection .arcana-collection__variants button[data-art-owned=false]{opacity:1;filter:none;background:#f3eee4;border-style:dashed}
.arcana-collection .arcana-collection__variants button[data-art-owned=false]>span{color:#877250}
.arcana-art-equipment{margin-top:2px}
.arcana-collection .arcana-art-equipment>button{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:10px 13px;border:1px solid #a98f5c;border-radius:7px;background:#343c34;color:#fff8e5;font-size:11px;line-height:1.5}
.arcana-collection .arcana-art-equipment>button:disabled{border-color:#d5c8b0;background:#f0e9da;color:#968871}
.arcana-art-equipment>p{margin:9px 0 0;font-size:10px;line-height:1.6;color:#8a7755}
.arcana-collection :is(.arcana-theme-option__preview,.arcana-theme-option__equip,.arcana-studio button,.arcana-studio a):focus-visible{outline:2px solid var(--game-focus);outline-offset:4px}
@media(min-width:1600px){.arcana-studio__fan-card{width:170px}.arcana-studio__fan{max-width:430px}}
@media(max-width:1000px){.arcana-studio__copy{padding:26px 22px}.arcana-studio__stage{min-height:475px}.arcana-studio__fan{height:310px}.arcana-studio__fan-card{width:clamp(109px,15vw,145px)}.arcana-theme-option__mini-card,.arcana-theme-option__mini-back{width:70px}.arcana-theme-option__mini-table{height:169px}}
@media(max-width:720px){.arcana-collection .arcana-studio{grid-template-columns:1fr}.arcana-studio__stage{min-height:360px;padding:20px 14px 18px}.arcana-studio__fan{height:269px;margin-top:13px;max-width:340px}.arcana-studio__fan-card{width:124px;top:29px}.arcana-studio__fan-card[data-fan-position="0"],.arcana-studio__fan-card[data-fan-position="2"]{top:43px}.arcana-studio__edition{left:24px;right:24px;top:21px}.arcana-studio__copy{padding:24px}.arcana-studio__intro{max-width:none}.arcana-collection .arcana-studio__copy h2{max-width:none;font-size:25px}.arcana-studio__unify small{max-width:none}.arcana-studio__theme-name{margin:18px 0 14px;padding-top:16px}.arcana-studio__badge{margin-bottom:12px}.arcana-studio__actions{flex-direction:row;align-items:center;gap:14px}.arcana-collection .arcana-studio__actions>button{flex:1;width:auto}.arcana-studio__actions>a{flex:1}.arcana-collection .arcana-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.arcana-theme-option__mini-table{height:163px}.arcana-theme-option__mini-card,.arcana-theme-option__mini-back{width:67px;top:24px}.arcana-theme-option__mini-card:first-child,.arcana-theme-option__mini-back{top:29px}.arcana-collection .arcana-theme-option__name{font-size:15px;padding:12px 11px 0}.arcana-theme-option__description{padding:7px 11px 10px;font-size:9px;min-height:67px}.arcana-collection .arcana-theme-option__equip{padding:10px 11px;font-size:9px}}
@media(max-width:390px){.arcana-studio__stage{min-height:337px}.arcana-studio__fan{height:246px}.arcana-studio__fan-card{width:111px}.arcana-studio__copy{padding:21px 18px}.arcana-studio__actions{flex-direction:column;align-items:stretch;gap:3px}.arcana-collection .arcana-studio__actions>button{width:100%}.arcana-theme-option__mini-table{height:150px}.arcana-theme-option__mini-card,.arcana-theme-option__mini-back{width:61px}.arcana-theme-option__description{min-height:77px}.arcana-studio__footnote{max-width:275px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.arcana-studio__fan-card,.arcana-theme-option,.arcana-studio__actions>button{transition:none!important}.arcana-studio__fan:hover .arcana-studio__fan-card[data-fan-position="0"]{transform:translateX(-67%) rotate(-13deg)}.arcana-studio__fan:hover .arcana-studio__fan-card[data-fan-position="2"]{transform:translateX(67%) rotate(13deg)}}
.arcana-studio:is([data-motion=reduced],[data-motion=LOW]) .arcana-studio__fan-card,.arcana-studio:is([data-motion=reduced],[data-motion=LOW]) .arcana-studio__actions>button{transition:none}
.arcana-studio:is([data-motion=reduced],[data-motion=LOW]) .arcana-studio__fan:hover .arcana-studio__fan-card[data-fan-position="0"]{transform:translateX(-67%) rotate(-13deg)}
.arcana-studio:is([data-motion=reduced],[data-motion=LOW]) .arcana-studio__fan:hover .arcana-studio__fan-card[data-fan-position="2"]{transform:translateX(67%) rotate(13deg)}

/* src/components/arcana-universal/hub.css */
.au-discovery{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:18px;margin-bottom:6px;padding:10px 16px;border:1px solid #e9dce7;border-radius:18px;background:linear-gradient(120deg,#fffdfa,#f3f3ff);font-size:13px}.au-discovery>a{display:inline-flex;gap:7px;align-items:center;min-height:44px;color:#36415b}.au-discovery small{color:#8e7281;font-size:11px}.au-hub{padding-top:24px;padding-bottom:50px;color:#25324a}.au-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;padding:42px 30px;background:radial-gradient(ellipse at 86% 65%,#e4f1fc,transparent 56%),linear-gradient(135deg,#fffcf8,#fff2f6);border:1px solid #ecdbe3;border-radius:30px;overflow:hidden}.au-hero h1{font-family:Georgia,serif;font-size:clamp(26px,3.7vw,48px);line-height:1.2;letter-spacing:1px;margin:12px 0}.au-hero h2{font-size:19px;font-weight:500;margin:14px 0}.au-hero p{font-size:15px;line-height:1.8;max-width:560px;color:#6b657a}.au-format{display:block;font-size:12px;letter-spacing:1px;color:#977a5b;margin-bottom:24px}.au-card-fan{display:flex;justify-content:center;align-items:center;gap:0;min-height:260px}.au-card-fan>*{margin-left:-34px;transform:rotate(-13deg);filter:drop-shadow(0 12px 14px #36456b20)}.au-card-fan>*:nth-child(2){z-index:1;transform:translateY(-16px)}.au-card-fan>*:last-child{transform:rotate(13deg)}.au-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:27px 0}.au-mode{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e9dae5;background:#fffdfb;border-radius:23px;padding:24px 19px;box-shadow:0 8px 28px #8b628d08;transition:transform .2s,border-color .2s}.au-mode:hover{transform:translateY(-4px);border-color:#d99faf}.au-mode-symbol{font-size:29px;display:grid;place-items:center;width:53px;height:53px;border-radius:18px;color:#83688a;background:linear-gradient(135deg,#ffe7ed,#eef6ff);margin-bottom:19px}.au-mode h2{font-size:20px;margin:10px 0}.au-mode p{font-size:13px;line-height:1.8;flex:1;color:#71677b}.au-mode a{display:inline-flex;align-items:center;color:#b35872;min-height:44px;font-size:13px;font-weight:600}.au-mode-gameTitle{background:linear-gradient(150deg,#fffdfb,#fff0f4);border-color:#ebbbcb}.au-shared{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:42px;padding:28px;border:1px solid #e4dcec;background:#fcfaff;border-radius:26px}.au-shared h2,.au-pack h2{font-size:24px;margin:10px 0}.au-shared p,.au-pack p{font-size:14px;line-height:1.9;color:#6d657b}.au-back-example{display:flex;gap:20px;align-items:center}.au-back-example h3{font-size:18px}.au-back-example p{font-size:13px}.au-bottom-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;font-size:13px;color:#7e657f}.au-bottom-nav>a{min-height:44px;display:inline-flex;align-items:center}.au-classic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.au-classic-grid>article{padding:25px;background:#fffdfb;border:1px solid #eadbe4;border-radius:24px}.au-classic-grid>article>span{color:#bc9871;font-family:Georgia,serif}.au-classic-grid h2{font-size:20px}.au-classic-grid p{font-size:13px;line-height:1.9;color:#70667b}.au-poker-indices{font-family:Georgia,serif;word-spacing:5px;font-size:22px;line-height:2}.au-poker-suits{font-family:Georgia,serif;font-size:35px;letter-spacing:10px;color:#a65e77}.au-print-rules,.au-pack{padding:30px;border:1px solid #e8dce9;border-radius:25px;margin-top:24px;background:#fffaf8}.au-print-rules li{font-size:14px;line-height:1.9;margin:12px 0}.au-print-rules ol{padding-left:22px}.au-rank-order,.au-pack-items{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.au-rank-order>span,.au-pack-items>span{padding:9px 12px;border:1px solid #e7d9df;border-radius:12px;background:#fffdfb;font-size:12px}.au-print-rules>.button{margin-top:12px}@media(max-width:1050px){.au-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.au-hero{gap:18px;padding:30px 24px}.au-card-fan>*{margin-left:-42px}}@media(max-width:700px){.au-discovery{padding:8px 12px;font-size:12px}.au-discovery small{display:none}.au-hero{grid-template-columns:1fr;padding:27px 22px;gap:12px}.au-card-fan{min-height:245px}.au-hero h1{font-size:29px}.au-hero h2{font-size:17px}.au-hero p{font-size:14px}.au-mode-grid{gap:11px}.au-mode{padding:18px 13px}.au-mode h2{font-size:17px}.au-mode p{font-size:12px}.au-mode .eyebrow{font-size:9px;letter-spacing:1px}.au-mode a{font-size:12px}.au-shared{grid-template-columns:1fr;gap:18px;padding:22px}.au-classic-grid{grid-template-columns:1fr}.au-print-rules,.au-pack{padding:23px}.au-back-example{gap:17px}.au-hub{padding-top:12px}}@media(prefers-reduced-motion:reduce){.au-mode{transition:none}}@media print{.au-hero,.au-classic-grid,.au-discovery,.au-bottom-nav,.au-pack,.au-print-rules>.button{display:none}.au-print-rules{border:0;background:#fff;color:#25324a;box-shadow:none}}

.au-back-example>.u-card{width:98px;flex:none}.au-classic-grid>article>.u-card{max-width:140px;margin:18px auto 0}.au-card-fan>.u-card{max-width:185px}.tr-welcome-cards>.u-card{max-width:185px}
.au-mode-gameTitle{background:linear-gradient(140deg,#fff3f7,#edf4fd)!important;border-color:#e4bed3!important;box-shadow:0 8px 28px #b7a0ca19}.au-mode-gameTitle a{font-weight:650}.au-mode-gameTitle .au-mode-symbol{background:#ede6f4;color:#947cae}.au-mode-gameTitle{grid-column:span 2}.au-card-fan .u-card__art--portrait img{object-fit:contain}
@media(max-width:600px){.au-mode-gameTitle{grid-column:span 1}}

/* src/components/arcana-universal/physical-reference.css */
.physical-reference{max-width:1320px;margin:auto;padding:28px 22px 64px;color:#272b32;background:#f4f0e7}.physical-reference>header{text-align:center;max-width:750px;margin:0 auto 28px}.physical-reference h1{font-size:clamp(26px,4vw,42px);margin:10px 0}.physical-reference h2{font-size:clamp(20px,3vw,28px);margin:26px 0 18px}.physical-reference p{font-size:14px;line-height:1.8;color:#6e6961}.physical-reference__product{display:flex;align-items:center;justify-content:center;gap:80px;min-height:380px;padding:20px 12px 40px;background:radial-gradient(ellipse at center,#ece4d7,transparent 67%)}.physical-reference__box{position:relative;transform:perspective(900px) rotateY(-16deg) rotateZ(-3deg);width:218px;height:330px;filter:drop-shadow(18px 18px 15px #3e352030)}.physical-reference__box-front{position:absolute;inset:0;background:linear-gradient(135deg,#1c2027,#101419);color:#ddccaa;border:1px solid #a99a7b;box-shadow:inset 0 0 0 7px #181c22,inset 0 0 0 8px #a99a7b;border-radius:6px;padding:17px 18px;display:flex;flex-direction:column;align-items:center;gap:7px}.physical-reference__box-front small{font-size:9px;letter-spacing:3px}.physical-reference__box-front>strong{font-family:serif;font-size:23px;letter-spacing:4px}.physical-reference__box-front>.u-card{width:123px!important;--rank-size:20px;--suit-size:16px;flex:none}.physical-reference__box-front>span{font-size:7px;letter-spacing:1.2px;margin-top:5px}.physical-reference__box-front>b{font-size:10px;letter-spacing:3px}.physical-reference__box-side{position:absolute;left:100%;top:4px;width:31px;height:322px;background:linear-gradient(90deg,#28292c,#171b21);border:1px solid #90856d;transform:skewY(15deg);transform-origin:left center;border-radius:0 4px 4px 0;writing-mode:vertical-rl;color:#c7b48e;letter-spacing:5px;font:11px serif;display:grid;place-items:center}.physical-reference__deck-stack{position:relative;display:grid;gap:24px;text-align:center;width:210px}.physical-reference__deck-stack>.u-card{width:210px!important;box-shadow:3px 3px #e0dbd0,5px 5px #93897b,7px 7px #e0dbd0,9px 9px #93897b,11px 11px #e0dbd0,17px 20px 24px #3e352030;transform:rotate(4deg)}.physical-reference__deck-stack>span{font-size:11px;color:#6e6961}.physical-reference__four,.physical-reference__six{display:grid;gap:18px}.physical-reference__four{grid-template-columns:repeat(4,minmax(0,1fr))}.physical-reference__six{grid-template-columns:repeat(6,minmax(0,1fr))}.physical-reference figure{margin:0;min-width:0;display:grid;justify-items:center;gap:9px;align-content:start}.physical-reference figure>.u-card{width:100%!important;max-width:252px}.physical-reference figcaption{font-size:12px;text-align:center}.physical-reference__notice{padding:14px 16px;border-left:2px solid #b39c70;background:#e9e1d5}
@media(max-width:768px){.physical-reference__six{grid-template-columns:repeat(3,minmax(0,1fr))}.physical-reference__product{gap:42px}.physical-reference__box{width:185px;height:292px}.physical-reference__box-front{padding:15px;gap:5px}.physical-reference__box-front>.u-card{width:109px!important}.physical-reference__box-side{height:284px}.physical-reference__deck-stack,.physical-reference__deck-stack>.u-card{width:170px!important}.physical-reference__four{gap:12px}}
@media(max-width:430px){.physical-reference{padding:20px 14px 40px}.physical-reference__four,.physical-reference__six{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.physical-reference__product{gap:30px;min-height:265px;padding:12px 4px 28px}.physical-reference__box{width:136px;height:230px}.physical-reference__box-front{padding:12px;gap:4px}.physical-reference__box-front>strong{font-size:16px;letter-spacing:2px}.physical-reference__box-front>.u-card{width:83px!important;--rank-size:17px;--suit-size:13px}.physical-reference__box-front>span{font-size:5px;letter-spacing:.2px}.physical-reference__box-front>small{font-size:6px;letter-spacing:2px}.physical-reference__box-side{height:222px;width:19px;font-size:8px}.physical-reference__deck-stack,.physical-reference__deck-stack>.u-card{width:122px!important}.physical-reference__deck-stack{gap:20px}.physical-reference__deck-stack>span{font-size:8px}.physical-reference h2{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.physical-reference .u-card{animation:none!important;transform:none!important}}
.physical-reference [data-avatar-review] img{width:100%;max-width:144px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;border:1px solid #b39c70;background:#e9e1d5}

/* src/components/arcana-universal/skins.css */
.u-card{--skin-border:#d2b68a;--skin-light:#e8c891;--skin-ink:#34445c;--tilt-x:0deg;--tilt-y:0deg;border-color:var(--skin-border);transition:transform .16s ease,box-shadow .16s ease;transform:perspective(800px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.u-card:not(.u-card--back)::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border:2px solid var(--skin-border);border-radius:inherit;opacity:.4;box-shadow:inset 0 0 0 4px #fff9}
.u-card:not(.u-card--back)::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .18s;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,35%),#fff9,transparent 46%)}
.u-card:hover::before,.u-card:active::before{opacity:.32}.u-card--selected{translate:0 -7px;box-shadow:0 0 0 2px var(--skin-light),0 9px 18px #85769930}
.u-card__art{inset:9% 6% 19%;border-radius:8px;background:linear-gradient(130deg,#f4eff8,#eaf2f8)}.u-card__art--portrait img{object-fit:contain}.u-card__caption{bottom:8%;left:7%;right:25%}.u-card__caption small{font-size:7px}.u-card__index{background:#fffdfaf5;border-radius:6px;min-width:21%;padding:5% 3% 3%;box-shadow:0 1px 5px #4b43541a}.u-card__index--bottom{box-shadow:none}.u-card__index b{font-size:clamp(20px,2.5vw,32px)}
.u-card[data-skin=REALM_FOIL]{--skin-border:#a99fbf;--skin-light:#b9d4e1;background:linear-gradient(125deg,#f2e9f9,#f8f7ec 35%,#e2f5f1 70%,#f9e9ee)}.u-card[data-skin=REALM_FOIL]::before{background:linear-gradient(115deg,transparent 15%,#ddb7dd40 30%,#bef0ef60 47%,#ffe2a15c 60%,transparent 80%);mix-blend-mode:soft-light}
.u-card[data-skin=WOLF]{--skin-border:#9faebc;--skin-light:#d3e9f9;background:linear-gradient(145deg,#fff,#eaf0f6 50%,#d9e0e9)}.u-card[data-skin=WOLF]::after{border-style:double;border-width:4px;box-shadow:inset 0 0 0 1px #f4faff}
.u-card[data-skin=PHOENIX]{--skin-border:#c39a60;--skin-light:#edc398;background:linear-gradient(135deg,#fff7eb,#f6ddd9 55%,#efe0c2)}.u-card[data-skin=PHOENIX]::after{box-shadow:inset 0 0 0 4px #c78c5320,inset 0 0 0 6px #fff8}
.u-card[data-skin=DRAGON]{--skin-border:#79a798;--skin-light:#a7cfc1;background:linear-gradient(135deg,#f4fbf9,#d8eae4 60%,#c8dcd8)}.u-card[data-skin=DRAGON]::after{border-style:double;border-width:4px;box-shadow:inset 0 0 12px #7eaa9420}
.u-card[data-skin=CHRONICLE]{--skin-border:#b3a090;--skin-light:#d9cbbb;background:repeating-linear-gradient(0deg,#efe8df08 0 2px,#b3a69012 2px 3px),linear-gradient(130deg,#fffaf1,#ebe5db)}.u-card[data-skin=CHRONICLE]::after{border:3px double #b29f81;box-shadow:inset 0 0 0 3px #fff5}
.u-card[data-quality=HIGH]:hover{filter:drop-shadow(0 4px 9px #5c45631c)}.u-card[data-quality=LOW]{transform:none}.u-card[data-quality=LOW]::before{display:none}.u-card[data-reduced-motion=true]{transform:none;transition:none;translate:0}.u-card[data-reduced-motion=true]::before{transition:none}
.arcana-skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arcana-skins button{min-height:44px;border:1px solid #dcd6e4;background:#fff9fc;color:#615775;padding:10px 6px;border-radius:13px;font-size:11px}.arcana-skins button[aria-pressed=true]{border-color:#9c88b5;background:#eee7f8}.arcana-skins button[data-skin=WOLF]{background:#e8edf3}.arcana-skins button[data-skin=PHOENIX]{background:#f6e2d5}.arcana-skins button[data-skin=DRAGON]{background:#e2eee8}.arcana-skins button[data-skin=CHRONICLE]{background:#eee8dc}.arcana-skins button[data-skin=REALM_FOIL]{background:linear-gradient(115deg,#efdeed,#ddf1f0,#f8edd5)}
.arcana-effect-settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;font-size:12px;color:#736a80}.arcana-effect-settings select{min-height:44px;background:#fffafc;border:1px solid #e2d7e5;border-radius:11px;padding:8px;color:inherit}.arcana-effect-settings label{display:flex;align-items:center;gap:7px;min-height:44px}.arcana-effect-settings input{width:18px;height:18px}
.arcana-collection__card-button{min-height:44px}.arcana-collection__slot-footer button,.arcana-collection__close{min-width:44px;min-height:44px}.arcana-collection__art-only{margin-top:16px}.arcana-skin-hint{color:#7d7288;font-size:12px;line-height:1.8}
@media(max-width:430px){.u-card__index b{font-size:21px}.u-card--compact .u-card__index b{font-size:17px}.u-card--compact .u-card__index span{font-size:14px}.u-card__art{inset:10% 5% 20%}.arcana-skins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.u-card{transform:none!important;translate:0!important;transition:none!important}.u-card::before{transition:none!important}}
.arcana-card-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #e5dfeb}.arcana-card-related h3{width:100%;margin:0 0 5px}.arcana-card-related a{color:#71577e;border:1px solid #e6dcea;border-radius:14px;display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;text-decoration:none}
/* Per-card styles keep their own readable frame and selection ring under any table theme. */
.u-card[data-skin=ARCHIVE]{--skin-focus:#896936;--skin-ink:#514834}
.u-card[data-skin=REALM_FOIL]{--skin-focus:#76558a;--skin-ink:#5b4a69}
.u-card[data-skin=WOLF]{--skin-focus:#496f8b;--skin-ink:#415d70}
.u-card[data-skin=PHOENIX]{--skin-focus:#a45a3e;--skin-ink:#7a4937}
.u-card[data-skin=DRAGON]{--skin-focus:#3d715e;--skin-ink:#3f6353}
.u-card[data-skin=CHRONICLE]{--skin-focus:#82633c;--skin-ink:#665237}
.u-card[data-skin] .u-card__caption{color:var(--skin-ink)}
.u-card:is(.u-card--selected,[data-fx=selected],[data-fx=playable]){box-shadow:0 0 0 2px var(--skin-focus,var(--skin-light)),0 7px 16px #29232f18}
.u-card[data-quality=LOW],.u-card[data-reduced-motion=true]{animation:none!important;transition:none!important;transform:none!important;translate:0!important}

/* src/components/arcana-universal/three-realms-game.css */
.tr-game{padding-top:24px;padding-bottom:45px;color:#25324a;scroll-margin-top:84px}.tr-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.tr-heading h1{font-size:clamp(25px,3vw,36px);font-family:Georgia,serif;margin:10px 0}.tr-heading p{font-size:14px;line-height:1.8;color:#72667d;margin:0}.tr-soft,.tr-primary{min-height:44px;padding:11px 17px;border-radius:15px;border:1px solid #dacfdf;background:#fffdfb;color:#5e4b71;font-size:13px;cursor:pointer}.tr-primary{border-color:#f39caf;background:linear-gradient(135deg,#f68ba4,#ef6f8e);color:#fff;font-weight:600;box-shadow:0 5px 18px #e46a8e20}.tr-primary:disabled{opacity:.5}.tr-score{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;border:1px solid #eadde8;border-radius:22px;background:linear-gradient(100deg,#fff6f5,#f0f6ff);font-size:15px}.tr-score>span{display:flex;flex-direction:column;gap:5px}.tr-score>span:last-child{text-align:right}.tr-score b{color:#bd9367;font-size:21px;font-family:Georgia,serif}.tr-companion{position:relative;width:64px;height:64px}.tr-companion img{width:100%;height:100%;object-fit:contain;animation:tr-breathe 4s ease-in-out infinite}.tr-companion>span{position:absolute;right:-7px;top:4px;color:#d77e98}.tr-companion-happy img{animation:tr-cheer 1.1s ease-in-out infinite}.tr-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:19px 0}.tr-realm{position:relative;text-align:center;padding:19px 13px;border:1px solid #dcdbea;border-radius:24px;background:radial-gradient(ellipse at 50% 20%,#edf4fe,transparent 60%),#fffdfb;overflow:hidden}.tr-realm-spirit{background:radial-gradient(ellipse at 50% 20%,#e6f4ee,transparent 60%),#fffdfb;border-color:#d3e5db}.tr-realm-divine{background:radial-gradient(ellipse at 50% 20%,#fce7ef,transparent 60%),#fffdfb;border-color:#e8d7dd}.tr-realm>header{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-bottom:15px}.tr-realm>header>span{font-size:24px;color:#bb9567}.tr-realm h2{font-size:19px;margin:0}.tr-realm>small{display:block;color:#7f7388;font-size:11px}.tr-three{display:flex;justify-content:center;align-items:center;min-height:117px;isolation:isolate;margin:8px 0}.tr-three>*{flex:none;margin-left:-11px}.tr-three>*:first-child{margin-left:0}.tr-empty{display:grid;place-items:center;width:67px;height:100px;border:1px dashed #d4c5d8;background:#ffffff70;color:#c3b2c8;border-radius:9px}.tr-three>*:nth-child(2){transform:translateY(-3px);z-index:1}.tr-three>*:nth-child(3){z-index:2}.tr-seal{display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 0;font-size:12px;color:#947346}.tr-seal-mark{font-size:28px;animation:tr-seal-reveal .7s ease-out both}.tr-seal-open{color:#9b8da4;font-size:11px}.tr-realm-won{border-color:#d5ab72;box-shadow:inset 0 0 0 2px #efdcb480,0 7px 20px #b999600e}.tr-place{display:block;width:100%;min-height:44px;border:1px solid #e0c4d3;border-radius:13px;background:#fff0f5;font-size:13px;color:#a25271;margin-top:14px;cursor:pointer}.tr-place:disabled{opacity:.5;cursor:default;background:#f9f6f9}.tr-hand-rank{font-size:10px!important;min-height:27px;line-height:1.5;display:grid!important;place-items:center}.tr-hand-area{padding:21px;border:1px solid #e5d8e4;border-radius:25px;background:linear-gradient(145deg,#fffaf6,#f9f8fe)}.tr-turn{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;min-height:34px}.tr-turn strong{font-size:15px;line-height:1.6;font-weight:500}.tr-turn>span{font-size:11px;color:#8a7990;white-space:nowrap}.tr-draw{display:block;margin:0 auto 18px}.tr-hand{display:flex;gap:13px;justify-content:center;overflow-x:auto;padding:16px 5px 12px}.tr-hand-card{border:0;background:none;padding:0;cursor:pointer;transition:transform .18s;flex:none;border-radius:15px}.tr-hand-card[aria-pressed=true]{transform:translateY(-10px)}.tr-hand-card:disabled{opacity:.8;cursor:default}.tr-hand-card:focus-visible,.tr-primary:focus-visible,.tr-place:focus-visible,.tr-soft:focus-visible{outline:3px solid #87aed8;outline-offset:4px}.tr-feedback{font-size:12px;text-align:center;line-height:1.8;min-height:22px;margin:14px 0 0;color:#8b7294}.tr-match-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px}.tr-match-footer>small{font-size:11px;color:#8f7e96;line-height:1.6}.tr-history{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:32px;padding:22px;border:1px solid #e9dce6;background:#fffdfb;border-radius:23px;font-size:13px}.tr-history>span{color:#8b7090}.tr-history strong{font-size:20px;font-family:Georgia,serif}.tr-history strong>small{font:400 11px sans-serif;margin-left:7px;color:#8a7c92}.tr-history>a{min-height:44px;display:flex;align-items:center;margin-left:auto;color:#a36684}.tr-welcome{padding:40px 26px;text-align:center;border:1px solid #e9d8e0;border-radius:30px;background:radial-gradient(ellipse at 50% 15%,#e6efff,transparent 60%),#fff7f7}.tr-welcome-cards{display:flex;align-items:center;justify-content:center;margin-bottom:23px;min-height:250px}.tr-welcome-cards>*{margin-left:-23px;filter:drop-shadow(0 9px 10px #5b447126)}.tr-welcome-cards>*:first-child{transform:rotate(-13deg)}.tr-welcome-cards>*:nth-child(2){transform:translateY(-13px);z-index:1}.tr-welcome-cards>*:last-child{transform:rotate(13deg)}.tr-welcome h2{font-size:24px}.tr-welcome p{max-width:660px;margin:10px auto;font-size:14px;line-height:1.8;color:#796b81}.tr-welcome .tr-primary{margin-top:17px}.tr-result{padding:26px;text-align:center;border:1px solid #e7d2df;border-radius:25px;background:radial-gradient(ellipse at 50% 10%,#ffedcf,transparent 70%),#fffaf6;animation:tr-result-in .65s ease both}.tr-result h2{font-size:25px;margin:12px 0}.tr-result p{font-size:13px;color:#8a7288}.tr-result-seals{display:flex;justify-content:center;gap:18px;color:#c69d61}.tr-result-seals i{font-style:normal;font-size:40px;animation:tr-seal-reveal .8s ease both}.tr-result-seals i:nth-child(2){animation-delay:.14s}.tr-result-seals i:nth-child(3){animation-delay:.28s}.tr-result>div{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.tr-result a{font-size:13px;color:#a06886;min-height:44px;display:inline-flex;align-items:center}.tr-modal-shade{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px;background:#3c365862;backdrop-filter:blur(5px)}.tr-help{max-width:600px;max-height:90dvh;overflow:auto;padding:27px;background:#fffaf6;border:1px solid #ead6df;border-radius:26px;box-shadow:0 20px 70px #27274c32}.tr-help>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.tr-help h2{font-size:24px;margin:0}.tr-help ol{padding-left:22px;margin:20px 0}.tr-help li{font-size:13px;line-height:1.9;margin:10px 0}.tr-help h3{font-size:17px}.tr-rankings p{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.7;margin:8px 0}.tr-rankings b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;border:1px solid #e8d4da;color:#ba8d61;font-family:Georgia,serif}.tr-help>.tr-primary{margin-top:17px}.tr-game img{object-fit:contain}@keyframes tr-breathe{50%{transform:translateY(-3px)}}@keyframes tr-cheer{50%{transform:translateY(-7px) rotate(5deg)}}@keyframes tr-seal-reveal{from{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1)}}@keyframes tr-result-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.tr-three>*{margin-left:-26px}.tr-empty{width:62px;height:92px}.tr-realm{padding:16px 10px}.tr-realm h2{font-size:15px}.tr-turn{align-items:flex-start}.tr-hand{justify-content:flex-start}.tr-score{padding:13px 17px}}@media(max-width:550px){.tr-game{padding-top:13px}.tr-heading{gap:9px;align-items:flex-start}.tr-heading h1{font-size:24px}.tr-heading p{font-size:12px}.tr-heading .eyebrow{font-size:9px;letter-spacing:1px}.tr-heading>.tr-soft{font-size:11px;padding:8px 11px;white-space:nowrap}.tr-score{font-size:12px;padding:10px 14px}.tr-score b{font-size:19px}.tr-companion{width:48px;height:48px}.tr-board{gap:6px;margin:14px 0}.tr-realm{padding:12px 6px;border-radius:18px}.tr-realm>header{display:block;min-height:51px;margin-bottom:9px}.tr-realm>header>span{font-size:18px}.tr-realm h2{font-size:13px;line-height:1.5}.tr-realm>small{font-size:9px}.tr-three{min-height:96px;margin:5px 0}.tr-three>*{margin-left:-35px}.tr-empty{width:59px;height:88px}.tr-seal{font-size:10px;line-height:1.5;gap:2px;min-height:38px;padding:4px 0;flex-direction:column}.tr-seal-mark{font-size:22px}.tr-place{font-size:11px;padding:6px 3px;margin-top:10px;min-height:44px}.tr-hand-area{padding:15px 13px}.tr-turn{display:block;margin-bottom:9px}.tr-turn strong{display:block;font-size:13px}.tr-turn>span{display:block;margin-top:6px;font-size:10px}.tr-hand{gap:11px}.tr-feedback{font-size:11px}.tr-match-footer{gap:7px}.tr-match-footer>.tr-soft{font-size:11px;padding:9px 11px;white-space:nowrap}.tr-history{gap:12px;padding:17px}.tr-history>a{margin-left:0;flex-basis:100%}.tr-history>span{flex-basis:100%}.tr-welcome{padding:28px 16px}.tr-welcome h2{font-size:20px}.tr-welcome p{font-size:12px}.tr-welcome-cards{min-height:245px}.tr-welcome-cards>*{margin-left:-36px}.tr-result{padding:23px 15px}.tr-result h2{font-size:22px}.tr-help{padding:22px 19px;max-height:87dvh}.tr-help li{font-size:12px}.tr-hand-rank{font-size:8px!important;line-height:1.7}}@media(prefers-reduced-motion:reduce){.tr-game *{animation:none!important;transition:none!important}.tr-modal-shade{backdrop-filter:none}}

.tr-hand-card{width:105px}.tr-three .u-card--compact{width:67px}@media(max-width:550px){.tr-three .u-card--compact{width:56px}.tr-hand-card{width:93px}}

.tr-welcome-cards>.u-card{max-width:185px}
/* Table feedback remains part of the original cream, blossom and sky palette. */
.tr-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tr-heading-actions .tr-soft{white-space:nowrap}.tr-opponent-picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:13px 18px;margin-bottom:14px;border:1px solid #e6dce9;background:#fffdfbe8;border-radius:20px}.tr-opponent-picker label{font-size:12px;color:#7b658b}.tr-opponent-picker select{min-height:44px;padding:7px 30px 7px 12px;border:1px solid #dfd2e4;border-radius:12px;background:#fffbfa;color:#3b3451;max-width:100%;font-size:13px}.tr-opponent-picker select:disabled{opacity:.8}.tr-opponent-picker small{font-size:11px;color:#8d7493}.tr-opponent-name{flex-direction:row!important;align-items:center;gap:10px!important}.tr-opponent-name img{width:40px;height:48px;object-fit:cover;object-position:50% 22%;border-radius:11px;border:1px solid #e5d7e3}.tr-opponent-name>span{display:flex;flex-direction:column;gap:5px}.tr-guidance{display:flex;align-items:center;gap:15px;padding:12px 17px;margin-top:12px;border:1px solid #e5dcca;border-radius:16px;background:#fffbec;color:#695368;font-size:12px;line-height:1.6}.tr-guidance>b{white-space:nowrap;color:#b28f56;font-weight:500}.tr-tension{margin:13px 0 0;text-align:center;font-size:12px;color:#8a638a;line-height:1.7}.tr-pressure-label{display:inline-flex;justify-content:center;align-items:center;min-height:24px;font-size:10px;line-height:1.4;color:#8a748b;background:#ffffff99;border:1px solid #eadfea;border-radius:20px;padding:4px 8px;margin:-5px 0 11px;max-width:100%}.tr-pressure-closing{box-shadow:inset 0 0 0 1px #d0b6da}.tr-pressure-closing .tr-pressure-label{color:#8e6099;background:#faf0ff;border-color:#dbbfdf}.tr-pressure-under-pressure .tr-pressure-label{color:#ac687f;background:#fff1f5;border-color:#e6bbc9}.tr-pressure-secured .tr-pressure-label{color:#aa8449;background:#fff7e7;border-color:#e1cda4}.tr-pressure-lost .tr-pressure-label{color:#8a8096;background:#f4f2f7}.tr-realm-locked .tr-seal-mark{animation:tr-take-seal .85s ease-out both}.tr-npc-cards .u-card,.tr-own-cards .u-card{animation:tr-place-card .36s ease-out both}.tr-companion-alert img{animation:tr-alert 2.6s ease-in-out infinite}.tr-result>small{display:block;margin-top:19px;color:#92769b;font-size:12px}.tr-comeback-label{display:inline-block;margin:9px 0 0;font-size:13px;letter-spacing:.05em;color:#b6834f}.tr-comeback{background:radial-gradient(ellipse at 50% 10%,#fff0cd,transparent 65%),linear-gradient(135deg,#fffaf6,#f4edff);border-color:#dcb976}.tr-sound[aria-pressed=true]{color:#8b6b3e;border-color:#d5bd91;background:#fff8e8}.tr-opponent-picker select:focus-visible{outline:3px solid #87aed8;outline-offset:4px}
@keyframes tr-place-card{from{opacity:0;translate:0 -12px;rotate:-3deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes tr-take-seal{0%{opacity:0;transform:scale(2.1) rotate(-25deg);filter:drop-shadow(0 0 12px #e1b966)}60%{opacity:1;transform:scale(.95) rotate(3deg)}100%{opacity:1;transform:scale(1);filter:none}}@keyframes tr-alert{35%{transform:translateY(-4px) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}
@media(max-width:768px){.tr-heading-actions{flex-direction:column;align-items:stretch;gap:6px}.tr-heading-actions .tr-soft{min-height:38px;font-size:11px;padding:7px 10px}.tr-guidance{display:block}.tr-guidance>b{display:block;margin-bottom:4px}.tr-opponent-picker{gap:7px 12px}.tr-opponent-picker small{flex-basis:100%}.tr-opponent-name img{width:32px;height:40px}.tr-opponent-name{gap:6px!important}.tr-pressure-label{font-size:9px;min-height:28px;padding:3px 5px;margin-bottom:7px}.tr-heading p{max-width:100%;line-height:1.7}}
@media(max-width:430px){.tr-heading .eyebrow{font-size:8px;letter-spacing:.5px}.tr-heading h1{font-size:21px}.tr-heading-actions .tr-soft{font-size:10px}.tr-opponent-picker{padding:10px 13px}.tr-opponent-picker select{font-size:12px}.tr-score{padding:10px 11px}.tr-opponent-name img{display:none}.tr-board{gap:5px}.tr-realm{padding:12px 4px}.tr-realm h2{font-size:12px}.tr-three .u-card--compact{width:55px}.tr-three>*{margin-left:-35px}.tr-three>*:nth-child(2){transform:translateY(-7px)}.tr-three>*:nth-child(3){transform:translateY(3px)}.tr-realm>small{font-size:9px;line-height:1.6}.tr-hand-card{width:98px}.tr-turn strong{font-size:13px}.tr-place{min-height:46px}}
@media(prefers-reduced-motion:reduce){.tr-game *{animation:none!important;transition:none!important}}
.tr-pet-sprite{display:block;width:100%;height:100%;background-size:500% 400%;background-position:0 0;animation:tr-breathe 4s ease-in-out infinite}.tr-companion-happy .tr-pet-sprite{background-position:100% 100%;animation:tr-cheer 1.1s ease-in-out infinite}.tr-companion-alert .tr-pet-sprite{background-position:75% 0;animation:tr-alert 2.6s ease-in-out infinite}@media(max-width:768px){.tr-heading-actions .tr-soft{min-height:44px}}@media(prefers-reduced-motion:reduce){.tr-pet-sprite{animation:none!important}}
/* Phone turns start with the playable hand; desktop keeps its original board-first layout. */
@media(max-width:550px){.tr-game{display:flex;flex-direction:column}.tr-heading{order:0}.tr-opponent-picker{order:1}.tr-score{order:2}.tr-guidance,.tr-tension,.tr-welcome{order:3}.tr-hand-area,.tr-result{order:4;margin-top:14px}.tr-board{order:5}.tr-match-footer{order:6}.tr-history{order:7}}
@media(max-width:430px){.tr-three .u-card--compact,.tr-three .tr-empty{width:52px}.tr-three .tr-empty{height:73px}.tr-three>*{margin-left:-29px}}

/* A table encounter stays within the original blossom, cream and sky skin. */
.tr-opponent-picker>span{font-size:12px;line-height:1.7;color:#7b658b}.tr-opponent-picker>span b{color:#514360}.tr-opponent-picker .tr-route-count{margin-left:auto;font-size:10px;color:#96749d}.tr-opponent-picker[data-table-style=lena]{background:linear-gradient(110deg,#fff2ec,#fffdfb);border-color:#ecd2c8}.tr-opponent-picker[data-table-style=ally]{background:linear-gradient(110deg,#f4f0ff,#fffdfb)}.tr-opponent-picker[data-table-style=godslayer]{background:linear-gradient(110deg,#edf1fa,#fffdfb);border-color:#cfd8e9}.tr-opponent-picker[data-table-style=moriarty]{background:linear-gradient(110deg,#f5f0f7,#fff8f4)}
.tr-guidance{position:relative;overflow:hidden}.tr-guidance>b>span{font-size:11px;color:#968ba3;margin-left:8px}.tr-teaching-path{display:flex;gap:7px;margin-left:auto;flex-shrink:0}.tr-teaching-path i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e1d5cb;border-radius:50%;font-size:11px;font-style:normal;background:#fffdfb;color:#baafb9}.tr-teaching-path .tr-step-lit{border-color:#e4aec2;background:#fff0f5;color:#b26985;box-shadow:0 0 0 3px #fcebf260}.tr-seal-open{display:flex;align-items:center;justify-content:center;gap:8px}.tr-seal-open b{font-size:8px;font-weight:500;color:#b4a3b6;letter-spacing:.12em}.tr-pressure-committed .tr-pressure-label{background:#eef6ff;color:#6889ab;border-color:#cdddec}.tr-drop-target{outline:2px solid #b190c5;outline-offset:-3px;box-shadow:0 0 0 4px #e9def180,0 8px 22px #bea5c826}.tr-three .u-card{animation:none}.tr-card-placed{animation:tr-place-card .38s cubic-bezier(.18,.72,.32,1) both}.tr-seal-moment{animation:tr-realm-shimmer 1.05s ease both}.tr-lock-moment{position:absolute;inset:auto 5px 15px;z-index:3;pointer-events:none;display:grid;gap:6px;border:1px solid #e2c29b;padding:12px 7px;border-radius:15px;background:#fffaf0f2;color:#846848;box-shadow:0 8px 25px #ad916632;animation:tr-lock-in 1.1s ease both}.tr-lock-moment span{font-size:10px;letter-spacing:.05em}.tr-lock-moment b{font-size:10px;line-height:1.7;font-weight:500}.tr-lock-moment em{font-size:8px;font-style:normal;color:#b09cac;margin:0 4px}.tr-hand-card{touch-action:pan-x;user-select:none;-webkit-user-select:none;animation:tr-deal .32s ease both;animation-delay:var(--tr-deal-delay,0ms)}.tr-hand-card .u-card{pointer-events:none}.tr-hand-hint{display:block;text-align:center;font-size:11px;color:#957fa0;line-height:1.7;margin-top:3px}.tr-drag-ghost{position:fixed;z-index:180;width:98px;pointer-events:none;transform:translate(-50%,-60%) rotate(-5deg);filter:drop-shadow(0 13px 14px #5d42743b)}.tr-drag-ghost .u-card{width:98px}.tr-final-score{display:block;font-family:Georgia,serif;font-size:36px;line-height:1.5;color:#b78e57;letter-spacing:.1em;margin-top:9px}.tr-pet-message{font-size:11px!important;color:#9a819e!important}.tr-result-actions>button,.tr-result-actions>a{min-height:46px;max-width:100%}.tr-result-actions>a{padding:10px 14px;border:1px solid #e7d9e8;border-radius:15px;background:#fffdfbb8}.tr-companion-alert>span{animation:tr-pet-notice 1.5s ease-in-out infinite}.tr-result.tr-comeback .tr-final-score{animation:tr-comeback-score 1s ease both}.tr-draw[data-teaching-start=true]{box-shadow:0 0 0 5px #fbe9f0,0 7px 22px #e69eb943}
@keyframes tr-deal{from{opacity:0;translate:12px 16px;rotate:4deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes tr-realm-shimmer{20%{box-shadow:inset 0 0 0 3px #f2d2a2,0 0 25px #e8d6b5aa}100%{box-shadow:inset 0 0 0 1px #ecdcc0}}@keyframes tr-lock-in{0%{opacity:0;translate:0 12px}15%,75%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -7px}}@keyframes tr-comeback-score{0%{opacity:.3;transform:scale(.8)}65%{opacity:1;transform:scale(1.12)}100%{transform:scale(1)}}@keyframes tr-pet-notice{50%{translate:0 -3px}}
@media(max-width:768px){.tr-teaching-path{margin:10px 0 0}.tr-opponent-picker .tr-route-count{margin-left:0}.tr-result-actions{gap:11px!important}.tr-result-actions>button,.tr-result-actions>a{flex:1 1 190px;justify-content:center;font-size:12px}.tr-lock-moment{padding:8px 4px}.tr-lock-moment b{font-size:9px}.tr-opponent-name img{display:block;width:30px;height:37px}}
@media(max-width:430px){.tr-opponent-picker>span{font-size:11px}.tr-opponent-picker small{font-size:10px}.tr-route-count{flex-basis:100%}.tr-pressure-label{font-size:9px;min-height:29px;line-height:1.6}.tr-lock-moment span{font-size:9px}.tr-lock-moment b{font-size:8px}.tr-hand-hint{font-size:10px}.tr-final-score{font-size:30px}.tr-result-actions>button,.tr-result-actions>a{flex-basis:100%}.tr-lock-moment{inset:auto 3px 14px}.tr-seal-open{gap:4px}}
@media(prefers-reduced-motion:reduce){.tr-game *{animation:none!important;transition:none!important}.tr-lock-moment{display:none}}

.tr-teaching-start{flex-shrink:0;font-size:12px;white-space:nowrap;min-height:44px;box-shadow:0 0 0 4px #fbe9f0}@media(max-width:768px){.tr-teaching-start{display:block;margin-top:12px;width:100%}}
.tr-realm{isolation:isolate;overflow:hidden}.tr-realm::before{content:"";position:absolute;inset:0 0 40%;background:var(--realm-art) center/cover;opacity:.09;pointer-events:none;z-index:-1}.tr-realm[data-playable=true]{border-color:#bfadd1;box-shadow:0 0 0 2px #dccfed55}.tr-realm[data-drop-enabled=false] .tr-place:disabled{cursor:not-allowed}.tr-realm-locked::after{content:"";position:absolute;inset:3px;border:1px solid #d2b584;border-radius:inherit;pointer-events:none;opacity:.55}.tr-npc-reaction{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#7b6b82;min-height:42px;margin:4px 0 12px}.tr-npc-reaction>span{font:30px Georgia,serif;color:#c4aecb}.tr-npc-reaction p{margin:0;text-align:center;max-width:600px;line-height:1.65}.tr-opponent-name img{object-fit:contain;background:#eee7f2;border-radius:10px}.tr-hand-rank>span{font-size:8px;opacity:.65;letter-spacing:.02em}.tr-realm[data-winner='0'] .tr-own-cards .u-card{border-color:#b99761;box-shadow:0 0 0 1px #edd7ab}.tr-realm[data-winner='1'] .tr-npc-cards .u-card{border-color:#a79aba;box-shadow:0 0 0 1px #d8cae6}.tr-seal-moment[data-hand-effect=pair] .tr-three{background:linear-gradient(0deg,transparent 45%,#e5cee880 50%,transparent 55%)}.tr-seal-moment[data-hand-effect=straight] .tr-three{background:linear-gradient(115deg,transparent 30%,#d4e2fb90 50%,transparent 70%)}.tr-seal-moment[data-hand-effect=flush] .tr-three{background:radial-gradient(ellipse,#f2dfde90,transparent 75%)}.tr-seal-moment[data-hand-effect=three-of-a-kind] .tr-three .u-card{animation:tr-rank-pulse .55s ease both}.tr-seal-moment[data-hand-effect=straight-flush]{box-shadow:inset 0 0 0 2px #d4b06f,0 0 26px #e8cb9160}.tr-card-placed{animation:tr-place-card .18s ease both}.tr-result-seals i{position:relative}.tr-result-win .tr-result-seals{background:linear-gradient(0deg,transparent 45%,#d9bea07a 47% 51%,transparent 53%);max-width:260px;margin:auto}.tr-result.tr-comeback{animation:tr-finale 1.3s ease both}.tr-game[data-quality=LOW] .tr-realm::before{opacity:.045}.tr-game[data-quality=LOW] .tr-result{animation:none}.tr-game[data-reduced-motion=true] *{animation:none!important;transition:none!important}.tr-game[data-reduced-motion=true] .tr-lock-moment{animation:none;display:none}.tr-place{min-width:44px;min-height:44px}.tr-hand-card:active .u-card::before{opacity:.35}.tr-hand-card[aria-pressed=true] .u-card{--glow-x:50%;--glow-y:30%}.tr-hand-card[aria-pressed=true] .u-card::before{opacity:.2}
@keyframes tr-rank-pulse{50%{filter:brightness(1.12);translate:0 -3px}}@keyframes tr-finale{0%{box-shadow:inset 0 0 0 2px #d7b66f,0 0 0 100vmax #28203926}80%{box-shadow:inset 0 0 0 1px #d7b66f,0 0 0 100vmax #28203908}100%{box-shadow:none}}
@media(max-width:550px){.tr-score{order:2}.tr-npc-reaction{order:3;font-size:11px;min-height:32px;margin:0 0 8px}.tr-guidance,.tr-tension{order:3}.tr-board{order:4}.tr-hand-area,.tr-result{order:5}.tr-match-footer{order:6}.tr-history{order:7}.tr-hand-area{padding:12px 10px}.tr-hand{padding-top:10px;padding-bottom:9px;gap:9px;scroll-snap-type:x proximity}.tr-hand-card{width:90px;scroll-snap-align:center;min-height:125px}.tr-opponent-name img{display:block;width:30px;height:40px}.tr-npc-reaction p{max-width:290px}.tr-lock-moment{inset:auto 3px 16px}.tr-realm[data-playable=true]{box-shadow:inset 0 0 0 1px #b8a3cf}.tr-hand-rank{min-height:31px}.tr-heading h1{margin:6px 0}.tr-heading{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.tr-game *{animation:none!important;transition:none!important}}
.tr-wallpaper-reward{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;margin:22px 0 0;padding:16px;border:1px solid #ddcfb3;border-radius:14px;background:#fffaf2}.tr-wallpaper-reward strong{font-size:13px}.tr-wallpaper-reward p{font-size:12px;color:#86776c;margin:5px 0;line-height:1.6}.tr-wallpaper-reward a{font-size:12px;min-height:44px;display:flex;align-items:center;text-decoration:underline;flex-shrink:0}@media(max-width:600px){.tr-wallpaper-reward{align-items:flex-start;flex-direction:column;gap:5px}}

/* Public comparison details and turn pace. */
.tr-realm-reason{font-size:11px;line-height:1.6;color:inherit;opacity:.88;margin:9px 0;min-height:35px;overflow-wrap:anywhere}.tr-hand-rank>span{display:block;font-size:11px;letter-spacing:.08em;opacity:.85}.tr-decisive-card .u-card{outline:2px solid var(--game-active,#bb9859);outline-offset:2px}.tr-pace[aria-pressed=true]{border-color:var(--game-active,#bb9859);background:var(--game-panel,#fff8e8)}.tr-game button:disabled{cursor:not-allowed}.tr-result-actions>button{min-height:48px}@media(max-width:550px){.tr-realm-reason{font-size:10px;min-height:46px;margin:7px 0}.tr-heading-actions{flex-wrap:wrap}.tr-heading-actions .tr-pace{font-size:10px}.tr-result-actions .tr-next-opponent{flex-basis:100%}}

/* A selected card makes the board a destination; labelled buttons remain the
   keyboard path. Only public turn and slot state drives these cues. */
.tr-game .tr-board{gap:12px}
.tr-game .tr-realm{border-radius:18px;transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease}
.tr-game .tr-realm[data-playable=true]{cursor:pointer;border-color:var(--game-active,#b99860);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game-active,#b99860) 45%,transparent)}
.tr-game .tr-realm[data-playable=true]:hover{box-shadow:inset 0 0 0 2px var(--game-active,#b99860),0 8px 20px #00000012}
.tr-game .tr-realm[data-playable=true] .tr-place{font-weight:650}
.tr-game .tr-drop-target{outline:3px solid var(--game-active,#b99860);outline-offset:-3px}
.tr-game .tr-drop-invalid{outline:2px dashed var(--game-danger,#b75c58);outline-offset:-3px}
.tr-game .tr-drop-invalid .tr-place{opacity:1;color:var(--game-danger,#b75c58)}
.tr-game .tr-hand-area{position:relative;border-radius:18px;overflow:hidden}
.tr-game .tr-turn{margin-bottom:8px;min-height:30px}
.tr-turn-mark{font-style:normal;color:var(--game-active,#b99860);margin-right:8px}
.tr-game[data-interaction=npc] .tr-turn-mark{opacity:.65}
.tr-game[data-interaction=selected] .tr-hand-area,.tr-game[data-interaction=dragging] .tr-hand-area{border-color:var(--game-active,#b99860)}
.tr-game .tr-hand{overscroll-behavior-x:contain;scroll-padding-inline:16px;padding-inline:12px;padding-top:18px;padding-bottom:14px}
.tr-game .tr-hand-card{position:relative;transition:transform 160ms cubic-bezier(.2,.8,.2,1),filter 160ms ease}
.tr-game .tr-hand-card[aria-pressed=true]{z-index:2;transform:translateY(-10px);filter:drop-shadow(0 7px 8px #00000022)}
.tr-game .tr-hand-card:not(:disabled):hover{transform:translateY(-5px)}
.tr-game .tr-hand-card[aria-pressed=true]:hover{transform:translateY(-10px)}
.tr-game .tr-selected-index{display:inline-flex;justify-content:center;align-items:center;min-width:34px;min-height:24px;padding:0 6px;margin-right:7px;border:1px solid var(--game-active,#b99860);border-radius:5px;color:var(--game-text-primary,#34302a);font-family:Georgia,serif;font-size:13px;background:var(--game-panel,#fffaf2)}
.tr-game .tr-feedback:empty{display:none}
.tr-game .tr-npc-reaction{min-height:28px;margin-bottom:6px}
.tr-game .tr-realm-reason{min-height:0}
.tr-game .tr-realm>header{margin-bottom:7px}
.tr-game .tr-seal-open{font-variant-numeric:tabular-nums}
.tr-game .tr-result-actions .tr-primary{min-height:50px}
@media(max-width:550px){
 .tr-game .tr-board{gap:6px;margin:10px 0}
 .tr-game .tr-realm{padding:9px 4px;border-radius:13px}
 .tr-game .tr-realm>header{display:flex;gap:4px;min-height:28px;margin-bottom:5px}
 .tr-game .tr-realm>header>span{font-size:13px}
 .tr-game .tr-realm h2{font-size:12px}
 .tr-game .tr-realm>small:not(.tr-hand-rank){display:none}
 .tr-game .tr-pressure-label{min-height:22px;margin:0 0 4px;padding:2px 4px;border-radius:6px;font-size:9px}
 .tr-game .tr-three{min-height:73px;margin:5px 0}
 .tr-game .tr-three>*:nth-child(2){transform:translateY(-3px)}
 .tr-game .tr-three>*:nth-child(3){transform:none}
 .tr-game .tr-seal{min-height:30px;padding:3px 0}
 .tr-game .tr-place{margin-top:7px;min-height:44px;border-radius:8px;font-size:11px}
 .tr-game .tr-hand-area{padding:10px 8px;margin-top:9px;border-radius:13px}
 .tr-game .tr-turn{display:flex;gap:8px;margin-bottom:1px;align-items:center}
 .tr-game .tr-turn strong{font-size:12px;line-height:1.5}
 .tr-game .tr-turn>span{font-size:9px;margin-top:0}
 .tr-game .tr-hand{gap:8px;padding-top:15px;padding-bottom:8px}
 .tr-game .tr-hand-card{width:84px;min-height:117px}
 .tr-game .tr-hand-hint{font-size:10px;min-height:24px}
 .tr-game .tr-feedback{font-size:10px;margin-top:5px;min-height:16px}
 .tr-game .tr-score{padding:8px 10px;border-radius:13px}
 .tr-game .tr-companion{width:40px;height:40px}
 .tr-game .tr-npc-reaction{font-size:10px;margin:2px 0;min-height:26px}
 .tr-game .tr-npc-reaction>span{font-size:22px}
 .tr-game .tr-realm-reason{font-size:9px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.tr-game .tr-hand-card,.tr-game .tr-realm{transition:none}}
/* src/components/arcana-werewolf/werewolf-game.css */
.ww-game{max-width:1180px;margin:0 auto;padding:22px 22px calc(30px + env(safe-area-inset-bottom));color:var(--game-ink,#342e26)}
.ww-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.ww-heading>div>span{font-size:10px;letter-spacing:.2em;color:var(--game-muted,#796c59)}.ww-heading h1{font:500 clamp(24px,2.8vw,38px)/1.25 Georgia,serif;margin:6px 0 8px}.ww-heading p{font-size:13px;line-height:1.7;margin:0;max-width:730px;color:var(--game-muted,#796c59)}
.ww-help{flex:none;width:44px;height:44px;border:1px solid var(--game-line,#d1c6b1);border-radius:14px;background:var(--game-paper,#fbf7ed);color:inherit;font-size:22px;cursor:pointer}
.ww-primary,.ww-secondary,.ww-role-picker select{min-height:46px;min-width:44px;padding:11px 17px;border:1px solid var(--game-line,#d1c6b1);border-radius:12px;font:inherit;font-weight:600;font-size:14px;line-height:1.5;cursor:pointer}.ww-primary{background:var(--game-primary,#2c4449);color:var(--game-primary-ink,#fffaf0);border-color:var(--game-table-line,#9d906b)}.ww-secondary,.ww-role-picker select{background:var(--game-paper,#fbf7ed);color:var(--game-ink,#342e26)}.ww-game button:focus-visible,.ww-game select:focus-visible,.ww-game summary:focus-visible,.ww-game a:focus-visible{outline:3px solid var(--game-accent,#ae915e);outline-offset:3px}.ww-game button:disabled{cursor:default}.ww-primary:disabled,.ww-secondary:disabled{opacity:.5}
.ww-lobby{text-align:center;padding:30px 20px;border:1px solid var(--game-line,#d1c6b1);border-radius:24px;background:var(--game-paper,#fbf7ed);box-shadow:0 8px 28px #3431250d}.ww-lobby h2{font-size:19px;font-weight:500}.ww-lobby p{font-size:13px;line-height:1.7;max-width:540px;margin:12px auto}.ww-lobby-cards{display:flex;justify-content:center;gap:12px;padding:10px 0 20px}.ww-game .ww-lobby-cards .u-card{width:105px;height:auto;min-width:0;min-height:0;aspect-ratio:63/88;max-width:none}.ww-lobby-cards .u-card:first-child{transform:rotate(-7deg) translateY(8px)}.ww-lobby-cards .u-card:last-child{transform:rotate(7deg) translateY(8px)}.ww-role-picker{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;min-height:44px;font-size:13px}.ww-lobby>.ww-primary{width:min(100%,430px);margin-top:16px}
.ww-stage{background:var(--game-table,#203a42);color:var(--game-table-ink,#f6ecd6);border:1px solid var(--game-table-edge,#baaa82);border-radius:23px;padding:18px;box-shadow:inset 0 0 0 5px #ffffff04,0 15px 30px #1d292914;transition:background-color var(--sjs-reveal-ms,240ms)}.ww-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ww-stage-top strong{font:500 23px/1.4 Georgia,serif}.ww-stage-top>span{font-size:11px;color:var(--game-table-muted,#c7bc9e)}.ww-phase-steps{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.ww-phase-steps>span{font-size:10px;color:var(--game-table-muted,#c7bc9e);padding:4px 9px;border-bottom:1px solid transparent}.ww-phase-steps>span[data-current=true]{color:var(--game-table-ink,#f6ecd6);border-bottom-color:var(--game-table-accent,#d2b46f)}
.ww-role-panel{padding:12px 15px;border:1px solid var(--game-table-line,#8c8058);border-radius:13px;background:#ffffff06;margin-bottom:15px}.ww-role-panel>span{font-size:11px;color:var(--game-table-muted,#c7bc9e);margin-right:12px}.ww-role-panel>strong{font:500 19px/1.4 Georgia,serif}.ww-role-panel p{margin:7px 0 0;font-size:12px;line-height:1.7}.ww-role-panel .ww-spectator{color:var(--game-table-accent,#ecd59c);border-top:1px solid var(--game-table-line,#8c8058);padding-top:7px}
.ww-seats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.ww-seat{min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border:1px solid var(--game-table-line,#8c8058);border-radius:14px;background:#00000013;color:inherit;text-align:center;transition:transform var(--sjs-select-ms,140ms),border-color var(--sjs-select-ms,140ms),background var(--sjs-select-ms,140ms)}.ww-seat[data-target-enabled=true]{cursor:pointer;background:#ffffff06}.ww-seat[data-target-enabled=true]:hover{background:#ffffff0e;transform:translateY(-3px)}.ww-seat[data-selected=true]{border-color:var(--game-table-accent,#efd08b);box-shadow:0 0 0 2px var(--game-table-accent,#efd08b);transform:translateY(-4px);background:#ffffff15}.ww-seat[data-alive=false]{opacity:.58}.ww-seat[data-alive=false] .ww-seat-art{filter:saturate(.45)}.ww-seat-art{width:92px;max-width:100%;aspect-ratio:63/88}.ww-game .ww-seat-art .u-card{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;margin:0;aspect-ratio:63/88;pointer-events:none}.ww-seat-info{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.5;min-width:0}.ww-seat-info>strong{font-size:12px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.ww-seat-info small{font-size:9px;padding:1px 5px;border-radius:4px;border:1px solid var(--game-table-line,#8c8058)}.ww-seat-info b{font-weight:500;color:var(--game-table-accent,#d8c58f)}
.ww-action-panel{margin-top:16px;min-height:120px;border-top:1px solid var(--game-table-line,#8c8058);padding-top:14px}.ww-action-panel>p{font-size:13px;line-height:1.75;margin:0 0 10px}.ww-action-panel>small{font-size:11px;display:block;color:var(--game-table-muted,#c7bc9e);margin:0 0 9px}.ww-action-panel>.ww-primary{display:block;width:100%;max-width:590px;margin:12px auto 0}.ww-action-panel .ww-secondary{color:var(--game-table-ink,#f6ecd6);background:#ffffff07;border-color:var(--game-table-line,#8c8058)}.ww-selection{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:12px}.ww-selection>.ww-secondary{font-size:11px;padding:8px 13px}.ww-check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;min-height:44px;cursor:pointer}.ww-check input{width:18px;height:18px;flex:none;accent-color:var(--game-accent,#baa064)}
.ww-live-talk,.ww-recent-ballot{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px;max-height:270px;overflow:auto;overscroll-behavior:contain}.ww-live-talk>li,.ww-recent-ballot>li{background:#ffffff05;border:1px solid var(--game-table-line,#8c8058);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.7;animation:ww-arrive var(--sjs-reveal-ms,240ms) ease-out both}.ww-ballots{display:flex;flex-wrap:wrap;gap:6px 12px}.ww-ballots>span{display:block;font-size:11px;line-height:1.6}.ww-result{text-align:center;animation:ww-arrive var(--sjs-settle-ms,550ms) ease-out both}.ww-result>span{font-size:32px;color:var(--game-table-accent,#d8c58f)}.ww-result h2{font:500 28px/1.4 Georgia,serif;margin:7px 0}.ww-result>p{font-size:13px;line-height:1.7;margin:8px 0}.ww-result>strong{font-size:13px}.ww-result>.ww-primary{width:min(100%,590px);margin-top:12px}.ww-result .ww-reveal-title{font-size:11px;color:var(--game-table-muted,#c7bc9e);margin-top:17px}.ww-result .ww-recent-ballot{text-align:left}
.ww-clues,.ww-journal,.ww-history{margin-top:15px;border:1px solid var(--game-line,#d1c6b1);border-radius:13px;padding:0 14px;background:var(--game-paper,#fbf7ed);font-size:12px;line-height:1.8}.ww-clues summary,.ww-journal summary,.ww-history summary{cursor:pointer;min-height:46px;display:flex;align-items:center;font-weight:600}.ww-clues ul,.ww-clues p{margin:0 0 13px;padding-left:18px}.ww-clues p{padding-left:0}.ww-journal ol{padding-left:22px;margin:0 0 15px;max-height:350px;overflow:auto}.ww-journal li{padding:8px 0;border-bottom:1px solid var(--game-line,#d1c6b1)}.ww-journal li>span{font-size:10px;color:var(--game-muted,#796c59)}.ww-journal li>p{margin:4px 0;font-size:12px;line-height:1.7}.ww-history ol{padding:0;margin:0 0 14px;list-style:none}.ww-history li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;padding:8px 0;border-top:1px solid var(--game-line,#d1c6b1)}.ww-history small{color:var(--game-muted,#796c59)}
.ww-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;margin:13px 0 0;font-size:12px}.ww-footer p{margin:0}.ww-footer>small{font-size:11px;color:var(--game-muted,#796c59)}.ww-footer>a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.ww-restart{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;border-top:1px solid var(--game-line,#d1c6b1);padding-top:16px}.ww-restart>small{width:100%;text-align:center;font-size:10px;line-height:1.7;color:var(--game-muted,#796c59)}.ww-error{padding:12px;border:1px solid #ba8868;border-radius:12px;background:#fff5e8;color:#714b32;font-size:13px;line-height:1.7}
.ww-dialog{width:min(620px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid var(--game-line,#d1c6b1);border-radius:20px;padding:24px;color:var(--game-ink,#342e26);background:var(--game-paper,#fbf7ed)}.ww-dialog::backdrop{background:#102126b8;backdrop-filter:blur(3px)}.ww-close{float:right}.ww-dialog h2{font:500 25px/1.4 Georgia,serif;margin:10px 0 15px}.ww-dialog p{font-size:13px;line-height:1.8}.ww-dialog>.ww-secondary{width:100%;margin-top:12px}
@keyframes ww-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.ww-game[data-reduced-motion=true] *{animation:none!important;transition:none!important}.ww-game[data-reduced-motion=true] .ww-seat{transform:none!important}
@media(max-width:900px){.ww-seats{grid-template-columns:repeat(4,minmax(0,1fr))}.ww-seat{flex-direction:row;text-align:left;gap:8px}.ww-seat-art{width:67px;flex:none}.ww-seat-info>strong{justify-content:flex-start}}
@media(max-width:570px){.ww-game{padding:15px 12px calc(22px + env(safe-area-inset-bottom))}.ww-heading{margin-bottom:13px}.ww-heading p{font-size:12px}.ww-stage{padding:12px;border-radius:18px}.ww-stage-top strong{font-size:20px}.ww-stage-top>span{font-size:10px}.ww-role-panel{padding:10px;margin-bottom:12px}.ww-role-panel p{font-size:11px;line-height:1.65}.ww-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ww-seat{padding:8px}.ww-seat-art{width:60px}.ww-seat-info>strong{font-size:11px}.ww-seat-info{font-size:10px}.ww-seat:last-child{grid-column:1/-1;justify-content:center}.ww-action-panel{margin-top:12px;padding-top:12px}.ww-live-talk{max-height:218px}.ww-lobby{padding:23px 13px}.ww-game .ww-lobby-cards .u-card{width:76px}.ww-lobby-cards{gap:10px}.ww-role-picker{font-size:12px}.ww-selection{justify-content:space-between}.ww-footer{gap:4px 12px}.ww-phase-steps{gap:3px;margin-bottom:11px}.ww-phase-steps>span{font-size:9px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.ww-game *{animation:none!important;transition:none!important}.ww-game .ww-seat{transform:none!important}}
/* Seven seats stay selectable on the first mobile screen; phase title and private objective remain visible. */
@media(max-width:570px){
 .ww-game:not([data-game-phase=IDLE]){padding-top:10px}
 .ww-game:not([data-game-phase=IDLE]) .ww-heading{margin-bottom:10px;align-items:center}
 .ww-game:not([data-game-phase=IDLE]) .ww-heading p{display:none}
 .ww-game:not([data-game-phase=IDLE]) .ww-heading h1{font-size:21px;margin:3px 0 0;line-height:1.3}
 .ww-game:not([data-game-phase=IDLE]) .ww-heading>div>span{font-size:8px}
 .ww-stage{padding:10px}
 .ww-stage-top strong{font-size:18px}
 .ww-phase-steps{display:none}
 .ww-role-panel{margin:8px 0 10px;padding:8px 10px}
 .ww-role-panel>strong{font-size:17px}
 .ww-role-panel p{font-size:10.5px;line-height:1.55;margin-top:4px}
 .ww-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .ww-seat{flex-direction:column;gap:5px;padding:7px 4px;border-radius:11px}
 .ww-seat-art{width:46px}
 .ww-seat-info{gap:1px;font-size:9px;line-height:1.35;width:100%}
 .ww-seat-info>strong{justify-content:center;font-size:10px;gap:3px}
 .ww-seat-info small{font-size:8px;padding:0 3px}
 .ww-seat-info>span[aria-hidden=true]{display:none}
 .ww-seat:last-child{grid-column:auto;justify-content:flex-start}
 .ww-seat-info>b{font-size:9px;line-height:1.35}
 .ww-action-panel{margin-top:10px;padding-top:10px;min-height:0}
 .ww-action-panel>p{font-size:12px;line-height:1.55;margin-bottom:7px}
 .ww-action-panel>.ww-primary{margin-top:8px;min-height:46px;padding:10px 12px}
 .ww-action-panel>small{margin-bottom:5px;font-size:10px}
 .ww-selection{margin-top:8px}
}

/* src/components/game-profile/journey-overview.css */
.sjs-journey-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 38px;padding:28px;border:1px solid #e2dfef;border-radius:28px;background:linear-gradient(135deg,#fff8fcf2,#f1f7fff2);box-shadow:0 12px 38px #7273990d;color:#38384c}.sjs-journey-overview h2{font-size:clamp(23px,3vw,34px);margin:10px 0}.sjs-journey-overview h3{font-size:19px;margin:0 0 15px}.sjs-journey-goal p{line-height:1.85;max-width:48ch}.sjs-journey-goal small{display:block;margin-bottom:14px;color:#77788c}.sjs-near-item{display:grid;grid-template-columns:58px 1fr 20px;gap:14px;align-items:center;border-bottom:1px solid #ddddea;padding:9px 0;text-decoration:none;color:inherit}.sjs-near-item b{font-size:14px}.sjs-near-item small{display:block;color:#79798d;margin:5px 0}.sjs-near-image,.sjs-bond-portrait{position:relative;overflow:hidden;display:block;width:58px;height:68px;border-radius:12px;background:#e9e8f3}.sjs-near-image img,.sjs-bond-portrait img{object-fit:cover;object-position:50% 20%}.sjs-near-track{display:block;height:4px;background:#e5e4f1;border-radius:4px;overflow:hidden}.sjs-near-track i{display:block;height:100%;background:linear-gradient(90deg,#a8b7e3,#d9b4d7)}.sjs-journey-bonds{grid-column:1/-1}.sjs-journey-bonds>div{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sjs-journey-bonds a{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:inherit;font-size:13px}.sjs-bond-portrait{width:74px;height:86px}.sjs-journey-bonds small{color:#85829b}.sjs-journey-world{grid-column:1/-1;border-top:1px solid #dfdfeb;padding-top:18px}.sjs-journey-world p{line-height:2;color:#79778a}.sjs-journey-world span{margin:0 8px}.sjs-journey-world a{color:#76658e}.sjs-journey-overview.is-compact{margin:12px auto 25px}.sjs-journey-overview .button{display:inline-flex;margin-top:8px}@media(max-width:650px){.sjs-journey-overview{grid-template-columns:1fr;padding:20px;gap:23px;border-radius:22px}.sjs-journey-bonds>div{grid-template-columns:repeat(3,1fr)}.sjs-journey-world p{font-size:12px}.sjs-near-item b{font-size:13px}}
.sjs-journey-memory{grid-column:1/-1;border-top:1px solid #dfdce9;padding-top:20px}.sjs-journey-memory>p{font-size:15px;line-height:1.8;color:#776d84}.sjs-journey-stamps{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.sjs-journey-stamps a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#877293;text-decoration:none}.sjs-journey-memory progress{width:100%;height:5px;accent-color:#b3a2ce;display:block;margin-top:18px}.passport-archive{border:1px solid #e4ddea;border-radius:24px;padding:0 22px;background:#fffafde0;margin:22px 0}.passport-archive>summary{padding:21px 0;cursor:pointer;color:#62556d;min-height:64px}.passport-archive>summary strong{font-size:18px}.passport-archive>summary span{display:block;font-size:13px;line-height:1.8;margin:6px 0 0 17px;color:#92839e}.passport-archive-content{border-top:1px solid #eadfeb;padding:15px 0 0}.passport-archive:not([open]) .passport-archive-content{display:none}@media(max-width:600px){.passport-archive{padding:0 16px;border-radius:20px}.passport-archive>summary strong{font-size:16px}.passport-archive>summary span{font-size:12px}.sjs-journey-goal h2{font-size:25px}.sjs-journey-memory>p{font-size:13px}}
.sjs-journey-deck{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.sjs-journey-deck-cards{display:flex;gap:10px}.sjs-journey-deck-cards a{width:82px;display:block;text-decoration:none}.sjs-journey-deck-cards .u-card{width:82px;height:118px}.sjs-journey-deck-cards .u-card__caption{display:none}.sjs-journey-deck-cards .u-card__index b{font-size:15px}.sjs-journey-deck-cards .u-card__index span{font-size:13px}.sjs-journey-set{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;padding:16px 0}.sjs-journey-set small{line-height:1.8;color:#85718d}.sjs-journey-deck>div>p{line-height:1.9;font-size:13px}@media(max-width:600px){.sjs-journey-deck{grid-template-columns:1fr;gap:12px}}
.sjs-near-back{display:block;width:46px;flex:0 0 46px}.sjs-near-back>.u-card{width:100%!important}

/* src/components/game-profile/sj-points-panel.css */
.sj-passport-wolf .passport-heading{border:1px solid #aab5c3;border-radius:22px;padding:20px;background:linear-gradient(135deg,#f9fbff,#e8edf477);box-shadow:inset 0 0 0 4px #ffffff70}.sj-points{padding:24px;margin:20px 0;border:1px solid #d9d5df;border-radius:24px;background:linear-gradient(130deg,#fffafb,#f5f7fb);color:#383544}.sj-points--wolf{border-color:#a1abb8;box-shadow:inset 0 0 0 3px #e6ebf166}.sj-points header{display:flex;align-items:center;justify-content:space-between;gap:18px}.sj-points h2{font-size:24px;margin:8px 0}.sj-points header>strong{font-size:32px;white-space:nowrap}.sj-points header small{font-size:14px;color:#77707f}.sj-points-note{font-size:13px;line-height:1.8;color:#77717f}.sj-points-next{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;font-size:14px}.sj-points-next a{display:inline-flex;align-items:center;min-height:44px;color:#796389}.sj-points progress{width:100%;height:5px;accent-color:#af9fc3;margin:12px 0}.sj-points details{border-top:1px solid #e5dfe9;margin-top:8px}.sj-points summary{min-height:44px;padding:14px 0;cursor:pointer;font-size:14px}.sj-points details>p{font-size:13px;line-height:1.9}.sj-points-notice{font-size:13px;min-height:18px}.sj-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:12px 0}.sj-reward-grid article{display:flex;align-items:center;flex-direction:column;text-align:center;padding:14px;border:1px solid #e0dce7;border-radius:16px;background:#ffffff99}.sj-reward-grid h3{font-size:14px;min-height:34px;margin:12px 0 0;line-height:1.5}.sj-reward-grid p{font-size:13px;margin:8px 0}.sj-reward-art{height:88px;display:grid;place-items:center}.sj-reward-art>.u-card{width:63px!important;height:88px!important}.sj-reward-art>span{font-size:38px;color:#8e7b9f}.sj-reward-art .u-card__caption{display:none}.sj-reward-grid button{width:100%;min-height:44px;font:inherit;font-size:12px;border:1px solid #d2c7dc;background:#f7f2fb;color:#62506e;border-radius:12px;padding:8px;cursor:pointer}.sj-reward-grid button:disabled{opacity:.55;cursor:default}.sj-reward-grid button:focus-visible{outline:3px solid #ad99c3;outline-offset:3px}.sj-ledger{list-style:none;padding:0;margin:0}.sj-ledger li{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #eee7f0;padding:12px 0;font-size:13px}.sj-ledger small{display:block;color:#817688;font-size:11px;margin-top:5px}.sj-ledger strong{white-space:nowrap}@media(max-width:600px){.sj-points{padding:18px;border-radius:20px}.sj-points h2{font-size:20px}.sj-points header>strong{font-size:26px}.sj-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sj-reward-grid article{padding:10px}.sj-points-next{font-size:13px}}@media(prefers-reduced-motion:reduce){.sj-points *{scroll-behavior:auto}}

/* src/components/game-shell.css */
/* Scoped to game routes. Shop, Melo and the site's existing navigation stay intact. */
body:has(.sjs-game-shell)>.site-header,body:has(.sjs-game-shell)>.site-footer{display:none}
.sjs-game-top{max-width:1280px;margin:auto;padding:18px 24px 10px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#72647e}
.sjs-game-brand{font-size:17px;letter-spacing:.13em;text-decoration:none;font-weight:600;color:#685273}.sjs-game-brand b{font-size:11px;letter-spacing:.18em;margin-left:8px;font-weight:400}.sjs-game-top>div{display:flex;align-items:center;gap:18px}.sjs-game-back{font-size:12px;text-decoration:none;color:#887792;min-height:44px;display:flex;align-items:center}
.sjs-game-nav{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px 14px;max-width:940px;margin:auto;overflow-x:auto;scrollbar-width:thin}.sjs-game-nav a{white-space:nowrap;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:8px 18px;color:#80718c;border-radius:18px;font-size:13px;transition:background .16s}.sjs-game-nav a:hover{background:#efe6f477}.sjs-game-nav a[aria-current=page]{background:linear-gradient(120deg,#f5e7f1,#e9edf8);color:#705181;box-shadow:inset 0 0 0 1px #e6dbea}
.sjs-game-languages{position:relative;font-size:12px;z-index:80}.sjs-game-languages summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 8px}.sjs-game-languages nav{position:absolute;right:0;top:100%;display:grid;background:#fffafd;border:1px solid #eadfec;border-radius:15px;padding:7px;min-width:100px;box-shadow:0 9px 30px #70577420}.sjs-game-languages a{padding:12px;text-decoration:none;color:#796784;min-height:44px}
.sjs-game-shell .au-discovery{display:none}
.sjs-collect-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px auto 48px}.sjs-collect-doors>a{display:flex;flex-direction:column;gap:12px;min-height:230px;padding:28px;border:1px solid #ece1ef;border-radius:26px;background:linear-gradient(135deg,#fff8fc,#eff4fa);text-decoration:none;color:#796085;box-shadow:0 9px 25px #987aa10a}.sjs-collect-doors strong{font-size:23px}.sjs-collect-doors p{font-size:14px;line-height:1.85}.sjs-collect-doors span{margin-top:auto;font-size:15px}.sjs-collect-doors>a:nth-child(2){background:linear-gradient(135deg,#f7eefb,#eff5fb)}
@media(max-width:600px){.sjs-game-top{padding:10px 16px 0}.sjs-game-brand{font-size:14px;letter-spacing:.08em}.sjs-game-brand b{font-size:10px;display:block;margin:4px 0}.sjs-game-top>div{gap:8px}.sjs-game-back{font-size:11px}.sjs-game-nav{justify-content:flex-start;padding:4px 10px 10px;gap:0}.sjs-game-nav a{padding:8px 12px;font-size:12px}.sjs-collect-doors{grid-template-columns:1fr;gap:14px}.sjs-collect-doors>a{min-height:175px;padding:23px}}

/* src/components/game-ui/game-hub.css */
.r31-hub{max-width:1280px;margin:auto;padding:28px 24px 36px}.r31-hub-world{position:relative;min-height:570px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#e4e5d7,#c4cebd 60%,#a8b7ab);border:1px solid #a5b4a4;display:grid;grid-template-columns:1.05fr 1fr;align-items:center}.r31-hub-atmosphere{position:absolute;inset:0;background:linear-gradient(0deg,#9db3aa80,transparent 60%);pointer-events:none}.r31-hub-atmosphere i{position:absolute;left:55%;bottom:-100px;width:240px;height:500px;background:#445c4d09;border-radius:90% 10% 50% 50%;transform:rotate(28deg)}.r31-hub-atmosphere i:nth-child(2){left:20%;height:380px;transform:rotate(-40deg)}.r31-hub-atmosphere i:nth-child(3){left:80%;height:300px;transform:rotate(15deg)}.r31-hub-art{grid-column:2;grid-row:1;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:22px}.r31-hub-art>img:first-child{width:100%;height:500px;object-fit:contain;object-position:50% 40%;filter:drop-shadow(0 12px 18px #1b2d2920)}.r31-hub-art>img:last-child{position:absolute;bottom:28px;right:30px;width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 10px #203d2920)}.r31-hub-copy{grid-column:1;grid-row:1;padding:42px 44px;position:relative;z-index:2;max-width:620px}.r31-kicker{font-size:11px;color:#354d43;letter-spacing:.18em}.r31-hub-copy h2{font-size:clamp(27px,3vw,42px);font-weight:500;letter-spacing:.02em;color:#273b35;line-height:1.35;margin:15px 0}.r31-hub-copy p{color:#435c52;line-height:1.8;font-size:14px}.r31-next{display:grid;gap:6px;border-left:2px solid #7e977f;padding:7px 16px;margin:25px 0}.r31-next span{font-size:10px;color:#607163}.r31-next strong{font-size:15px;line-height:1.5;color:#2f443a;font-weight:500}.r31-main-cta{display:flex;align-items:center;justify-content:space-between;max-width:350px;padding:17px 23px;border:1px solid #283e35;background:#293e36;color:#fffced;border-radius:12px;text-decoration:none;font-size:17px;min-height:58px;box-shadow:0 5px 16px #284d3a16}.r31-main-cta span{font-size:22px}.r31-hub-copy>small{display:block;margin-top:13px;font-size:11px;color:#5d7265}.r31-hub-doors{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin-top:18px}.r31-hub-doors>a{display:flex;align-items:center;gap:16px;border:1px solid var(--game-line);background:var(--game-panel);border-radius:14px;min-height:84px;padding:18px 22px;color:var(--game-ink);text-decoration:none;font-size:13px}.r31-hub-doors>a>span{font-size:25px;color:var(--game-gold)}.r31-hub-doors>b,.r31-hub-doors div{flex:1}.r31-hub-doors b{font-weight:500}.r31-hub-doors small{display:block;font-size:11px;margin-top:5px;color:var(--game-muted)}
@media(max-width:700px){.r31-hub{padding:12px 12px 24px}.r31-hub-world{min-height:590px;grid-template-columns:1fr;grid-template-rows:230px auto;border-radius:18px}.r31-hub-art{grid-column:1;grid-row:1;padding:7px 35px}.r31-hub-art>img:first-child{height:245px;width:240px;object-position:50% 10%}.r31-hub-art>img:last-child{height:105px;width:105px;right:24px;bottom:0}.r31-hub-copy{grid-column:1;grid-row:2;padding:22px 23px 28px}.r31-hub-copy h2{font-size:25px;margin:8px 0}.r31-hub-copy p{font-size:13px;line-height:1.6;margin:8px 0}.r31-next{margin:15px 0}.r31-main-cta{max-width:none;font-size:16px;min-height:54px;padding:14px 18px}.r31-hub-doors{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.r31-hub-doors>a{padding:12px;min-height:65px;font-size:12px;gap:10px}.r31-hub-doors>a:first-child{grid-column:span 2}.r31-hub-doors>a>span{font-size:20px}}
/* Card-first entry: keep the journey as a secondary path. */
.card-first-hub .r31-hub-world{min-height:510px;background:radial-gradient(ellipse at 75% 30%,#eae4d7,#dedfdc 55%,#c8d4cf)}
.card-first-fan{min-width:0;height:480px;isolation:isolate}
.card-first-fan>.u-card{width:clamp(160px,18vw,230px);position:absolute;box-shadow:0 18px 32px #27343530}
.card-first-fan>.u-card:nth-child(1){transform:translateX(-90px) rotate(-15deg);z-index:1}
.card-first-fan>.u-card:nth-child(2){transform:translateY(-20px);z-index:3}
.card-first-fan>.u-card:nth-child(3){transform:translateX(90px) rotate(15deg);z-index:2}
.card-first-hub .r31-hub-doors{grid-template-columns:repeat(4,minmax(0,1fr))}
.card-first-hub .r31-hub-doors>a{padding:14px;font-size:12px;gap:8px}
.card-first-world-links{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:12px;color:var(--game-muted);line-height:1.6}
.card-first-world-links a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.card-first-hub .r31-hub-world{min-height:0;grid-template-rows:250px auto}.card-first-fan{height:250px}.card-first-fan>.u-card{width:132px}.card-first-fan>.u-card:nth-child(1){transform:translateX(-65px) rotate(-14deg)}.card-first-fan>.u-card:nth-child(2){transform:translateY(-4px)}.card-first-fan>.u-card:nth-child(3){transform:translateX(65px) rotate(14deg)}.card-first-hub .r31-hub-copy{padding:16px 22px 24px}.card-first-hub .r31-hub-copy h2{font-size:28px}.card-first-hub .r31-hub-doors{grid-template-columns:1fr 1fr}.card-first-hub .r31-hub-doors>a:first-child{grid-column:auto}.card-first-world-links{gap:15px;margin-top:10px;font-size:11px}}
.card-first-offer-note{margin:22px auto 0;padding:18px 22px;max-width:760px;border:1px solid #e5d8c2;border-radius:14px;background:#fffcf5;color:#766955;font-size:12px;line-height:1.7}.card-first-offer-note p{margin:7px 0;font-size:12px}.card-first-offer-note a{text-decoration:underline;display:inline-flex;min-height:44px;align-items:center}
.r4-hub{padding-top:22px}.r4-hub-intro{text-align:center;margin:0 auto 24px;max-width:720px}.r4-hub-intro h1{font-size:clamp(21px,3vw,32px);font-weight:500;line-height:1.3;margin:9px 0}.r4-hub-intro p{font-size:13px;line-height:1.65;color:var(--game-muted);margin:0}.r4-equal-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.r4-world-door{min-width:0;overflow:hidden;border:1px solid var(--game-line);border-radius:20px;background:linear-gradient(145deg,#f3efe5,#d9dfda);display:grid;grid-template-rows:220px 1fr}.r4-adventure-door{background:linear-gradient(145deg,#e8eadd,#cedbd1)}.r4-door-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.r4-card-fan .u-card{position:absolute;width:132px;box-shadow:0 10px 20px #21352825}.r4-card-fan .u-card:nth-child(1){transform:translateX(-70px) rotate(-14deg)}.r4-card-fan .u-card:nth-child(2){transform:translateY(-4px);z-index:2}.r4-card-fan .u-card:nth-child(3){transform:translateX(70px) rotate(14deg)}.r4-companions>img{width:50%;height:220px;object-fit:contain;object-position:50% 20%;filter:drop-shadow(0 8px 10px #20382920)}.r4-companions>img:last-child{width:40%;height:165px;margin-left:-25px;align-self:end}.r4-door-copy{padding:15px 28px 24px;display:flex;flex-direction:column;align-items:stretch}.r4-door-copy h2{font-size:21px;font-weight:500;letter-spacing:.035em;margin:8px 0;color:var(--game-ink)}.r4-door-copy p{font-size:13px;line-height:1.55;color:#46584f;min-height:42px;margin:0 0 15px}.r4-door-copy .r31-main-cta{max-width:none;margin-top:auto;font-size:15px;min-height:52px}.r4-secondary{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:5px;font-size:12px;color:var(--game-muted);text-underline-offset:4px}.r4-hub-utilities{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-top:16px;font-size:12px}.r4-hub-utilities a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
@media(max-width:560px){.r4-hub{padding:14px 12px 24px}.r4-hub-intro{margin-bottom:13px}.r4-hub-intro .r31-kicker{font-size:9px;letter-spacing:.08em}.r4-hub-intro h1{font-size:20px}.r4-hub-intro p{font-size:11px}.r4-equal-worlds{grid-template-columns:1fr;gap:12px}.r4-world-door{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr);min-height:214px;border-radius:16px}.r4-door-art{overflow:visible}.r4-card-fan .u-card{width:72px}.r4-card-fan .u-card:nth-child(1){transform:translateX(-20px) rotate(-12deg)}.r4-card-fan .u-card:nth-child(3){transform:translateX(20px) rotate(12deg)}.r4-companions{overflow:hidden}.r4-companions>img{position:absolute;width:115px;height:180px;left:1px;top:5px}.r4-companions>img:last-child{width:100px;height:94px;left:12px;top:auto;bottom:6px;margin:0}.r4-door-copy{padding:16px 14px 12px 4px}.r4-door-copy .r31-kicker{font-size:10px;letter-spacing:.06em}.r4-door-copy h2{font-size:15px;line-height:1.4;margin:6px 0}.r4-door-copy p{font-size:11px;min-height:35px;margin-bottom:8px}.r4-door-copy .r31-main-cta{min-height:48px;padding:10px 12px;font-size:12px;line-height:1.4}.r4-secondary{font-size:11px;min-height:38px;margin-top:1px}.r4-hub-utilities{gap:3px 18px;font-size:11px;margin-top:8px}}

/* ABYSS independent-game entrance: scoped hub layout only. */
/* Append after game-hub.css. Every selector stays within this hub. */
.r4-hub .r4-equal-worlds{grid-template-columns:minmax(0,1fr);gap:22px}
.r4-hub .r4-world-door{grid-template-columns:minmax(240px,.95fr) minmax(0,1.05fr);grid-template-rows:none;min-height:310px}
.r4-hub .r4-door-art{min-height:310px;overflow:hidden}
.r4-hub .r4-door-copy{padding:32px 34px;justify-content:center;min-width:0}
.r4-hub .r4-door-copy h2{font-size:clamp(23px,2.7vw,31px);line-height:1.25}
.r4-hub .r4-door-copy p{font-size:14px;line-height:1.65;min-height:0;margin-bottom:18px}
.r4-hub .r4-door-copy .r31-main-cta{margin-top:8px;min-height:54px;max-width:none;font-size:16px}
.r4-hub .r4-arcana-door .r31-main-cta{background:#243e33;border-color:#243e33;box-shadow:0 6px 18px #24463326}
.r4-hub .r4-secondary{min-height:44px}
.r4-hub .r4-card-fan .u-card{width:160px}
.r4-hub .r4-card-fan .u-card:nth-child(1){transform:translateX(-83px) rotate(-14deg)}
.r4-hub .r4-card-fan .u-card:nth-child(3){transform:translateX(83px) rotate(14deg)}
.r4-hub .r4-companions>img{height:286px}
.r4-hub .r4-companions>img:last-child{height:208px}
.r4-hub .r4-abyss-door{background:linear-gradient(135deg,#edf0e8,#d6e4df);border-color:#a9bfb4}
.r4-hub .r4-abyss-art{background:#082737;isolation:isolate}
.r4-hub .r4-abyss-art img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover;object-position:50% 48%}
.r4-hub .r4-abyss-copy .r31-kicker{color:#34685e}
.r4-hub .r4-abyss-facts{display:flex;flex-wrap:wrap;gap:6px 8px;padding:0;margin:0 0 13px;list-style:none}
.r4-hub .r4-abyss-facts li{font-size:11px;line-height:1.45;border:1px solid #b7cbc0;border-radius:20px;background:#f2f6ef;color:#385b4f;padding:5px 9px}
.r4-hub .r4-abyss-enter{background:#eaf2e9;border-color:#557b68;color:#244c3d;box-shadow:none}
.r4-hub .r4-abyss-enter:hover{background:#dfeade;border-color:#355e49}
.r4-hub .r4-abyss-enter:focus-visible{outline:3px solid #276b62;outline-offset:4px}
.r4-hub .r4-abyss-origin{display:block;margin-top:12px;font-size:11px;line-height:1.6;color:#4d685c}
@media(max-width:700px){
 .r4-hub .r4-equal-worlds{gap:16px}
 .r4-hub .r4-world-door{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;border-radius:17px}
 .r4-hub .r4-door-art{grid-column:1;grid-row:1;min-height:232px;overflow:hidden}
 .r4-hub .r4-door-copy{grid-column:1;grid-row:2;padding:21px 21px 24px}
 .r4-hub .r4-door-copy .r31-kicker{font-size:10px;letter-spacing:.1em}
 .r4-hub .r4-door-copy h2{font-size:24px;margin:8px 0 11px;overflow-wrap:anywhere}
 .r4-hub .r4-door-copy p{font-size:13px;line-height:1.65;margin-bottom:15px}
 .r4-hub .r4-door-copy .r31-main-cta{min-height:52px;font-size:15px;padding:13px 17px}
 .r4-hub .r4-secondary{min-height:44px;font-size:12px}
 .r4-hub .r4-card-fan .u-card{width:123px}
 .r4-hub .r4-card-fan .u-card:nth-child(1){transform:translateX(-64px) rotate(-14deg)}
 .r4-hub .r4-card-fan .u-card:nth-child(3){transform:translateX(64px) rotate(14deg)}
 .r4-hub .r4-companions>img{position:static;left:auto;top:auto;width:49%;height:232px}
 .r4-hub .r4-companions>img:last-child{position:static;left:auto;bottom:auto;top:auto;width:40%;height:174px;margin-left:-20px}
 .r4-hub .r4-abyss-art{min-height:0;aspect-ratio:16/9}
 .r4-hub .r4-abyss-art img{min-height:0;height:100%;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){.r4-hub .r4-abyss-enter{transition:none}}
/* Game hall V2: all overrides stay inside the hall; live card/table geometry is untouched. */
.r4-hub.hall-v2{max-width:1344px;padding:24px 32px 56px;color:#193932}
.hall-v2 .hall-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.hall-v2 .hall-brand{font-size:12px;letter-spacing:.21em;font-weight:650;color:#35574c}
.hall-v2 .hall-brand i{font-style:normal;color:#b19561;margin:0 8px}
.hall-v2 .hall-shop-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid #c9d1c6;border-radius:8px;text-decoration:none;font-size:13px;color:#264e42;background:#fafbf6}
.hall-v2 .r4-hub-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none;margin:0 0 26px;text-align:left}
.hall-v2 .r4-hub-intro h1{font-size:clamp(25px,3vw,38px);font-weight:550;letter-spacing:-.035em;margin:0 0 9px;line-height:1.35}
.hall-v2 .r4-hub-intro p{font-size:14px;color:#5d7065;line-height:1.65}
.hall-v2 .hall-free{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#5d7065;font-size:12px;line-height:1.6}
.hall-v2 .hall-free>span{color:#9a8050}
.r4-hub.hall-v2 .r4-equal-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.r4-hub.hall-v2 .r4-world-door{grid-template-columns:1fr;grid-template-rows:260px auto;border-radius:20px;border-color:#c4cfc5;min-height:0;background:#f6f5ed;box-shadow:0 10px 30px #14352b09}
.r4-hub.hall-v2 .r4-door-art{min-height:0;grid-column:1;grid-row:1;overflow:hidden}
.r4-hub.hall-v2 .r4-door-copy{grid-column:1;grid-row:2;padding:28px 30px;justify-content:start}
.r4-hub.hall-v2 .r31-kicker{color:#62745e;font-size:11px;letter-spacing:.14em;line-height:1.6;display:flex;align-items:center;gap:8px}
.r4-hub.hall-v2 .r4-door-copy h2{font-size:clamp(23px,2.3vw,30px);font-weight:550;letter-spacing:-.025em;color:#163c31;margin:9px 0 12px}
.r4-hub.hall-v2 .r4-door-copy p{color:#52685b;line-height:1.75;font-size:14px;margin-bottom:18px}
.r4-hub.hall-v2 .r31-main-cta{min-height:54px;border-radius:9px;font-weight:550;border:1px solid #285441;background:#285441;color:#fffbee;padding:14px 20px;margin-top:auto;box-shadow:0 5px 12px #173c3012}
.r4-hub.hall-v2 .r31-main-cta>span{font-size:21px;line-height:1;margin-left:12px}
.r4-hub.hall-v2 .r4-secondary{gap:9px;color:#425e50;font-size:13px;margin-top:8px;text-decoration:none;min-height:44px}
.hall-v2 a{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.hall-v2 a:focus-visible{outline:3px solid #327b6b;outline-offset:4px}
.hall-v2 .r31-main-cta:hover{background:#1d4435;box-shadow:0 8px 18px #173c3020}
.r4-hub.hall-v2 .r4-arcana-door{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:428px;background:radial-gradient(ellipse at 78% 40%,#294e43,#142f29 58%,#0d231f);border-color:#3b5141;color:#fff8e4;isolation:isolate}
.r4-hub.hall-v2 .r4-arcana-door .r4-door-copy{grid-column:1;grid-row:1;padding:35px 48px 32px}
.r4-hub.hall-v2 .r4-arcana-door .r31-kicker{color:#d9bc80}
.hall-v2 .hall-dot{width:5px;height:5px;background:#d9bc80;box-shadow:0 0 0 4px #d9bc8014;border-radius:50%;margin-right:4px}
.r4-hub.hall-v2 .r4-arcana-door .r4-door-copy h2{color:#f7edcf;font:500 clamp(26px,3.4vw,44px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.09em;margin:15px 0 14px}
.hall-v2 .r4-arcana-door h2 em{font-size:1.25em;font-style:normal;color:#e2c48c;letter-spacing:.1em}
.r4-hub.hall-v2 .r4-arcana-door .r4-door-copy p{color:#d2d9c8;font-size:16px;line-height:1.65;margin:0 0 15px}
.hall-v2 .hall-facts{display:flex;flex-wrap:wrap;gap:7px 13px;list-style:none;margin:0 0 22px;padding:0}
.hall-v2 .hall-facts li{font-size:12px;line-height:1.6;color:#b9c9b9}
.hall-v2 .hall-facts li+li:before{content:'·';margin-right:12px;color:#927f55}
.r4-hub.hall-v2 .r4-arcana-door .r31-main-cta{background:#dfc187;color:#183b30;border-color:#e4cc9b;box-shadow:0 6px 22px #0002;font-size:16px;margin-top:0;max-width:390px}
.r4-hub.hall-v2 .r4-arcana-door .r31-main-cta:hover{background:#edd49e}
.hall-v2 .hall-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin-top:7px}
.hall-v2 .hall-hero-links a,.r4-hub.hall-v2 .hall-hero-links .r4-secondary{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:0;font-size:12px;color:#cfdbc9;text-decoration:none}
.r4-hub.hall-v2 .r4-card-fan{grid-column:2;grid-row:1;min-height:428px;position:relative}
.hall-v2 .hall-orbit{position:absolute;inset:16% 8%;border:1px solid #c8ae6f32;border-radius:50%;transform:rotate(-25deg)}
.hall-v2 .hall-orbit:before,.hall-v2 .hall-orbit:after{content:'';position:absolute;inset:12px -20px;border:1px solid #c8ae6f12;border-radius:50%}
.hall-v2 .hall-orbit:after{inset:35px -45px;transform:rotate(35deg)}
.r4-hub.hall-v2 .r4-card-fan>.u-card{width:clamp(145px,15vw,184px);box-shadow:0 20px 30px #020e0a55;pointer-events:none;transform-origin:50% 85%}
.r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="AS"]{transform:translate(-85px,10px) rotate(-17deg);z-index:1}
.r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="7H"]{transform:translate(0,-17px) rotate(0);z-index:3}
.r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="10S"]{transform:translate(85px,10px) rotate(17deg);z-index:2}
.hall-v2 .hall-art-signature{position:absolute;bottom:24px;color:#b9b68f;letter-spacing:.23em;font:11px Georgia,serif}
.r4-hub.hall-v2 .r4-abyss-art{aspect-ratio:auto;background:#092632}
.r4-hub.hall-v2 .r4-abyss-art img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 44%}
.r4-hub.hall-v2 .r4-abyss-copy .r31-kicker{color:#376d68}
.r4-hub.hall-v2 .r4-abyss-facts{margin:0 0 20px;gap:6px}
.r4-hub.hall-v2 .r4-abyss-facts li{font-size:11px;border-color:#c8d7cc;background:#eaf1e9;color:#416554;border-radius:5px;padding:5px 8px}
.r4-hub.hall-v2 .r4-abyss-enter{background:#193f45;border-color:#193f45;color:#f4f7df}
.r4-hub.hall-v2 .r4-abyss-enter:hover{background:#102e34}
.r4-hub.hall-v2 .r4-abyss-origin{color:#637467;font-size:11px;margin-top:13px}
.hall-v2 .hall-world-art{background:#29433e;isolation:isolate}
.hall-v2 .hall-world-scene{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hall-v2 .hall-world-art:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#0c2a29c9,transparent 65%);pointer-events:none}
.hall-v2 .hall-companion-portraits{position:absolute;bottom:23px;left:25px;display:flex;z-index:1}
.hall-v2 .hall-companion-portraits img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2px solid #d8c998;box-shadow:0 3px 12px #041c2840;background:#fff4df}
.hall-v2 .hall-companion-portraits img+img{margin-left:-12px}
.hall-v2 .hall-world-signature{position:absolute;right:23px;bottom:29px;color:#f0edcd;font:12px Georgia,serif;letter-spacing:.12em;z-index:1}
.hall-v2 .hall-world-facts li{color:#4c6858}
.hall-v2 .hall-save-preview{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:12px 14px;border:1px solid #d0dbcb;background:#edf2e8;border-radius:8px}
.hall-v2 .hall-save-indicator{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#4c805a;box-shadow:0 0 0 4px #52846514}
.hall-v2 .hall-save-preview strong{display:block;font-size:12px;font-weight:550;color:#355740;line-height:1.5}
.hall-v2 .hall-save-preview div>span{display:block;font-size:11px;color:#647661;line-height:1.6;margin-top:3px}
.hall-v2 .hall-save-preview i{font-style:normal;margin:0 8px}
.hall-v2 .hall-card-tables{scroll-margin-top:90px;margin-top:34px}
.hall-v2 .sjs-card-discovery{margin:0}
.hall-v2 .sjs-card-discovery-title{margin-bottom:16px;align-items:center}
.hall-v2 .sjs-card-discovery-title h2{font-weight:550;font-size:24px;color:#25493b}
.hall-v2 .sjs-card-discovery-title>a{font-size:13px;color:#506e5c}
.hall-v2 .sjs-card-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.hall-v2 .sjs-card-discovery-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;min-height:112px;padding:18px 17px;border:1px solid #d2dacd;background:#fafaf4;border-radius:11px;gap:12px;color:#2b4b3c;transition:background-color 160ms,border-color 160ms,box-shadow 160ms;box-shadow:none}
.hall-v2 .sjs-card-discovery-grid>a:hover{transform:none;background:#f0f3e9;border-color:#789786;box-shadow:0 5px 12px #244a3410}
.hall-v2 .sjs-card-discovery-grid strong{font-size:15px;font-weight:600;line-height:1.45}
.hall-v2 .sjs-card-discovery-grid small{font-size:11px;color:#687965;line-height:1.6;margin-top:5px}
.hall-v2 .sjs-card-discovery-grid .sjs-card-discovery-icon{width:36px;height:47px;font-size:25px;background:#f0eee2;border-color:#d8d2ba;color:#6d7554;border-radius:6px}
.hall-v2 .sjs-card-discovery-arrow{color:#7d8d73}
.hall-v2 .hall-rewards{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center;margin-top:32px;padding:28px 30px;border:1px solid #cbd6c8;border-radius:14px;background:#e8eee2}
.hall-v2 .hall-rewards h2{font-size:23px;font-weight:550;margin:8px 0;color:#294b38}
.hall-v2 .hall-rewards p{font-size:12px;line-height:1.6;color:#64765d;margin:0}
.hall-v2 .r4-hub-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:9px}
.hall-v2 .r4-hub-utilities a{display:flex;gap:9px;min-height:51px;padding:11px 13px;border:1px solid #c4d1be;background:#f4f6ed;border-radius:8px;text-decoration:none;color:#35573f;font-size:12px}
.hall-v2 .r4-hub-utilities a>span{font-size:18px;color:#87916c}
.hall-v2 .r4-hub-utilities b{margin-left:auto;font-weight:400;color:#839177}
.hall-v2 .hall-shop-link:hover,.hall-v2 .r4-hub-utilities a:hover{border-color:#849d80;background:#eaf0e2}
@media(max-width:1000px){
 .r4-hub.hall-v2{padding:18px 22px 40px}.hall-v2 .r4-hub-intro{align-items:start;flex-direction:column;gap:12px;margin-bottom:20px}
 .r4-hub.hall-v2 .r4-arcana-door .r4-door-copy{padding:28px 30px}
 .r4-hub.hall-v2 .r4-world-door{grid-template-rows:220px auto}.r4-hub.hall-v2 .r4-arcana-door{grid-template-rows:auto}
 .r4-hub.hall-v2 .r4-door-copy{padding:23px}.r4-hub.hall-v2 .r4-card-fan>.u-card{width:145px}
 .r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="AS"]{transform:translate(-60px,10px) rotate(-17deg)}
 .r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="10S"]{transform:translate(60px,10px) rotate(17deg)}
 .hall-v2 .sjs-card-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hall-v2 .hall-world-signature{font-size:10px;right:17px;bottom:28px;letter-spacing:.08em}.hall-v2 .hall-companion-portraits{left:17px;bottom:20px}.hall-v2 .hall-companion-portraits img{width:55px;height:55px}
 .hall-v2 .hall-rewards{grid-template-columns:1fr;gap:20px}
}
@media(max-width:700px){
 .r4-hub.hall-v2{padding:14px 14px 30px}.hall-v2 .hall-topline{gap:10px;margin-bottom:14px}.hall-v2 .hall-brand{font-size:10px;letter-spacing:.12em}.hall-v2 .hall-shop-link{font-size:12px;padding:0 12px;gap:7px}
 .hall-v2 .r4-hub-intro{gap:10px;margin-bottom:18px}.hall-v2 .r4-hub-intro h1{font-size:25px;line-height:1.45;margin-bottom:6px}.hall-v2 .r4-hub-intro p{font-size:12px}.hall-v2 .hall-free{font-size:11px}
 .r4-hub.hall-v2 .r4-equal-worlds{grid-template-columns:1fr;gap:18px}.r4-hub.hall-v2 .r4-world-door{grid-template-columns:1fr;grid-template-rows:210px auto;border-radius:15px}
 .r4-hub.hall-v2 .r4-arcana-door{grid-template-columns:1fr;grid-template-rows:207px auto;min-height:0}
 .r4-hub.hall-v2 .r4-card-fan{grid-column:1;grid-row:1;min-height:207px}
 .r4-hub.hall-v2 .r4-arcana-door .r4-door-copy{grid-column:1;grid-row:2;padding:15px 23px 21px}
 .r4-hub.hall-v2 .r4-card-fan>.u-card{width:105px}.r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="AS"]{transform:translate(-58px,8px) rotate(-17deg)}.r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="7H"]{transform:translate(0,-4px)}.r4-hub.hall-v2 .r4-card-fan>.u-card[data-identity="10S"]{transform:translate(58px,8px) rotate(17deg)}
 .hall-v2 .hall-art-signature{display:none}.hall-v2 .hall-orbit{inset:13% 13%}
 .r4-hub.hall-v2 .r4-arcana-door .r4-door-copy h2{font-size:24px;line-height:1.2;letter-spacing:.05em;margin:9px 0 11px}.hall-v2 .r4-arcana-door h2 br{display:none}.hall-v2 .r4-arcana-door h2 em{font-size:1em;letter-spacing:.05em;margin-left:9px}
 .r4-hub.hall-v2 .r4-arcana-door .r4-door-copy p{font-size:14px;margin-bottom:10px}.hall-v2 .hall-facts{margin-bottom:15px;gap:5px 10px}.hall-v2 .hall-facts li{font-size:11px}.hall-v2 .hall-facts li+li:before{margin-right:9px}
 .r4-hub.hall-v2 .r31-main-cta,.r4-hub.hall-v2 .r4-arcana-door .r31-main-cta{max-width:none;min-height:52px;font-size:14px}
 .hall-v2 .hall-hero-links{gap:0 16px;margin-top:5px}.hall-v2 .hall-hero-links a,.r4-hub.hall-v2 .hall-hero-links .r4-secondary{font-size:11px}
 .r4-hub.hall-v2 .r4-door-copy{padding:22px}.r4-hub.hall-v2 .r4-door-copy h2{font-size:24px}.r4-hub.hall-v2 .r4-door-copy p{font-size:13px}
 .hall-v2 .hall-world-signature{font-size:11px;right:20px;bottom:27px}.hall-v2 .hall-companion-portraits{left:20px;bottom:20px}.hall-v2 .hall-companion-portraits img{width:60px;height:60px}
 .hall-v2 .hall-card-tables{margin-top:26px}.hall-v2 .sjs-card-discovery-title h2{font-size:21px}.hall-v2 .sjs-card-discovery-title>a{font-size:11px}
 .hall-v2 .sjs-card-discovery-grid{gap:8px}.hall-v2 .sjs-card-discovery-grid>a{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:14px 11px;min-height:123px}.hall-v2 .sjs-card-discovery-grid strong{font-size:13px}.hall-v2 .sjs-card-discovery-grid small{font-size:10px}.hall-v2 .sjs-card-discovery-grid .sjs-card-discovery-icon{width:25px;height:34px;font-size:21px}.hall-v2 .sjs-card-discovery-arrow{display:none}
 .hall-v2 .hall-rewards{padding:23px 18px;margin-top:24px;gap:17px}.hall-v2 .r4-hub-utilities{gap:8px}.hall-v2 .r4-hub-utilities a{font-size:11px;padding:10px;min-height:58px;gap:6px}
}
@media(max-width:370px){.hall-v2 .hall-world-signature{font-size:10px;right:16px}.hall-v2 .hall-companion-portraits img{width:51px;height:51px}.hall-v2 .hall-hero-links{gap:0 12px}.hall-v2 .sjs-card-discovery-grid>a{padding:13px 9px;gap:6px}}
@media(prefers-reduced-motion:reduce){.hall-v2 a,.hall-v2 .sjs-card-discovery-grid>a{transition:none}}
.sjs-game-shell[data-reduced-motion=true] .hall-v2 a{transition:none}
/* Long translated words must wrap inside the compact game directory. */
.hall-v2 .sjs-card-discovery-grid small,.hall-v2 .r4-hub-utilities a{overflow-wrap:anywhere}

/* src/components/game-ui/journey-map.css */
.r31-map{max-width:1160px;margin:auto;padding:24px}.r31-map>header{margin-bottom:18px}.r31-map>header>span{font-size:11px;color:var(--game-gold)}.r31-map h2{font-size:25px;font-weight:500;margin:7px 0}.r31-map header p{color:var(--game-muted);font-size:13px}.r31-map-board{position:relative;border:1px solid var(--game-line);background:var(--game-panel);border-radius:20px;overflow:hidden}.r31-map-realm{padding:22px;position:relative;border-bottom:1px solid #ffffff80;background:#e4e1d7}.r31-map-divine{background:linear-gradient(100deg,#ebe3cc,#d7d8e1)}.r31-map-beast{background:linear-gradient(100deg,#d9e8d6,#d5e0d5)}.r31-map-human{background:linear-gradient(100deg,#dedbcc,#e4dccf)}.r31-map-home{background:linear-gradient(100deg,#e9e4ce,#e7d8cc)}.r31-map-realm h3{font-weight:500;font-size:14px;color:#555c54;margin:0 0 14px}.r31-map-realm>div{display:flex;flex-wrap:wrap;gap:16px}.r31-map-realm button{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;min-height:65px;min-width:170px;padding:12px 18px;border:1px solid #9d9d8166;background:#fffdf3b5;color:var(--game-ink);border-radius:15px;text-align:left}.r31-map-realm button>span{grid-row:span 2;font-size:24px;color:#857350}.r31-map-realm strong{font-size:13px;font-weight:500}.r31-map-realm small{font-size:10px;color:#647261}.r31-map-realm .is-current{border:2px solid var(--game-active);background:#fffff6}.r31-map-unknown{font-size:12px;color:#858374;margin:8px 0}.r31-map-detail{padding:24px;border:1px solid var(--game-line);border-radius:18px;background:var(--game-panel);margin-top:18px}.r31-map-detail h3{font-size:20px;font-weight:500}.r31-map-detail p{font-size:13px;line-height:1.8;max-width:760px;color:var(--game-muted)}.r31-map-detail>div{display:flex;gap:16px;font-size:12px;margin-bottom:18px;color:var(--game-gold)}@media(max-width:700px){.r31-map{padding:16px 12px}.r31-map-realm{padding:16px}.r31-map-realm>div{gap:8px}.r31-map-realm button{min-width:140px;padding:10px 12px;max-width:100%}.r31-map-detail{padding:18px}.r31-map h2{font-size:21px}}

.r31-map-realm button:disabled{opacity:.72;cursor:wait}

/* R6 atlas uses only scene artwork already published by the journey. */
.sjs-game-shell .r6-map{max-width:1440px;padding:36px 32px 64px;background:#f3f1e7;color:#213b36;min-height:calc(100dvh - 60px)}
.r6-map .r6-map-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}
.r6-map-heading>div>span,.r6-map-kicker{font-size:10px;letter-spacing:.15em;color:#6d765e;font-weight:700}
.r6-map h1{font-size:clamp(26px,3vw,40px);line-height:1.25;font-weight:550;margin:10px 0}
.r6-map-heading p{font-size:14px;line-height:1.8;max-width:620px}
.r6-map-stats{display:flex;gap:30px;flex-shrink:0}
.r6-map-stats>span{display:flex;flex-direction:column;gap:5px;color:#64766b;font-size:12px}
.r6-map-stats b{font-size:30px;font-weight:450;color:#27554b}
.r6-map-now{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:15px 20px;border:1px solid #9eaf9c66;border-radius:14px;background:#e6eadd;font-size:12px;margin-bottom:24px}
.r6-map-now>span:nth-child(2){color:#576b5c;flex:1}
.r6-map-now a{min-height:44px;display:flex;align-items:center;text-decoration:none;color:#284e43;font-weight:600}
.r6-map-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}
.r6-map-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.r6-map-tabs button{min-height:44px;border:1px solid transparent;padding:10px 16px;border-radius:9px;background:transparent;color:#526c5e;font-size:12px;cursor:pointer}
.r6-map .r6-map-tabs button[aria-pressed=true]{border-color:#69857380;background:#24483e;color:#f7f1df!important}
.r6-map .r31-map-board{background:transparent;border:0;display:grid;gap:14px;overflow:visible}
.r6-map .r31-map-realm{border:1px solid #aab5a355;padding:18px;border-radius:16px;background:#fffdf5a3}
.r6-map .r31-map-realm h2{display:flex;gap:9px;align-items:center;font-size:14px;margin:0 0 14px;font-weight:600;letter-spacing:.05em}
.r6-map .r31-map-realm h2>span{color:#9e8b54;font-size:20px}
.r6-map .r31-map-realm>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.r6-map .r31-map-realm button{display:flex;flex-direction:column;gap:0;min-width:0;min-height:140px;padding:0;border:1px solid #81958455;border-radius:11px;overflow:hidden;background:#fafbf1;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.r6-map .r31-map-realm button>img{display:block;width:100%;height:90px;object-fit:cover}
.r6-map .r6-map-scene-copy{display:flex!important;flex-direction:column;gap:6px!important;padding:11px!important;grid-row:auto!important;font-size:13px!important;color:#254a3b!important;width:100%}
.r6-map .r31-map-realm button strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.r6-map .r31-map-realm button small{font-size:10px;color:#69785f;line-height:1.5}
.r6-map .r31-map-realm button[aria-pressed=true]{border-color:#2d6953;box-shadow:0 0 0 2px #2d695333}
.r6-map .r31-map-realm button.is-current{border-width:1px}
.r6-map .r31-map-unknown{grid-column:1/-1;min-height:54px;display:flex;align-items:center;margin:0;color:#778370}
.r6-map .r31-map-detail{position:sticky;top:84px;margin:0;padding:0;overflow:hidden;border-radius:18px;border:1px solid #a7b39e88;background:#fffdf5;box-shadow:0 12px 40px #1b3f2a08}
.r6-map-detail-art{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.r6-map .r31-map-detail>.r6-map-detail-copy{display:block;padding:24px;margin:0;min-width:0}
.r6-map-detail-copy h2{font-size:24px;line-height:1.3;margin:8px 0 12px;font-weight:500}
.r6-map .r31-map-detail p{font-size:13px;color:#687462}
.r6-map-activities{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#7e774f;margin:18px 0}
.r6-map .r31-map-detail .button{display:flex;justify-content:center;align-items:center;min-height:48px;background:#244e40;color:#faf3dd;border-radius:10px;text-decoration:none;font-size:13px;border:1px solid #c3b37b55}
.r6-map-route-hint{display:block;font-size:11px;line-height:1.8;color:#75806b;margin-top:14px}
.r6-map button:focus-visible,.r6-map a:focus-visible{outline:2px solid #aa8d43;outline-offset:3px}
@media(max-width:900px){.r6-map-layout{grid-template-columns:1fr}.r6-map .r31-map-detail{position:static;display:grid;grid-template-columns:1fr 1fr}.r6-map-detail-art{height:100%;aspect-ratio:auto}.r6-map .r31-map-realm>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sjs-game-shell .r6-map{padding:22px 12px 32px}.r6-map .r6-map-heading{gap:12px;align-items:flex-start}.r6-map-heading p{font-size:12px}.r6-map-stats{gap:10px;margin-top:6px}.r6-map-stats>span{font-size:10px;max-width:60px}.r6-map-stats b{font-size:23px}.r6-map-now{padding:10px 13px;gap:5px;margin-bottom:18px}.r6-map-now>span{width:100%;flex-basis:100%}.r6-map-now a{font-size:12px}.r6-map-tabs{gap:2px}.r6-map-tabs button{padding:10px 11px;font-size:11px}.r6-map .r31-map-realm{padding:13px}.r6-map .r31-map-realm>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r6-map .r31-map-detail{display:block}.r6-map-detail-art{height:auto;aspect-ratio:16/9}.r6-map-detail-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.r6-map button{transition:none}}

/* src/components/game-v4/daily-life.css */
.gv-daybook>header>span{font-size:10px;letter-spacing:.12em;color:#ad8964}.gv-daybook h3{font:25px var(--font-serif,Georgia,serif);margin:12px 0}.gv-daybook p,.gv-daybook small{font-size:12px;line-height:1.75;color:#687c89}.gv-daybook-lead{padding:20px;border:1px solid #e7cfc0;border-radius:20px;background:linear-gradient(130deg,#fff7ef,#fceaf2,#ebf6f6);margin:20px 0}.gv-daybook-lead>span{font-size:10px;color:#a27e62}.gv-daybook h4{font-size:15px;margin:11px 0}.gv-daybook-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gv-daybook-grid>article{border:1px solid #e7ddd0;border-radius:18px;background:#fffdfb;padding:18px;min-width:0}.gv-daybook ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.gv-daybook li{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;color:#6d7e86}.gv-daybook li b{font-weight:500}.gv-daybook li span{text-align:right;color:#a08a72}.gv-daybook-icons{display:flex;gap:8px;align-items:start;margin:12px 0}.gv-daybook-icons>span{flex:1;min-width:0;text-align:center}.gv-daybook-icons img{width:52px;height:52px;object-fit:contain;display:block;margin:auto}.gv-daybook-icons b{display:block;font-size:10px;line-height:1.5;font-weight:500;color:#667582}.gv-daybook .gv-choice{font-size:11px;margin-top:12px}.gv-daybook-grid small{display:block}.gv-daybook-tomorrow{background:linear-gradient(130deg,#f0f5ff,#fff2f3)!important}.gv-daybook-tomorrow>span{font-size:22px;color:#ad9675}.gv-daybook-link{background:#fffaf0!important;border-color:#e9d4b4!important}.gv-day-break{animation:gv-daybreak 1.8s ease-out both}.gv-cardhouse-icon{color:#a4866f}.gv-cardhouse-intro{padding:18px;border-radius:18px;background:linear-gradient(135deg,#fff5ed,#f5edf7,#eaf6f5);margin-bottom:16px}.gv-cardhouse-intro p{font-size:13px;line-height:1.75;color:#6f7b89}.gv-cardhouse-route{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.gv-cardhouse-route span{font-size:11px;color:#927555;background:#fffdfb;border:1px solid #e5d4bb;border-radius:25px;padding:7px 11px}.gv-npc-reply{border-left:2px solid #e9b4c5;padding:12px 16px;color:#7c6978;font-size:13px;line-height:1.75;animation:gv-daybreak .5s ease-out both}@keyframes gv-daybreak{from{opacity:.3;filter:brightness(1.25)}to{opacity:1;filter:brightness(1)}}@media(max-width:650px){.gv-daybook-grid{grid-template-columns:1fr}.gv-daybook h3{font-size:22px}.gv-daybook li{font-size:12px}.gv-daybook-icons img{width:58px;height:58px}}@media(prefers-reduced-motion:reduce){.gv-day-break,.gv-npc-reply{animation:none}}

.gv-npc-portrait img.gv-npc-emblem{object-fit:contain;padding:26px;background:radial-gradient(circle,#fffaf2,#f6ecf3 65%,#e8f4f3);border:1px solid #e6d8c8;border-radius:24px}.gv-cardhouse-intro>img{display:block;margin:0 auto 12px}.gv-cardhouse-intro h3{font:23px var(--font-serif,Georgia,serif);line-height:1.4}
.gv-daybook-lead>small{display:block;margin-top:13px;color:#8d7c80;font-size:11px;line-height:1.65}.gv-daybook-lead .gv-primary{margin-top:8px}.gv-reward-followup>small{display:block;line-height:1.7;max-width:540px;margin:12px auto 0}

/* src/components/game-v4/engagement.css */
.gv-goal-strip{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:10px 20px;margin:0 0 16px;border:1px solid #e8d2aa99;border-radius:21px;color:#25324a;background:linear-gradient(110deg,#fffdfb,#fff1f5 60%,#ecf6fa);box-shadow:0 5px 25px #a1806010}
.gv-goal-strip>img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 5px #92755618)}
.gv-goal-strip>div:not(.gv-goal-progress){display:grid;gap:4px;flex:1;min-width:0}.gv-goal-strip span{font-size:10px;letter-spacing:.12em;color:#a37d5d}.gv-goal-strip strong{font-family:var(--font-serif,Georgia,serif);font-size:18px}.gv-goal-strip small{font-size:12px;line-height:1.5;color:#667888}.gv-goal-strip.is-ready{border-color:#cea975;background:linear-gradient(110deg,#fffdfb,#fff3df,#f6edf7)}
.gv-goal-progress{display:grid;gap:5px;min-width:125px;text-align:right}.gv-goal-progress b{font-size:15px;color:#927456}.gv-goal-progress i{display:block;height:4px;background:#dbdfe2;border-radius:5px;overflow:hidden}.gv-goal-progress em{height:100%;display:block;background:linear-gradient(90deg,#efadbf,#a9cfd7);transition:width .45s}
.gv-pickup-feed{position:absolute;z-index:5;top:81px;right:18px;display:grid;gap:5px;max-width:280px;pointer-events:none}.gv-pickup-feed>span{display:flex;align-items:center;gap:9px;padding:7px 13px;background:#fffdfbe8;border:1px solid #e8d2aa9c;border-radius:12px;box-shadow:0 4px 12px #25324a16;font-size:12px;animation:gv-pickup-rise .3s ease both}.gv-pickup-feed img{width:34px;height:34px;object-fit:contain}.gv-pickup-feed small{font-size:9px;background:#f7c3cf88;border-radius:6px;padding:3px 5px;color:#8d586c}
.gv-pursuits>header>span{color:#a58265;font-size:11px;letter-spacing:.15em}.gv-pursuits h3{font-family:var(--font-serif,Georgia,serif);font-size:25px;margin:12px 0}.gv-pursuits>header>p{color:#667888;font-size:14px}.gv-pursuit-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 16px;background:#edf4f5;border-radius:13px;font-size:12px;color:#567683}.gv-pursuit-summary span{color:#a07b54}.gv-pursuits>nav{display:flex;gap:8px;overflow:auto;padding:18px 0 22px}.gv-pursuits>nav button{flex-shrink:0;border:1px solid #e7d6c6;border-radius:20px;background:#fffdfb;padding:9px 13px;min-height:42px;font-size:12px;color:#6f7686}.gv-pursuits>nav .is-active{background:#fbe7ed;border-color:#eaa6ba;color:#714a5d}
.gv-pursuit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.gv-pursuit-grid>article{border:1px solid #e6d9cd;border-radius:20px;background:#fffdfb;overflow:hidden;display:flex;flex-direction:column}.gv-pursuit-grid>article.is-tracked{border-color:#eaa3b7}.gv-pursuit-grid>article.is-ready{border-color:#c8a778;box-shadow:0 5px 25px #dfc3a233}.gv-pursuit-grid>article.is-claimed{background:#f4f8f7}.gv-pursuit-art{position:relative;height:130px;background:radial-gradient(ellipse,#fffaf3,#e8f1f3);overflow:hidden}.gv-pursuit-art>img{display:block;width:100%;height:100%;object-fit:contain;padding:9px}.gv-pursuit-art>img[src*="scenes/"]{object-fit:cover;padding:0}.gv-pursuit-art>span{position:absolute;left:10px;bottom:9px;background:#fffdfbea;border:1px solid #e8d2aa55;padding:5px 9px;border-radius:10px;font-size:10px;color:#8c715e}.gv-pursuit-copy{display:flex;flex-direction:column;flex:1;padding:19px}.gv-pursuit-copy h4{font-family:var(--font-serif,Georgia,serif);font-size:20px;margin:0 0 9px}.gv-pursuit-copy>p{color:#6b7888;font-size:13px;line-height:1.7;margin:0 0 13px}.gv-pursuit-copy ol{display:grid;gap:9px;list-style:none;padding:0;margin:0 0 16px}.gv-pursuit-copy li{display:flex;gap:8px;align-items:center;font-size:12px;color:#71808c}.gv-pursuit-copy li>span{display:grid;place-items:center;border:1px solid #e2d7c8;border-radius:50%;width:23px;height:23px;flex-shrink:0;font-size:10px}.gv-pursuit-copy li>b{font-weight:500;flex:1}.gv-pursuit-copy li.is-done{color:#62958b}.gv-pursuit-copy li.is-done>span{background:#e9f4ee;border-color:#bfded2}.gv-pursuit-copy li.is-current{color:#5d4860}.gv-pursuit-copy li.is-current>span{background:#f9e4ec;border-color:#e8aabe}.gv-pursuit-rewards{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding:12px 0;border-top:1px solid #eddfd0}.gv-pursuit-rewards>small{width:100%;letter-spacing:.07em;font-size:9px;color:#a1836d}.gv-pursuit-rewards>span{display:flex;align-items:center;gap:4px;font-size:11px;color:#637080;background:#f3f5f5;padding:5px 7px;border-radius:8px}.gv-pursuit-rewards img{width:23px;height:23px;object-fit:contain}.gv-pursuit-hint{line-height:1.65;font-size:11px;color:#8a7e72;margin:5px 0 12px}.gv-pursuit-copy button{width:100%;font-size:12px}.gv-pursuit-prerequisite{font-size:11px!important;color:#929aa2!important;margin-top:11px!important}.is-later .gv-pursuit-art>img{opacity:.7}.is-claimed .gv-pursuit-art>span{color:#598b7d}
.gv-reward-followup{padding:7px 0 14px}.gv-reward .gv-reward-use{color:#7d6856;font-size:13px;margin:4px 0 12px}.gv-reward-next-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.gv-reward-next-actions button{font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.gv-reward-next-actions img{width:30px;height:30px;object-fit:contain}.gv-reward-followup>small{display:block;font-size:11px;color:#7b8594;line-height:1.6;margin:13px 0 0}.gv-keepsake-link{display:block;margin:0 auto 13px;border:1px solid #dcc49a;background:#fff5de;color:#8d6947;border-radius:13px;padding:9px 15px;min-height:44px;font-size:12px!important}.game-v4 .gv-reward{overflow:auto}
.gv-fish-forecast{display:flex;gap:5px;margin:9px 0}.gv-fish-forecast>span{display:grid;gap:3px;flex:1;background:#edf4f3;border-radius:9px;padding:7px 3px;font-size:10px;color:#59818c}.gv-fish-forecast b{font-weight:500}.gv-fish-forecast small{font-size:10px;color:#7b8b92}.gv-bait-choice{display:flex;align-items:flex-start;gap:8px;text-align:left;font-size:11px;line-height:1.5;margin:7px 0 10px;color:#6b7885}.gv-bait-choice input{width:18px;height:18px;flex-shrink:0;accent-color:#d393ac}.gv-bait-choice small{color:#a18163;white-space:nowrap}
.gv-resonance-workshop{margin:19px 0}.gv-tuning,.gv-combo-book{padding:17px;border:1px solid #e4d5c7;border-radius:17px;background:#fffbf7;margin:12px 0}.gv-tuning>summary,.gv-combo-book>summary{font-size:14px;color:#8b6d5c;cursor:pointer;min-height:25px}.gv-tuning>p,.gv-combo-book>p{font-size:12px;line-height:1.7;color:#73818e}.gv-tuning>label{display:flex;gap:12px;align-items:center;font-size:12px;color:#6b7886}.gv-tuning select{max-width:65%;border:1px solid #e1cdbb;border-radius:9px;background:#fff;padding:8px 11px;color:#516577;min-height:42px}.gv-tuning-card{display:flex;gap:19px;margin-top:15px}.gv-tuning-card>img{width:110px;aspect-ratio:3/4;object-fit:cover;align-self:flex-start;border-radius:13px;border:1px solid #d7bc93}.gv-tuning-card>div{flex:1;min-width:0}.gv-tuning-card h3{font-size:16px;margin:0 0 8px}.gv-tuning-card p{font-size:12px;color:#69818e;line-height:1.7}.gv-tuning-card button{font-size:12px;min-height:44px}.gv-tuning-cost{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.gv-tuning-cost>span{font-size:11px;display:flex;align-items:center;gap:5px;color:#9a8080;background:#f8eeeb;border-radius:8px;padding:6px}.gv-tuning-cost img{width:24px;height:24px;object-fit:contain}.gv-tuning-cost .is-enough{color:#5f9286;background:#edf5ef}.gv-resonance-notice{font-size:11px!important;line-height:1.7}.gv-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.gv-combo-grid>article{padding:14px;border:1px solid #e6d8c9;border-radius:15px;background:#fffdfb}.gv-combo-grid .is-discovered{border-color:#b5d5cc;background:#f6fbf8}.gv-combo-grid article>span{font-size:9px;letter-spacing:.08em;color:#a1836d}.gv-combo-grid h4{font-size:15px;margin:8px 0}.gv-combo-grid p{font-size:11px;line-height:1.7;color:#72818d}.gv-combo-grid button{font-size:11px;width:100%}.gv-combo-portraits{display:flex;gap:7px;margin-top:11px}.gv-combo-portraits>div{flex:1;max-width:65px;text-align:center}.gv-combo-portraits img{width:100%;height:67px;object-fit:cover;border-radius:9px}.gv-combo-portraits small{display:block;font-size:9px;line-height:1.4;margin-top:5px;color:#6b7580}.gv-combo-portraits .is-missing img{filter:grayscale(1);opacity:.5}.sjs-gv4-source-hint{grid-column:2/-1;font-size:10px;color:#9b8066}.sjs-gv4-current-quest .gv-main-follow{margin-top:14px;font-size:12px}
@keyframes gv-pickup-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.gv-pursuit-grid,.gv-combo-grid{grid-template-columns:1fr}.gv-goal-strip{padding:9px 11px;gap:9px;margin-bottom:10px;border-radius:15px}.gv-goal-strip>img{width:39px;height:45px}.gv-goal-strip strong{font-size:14px}.gv-goal-strip span{font-size:9px;letter-spacing:.04em}.gv-goal-strip small{font-size:10px}.gv-goal-progress{min-width:65px;max-width:75px}.gv-goal-progress b{font-size:12px}.gv-goal-progress>small{font-size:9px}.gv-pickup-feed{right:9px;top:72px;max-width:145px}.gv-pickup-feed>span{gap:4px;padding:5px 7px;font-size:10px}.gv-pickup-feed img{width:23px;height:23px}.gv-pickup-feed small{display:none}.gv-tuning{padding:13px}.gv-tuning-card{gap:10px}.gv-tuning-card>img{width:72px}.gv-tuning-card h3{font-size:14px}.gv-tuning-card p{font-size:11px}.gv-tuning-cost>span{font-size:10px}.gv-tuning-card button{padding:9px 10px;font-size:11px}.gv-tuning>label{align-items:flex-start;gap:9px;font-size:11px}.gv-pursuit-copy{padding:16px}.gv-pursuits h3{font-size:21px}.gv-pursuits>header>p{font-size:12px}.gv-pursuit-art{height:115px}.gv-reward-next-actions button{font-size:11px;flex:1;min-width:130px}.gv-reward-followup{padding-bottom:7px}.gv-reward-followup>small{margin-top:9px}.gv-fish-forecast>span{padding:5px 3px}.gv-bait-choice{font-size:10px}}

@media(max-width:699px){.game-v4 .sjs-world-controls-hint{top:168px;bottom:auto;left:12px;right:auto;max-width:240px;font-size:9px;padding:5px 8px}}

.gv-now-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #e4c9b3;border-radius:50%;background:#fff8f2;color:#c29c73;font-size:23px!important}.gv-now .gv-goal-progress{max-width:170px}.gv-opening-invitation{padding:16px;margin:16px 0;border:1px solid #dbc8ae;border-radius:16px;background:linear-gradient(110deg,#fff8ee,#f8eef4)}.gv-opening-invitation>a{font-size:12px;color:#887055}.gv-opening-invitation>p{font-size:13px;line-height:1.7}.gv-day-wrap{padding:16px;border:1px solid #e7d5c4;border-radius:17px;background:#fffaf4;margin:16px 0}.gv-day-wrap strong{font-size:14px}.gv-day-wrap p{font-size:13px}.gv-day-wrap small{font-size:12px;color:#72818a}@media(max-width:650px){.gv-now .gv-goal-progress{min-width:50px;max-width:90px}.gv-now-icon{width:29px;height:29px;font-size:18px!important}}

/* src/components/game-v4/fishing.css */
.gv-fishing-help{margin-top:12px;color:#758694;font-size:11px;text-align:left}.gv-fishing-help summary{cursor:pointer;width:max-content;margin:auto;min-height:28px}.gv-fishing-help p{padding:7px 0;line-height:1.65}.gv-fishing .gv-water-view{height:86px}.gv-fishing .gv-fish-cue{min-height:35px;line-height:1.5;margin:9px 0;color:#526d81}.gv-fishing .gv-hook-watching{width:100%;font-size:12px;color:#557f94;border-color:#c2dce2;background:#f4fbfc}.gv-fishing .gv-tension{background:linear-gradient(90deg,#f5c6cc 18%,#acd1df 18% 84%,#f5c6cc 84%)}.gv-water-probe .gv-float{animation:gv-fish-probe .28s ease-in-out infinite}.gv-water-bite .gv-float{animation:gv-bite .2s alternate infinite}.gv-water-probe .gv-ripple{border-color:#fff}.gv-fish-reel .gv-fish-shadow{animation-duration:1.7s}.gv-reel-rush .gv-fish-shadow{animation-duration:.8s}.gv-reel-ease .gv-tension>i{background:#c67f99}.gv-fish-splash{display:none;position:absolute;left:44%;top:36%;width:45px;height:20px;border:2px solid #fff8;border-bottom:0;border-radius:50% 50% 0 0}.gv-water-bite .gv-fish-splash,.gv-reel-rush .gv-fish-splash{display:block;animation:gv-fish-splash .45s ease-out infinite}.gv-fishing .gv-hold:active{transform:none;background:linear-gradient(135deg,#ea7894,#d95878)}
@keyframes gv-fish-probe{50%{transform:translateY(5px) rotate(6deg)}}@keyframes gv-fish-splash{from{transform:scale(.65);opacity:.9}to{transform:scale(1.5);opacity:0}}
.gv-fishing .gv-bite{animation:gv-hook-glow .5s ease-in-out infinite;transform:none}@keyframes gv-hook-glow{50%{box-shadow:0 0 0 4px #e99bac35,0 7px 23px #d9769140}}
@media(max-width:520px){.gv-fishing .gv-water-view{height:68px;margin:9px 0}.gv-fishing .gv-fish-cue{min-height:33px;font-size:12px}.gv-fishing .gv-hook-watching{font-size:12px;min-height:44px}.gv-fishing-help{margin-top:7px}.gv-fishing .gv-hold{min-height:50px}.gv-fishing .gv-fish-forecast{font-size:11px}.gv-fishing .gv-tension-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gv-water-probe .gv-float,.gv-water-bite .gv-float,.gv-fish-reel .gv-fish-shadow,.gv-fish-splash,.gv-fishing .gv-bite{animation:none}.gv-water-probe .gv-float{transform:translateY(4px)}.gv-water-bite .gv-float{transform:translateY(12px)}}

/* src/components/game-v4/game-panels.css */
.sjs-gv4-panels{color:#344258;font-size:14px;line-height:1.7}.sjs-gv4-panel-intro{margin:0 0 24px;max-width:770px}.sjs-gv4-panel-intro>span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#a08076}.sjs-gv4-panel-intro h2{margin:7px 0 10px;font:600 clamp(22px,3vw,32px)/1.3 var(--font-display,Georgia,serif);color:#344258}.sjs-gv4-panel-intro p{margin:0;color:#75818b;font-size:13px;line-height:1.8}.sjs-gv4-panels button,.sjs-gv4-panels select{font:inherit}.sjs-gv4-panels button{min-height:44px;cursor:pointer;touch-action:manipulation}.sjs-gv4-panels button:disabled{cursor:default}.sjs-gv4-panels button:focus-visible,.sjs-gv4-panels select:focus-visible,.sjs-gv4-panels a:focus-visible{outline:3px solid #b998b8;outline-offset:3px}
.sjs-gv4-category-tabs{display:flex;gap:7px;overflow:auto;padding:4px 2px 12px;margin:10px 0 16px;scrollbar-width:thin}.sjs-gv4-category-tabs button,.sjs-gv4-station-switch button{flex-shrink:0;border:1px solid #eee0d7;border-radius:12px;background:#fffdf9;color:#78828c;padding:8px 15px;font-size:12px;min-height:44px}.sjs-gv4-category-tabs button.is-active,.sjs-gv4-station-switch button.is-active{color:#8e6070;background:#fcebf0;border-color:#edc4cf}
.sjs-gv4-pocket-summary{display:flex;gap:11px;flex-wrap:wrap}.sjs-gv4-pocket-summary span{padding:5px 12px;border-radius:12px;background:#f7f2e8;color:#877661;font-size:11px}.sjs-gv4-inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.45fr);gap:20px;align-items:start}.sjs-gv4-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sjs-gv4-item-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 8px;border:1px solid #eee4dc;border-radius:17px;background:linear-gradient(160deg,#fffefa,#fff5f3);text-align:center;color:#455267;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden;min-width:0}.sjs-gv4-item-slot:hover{transform:translateY(-2px);border-color:#e3b6bd;box-shadow:0 5px 17px #99778512}.sjs-gv4-item-slot.is-selected{border:2px solid #d3a1b0;background:#fff0f4;padding:14px 7px}.sjs-gv4-item-slot img{height:72px;width:72px;object-fit:contain}.sjs-gv4-item-slot strong{font-size:11px;line-height:1.4;font-weight:600}.sjs-gv4-item-slot small{font-size:10px;color:#a77f8b}.sjs-gv4-quantity{position:absolute;top:9px;right:10px;padding:1px 6px;border-radius:7px;background:#fffdf9d9;font-size:10px;color:#7c7774}.sjs-gv4-equipped{border-radius:8px;background:#e5eee5;padding:1px 6px;color:#728b72!important}
.sjs-gv4-item-art{display:block;width:88px;height:88px;object-fit:contain}.sjs-gv4-item-art.is-small{width:32px;height:32px}.sjs-gv4-item-detail{position:sticky;top:0;display:flex;flex-direction:column;gap:13px;padding:22px;border:1px solid #e7dbcf;border-radius:22px;background:linear-gradient(155deg,#fffdf8,#f6f2eb);box-shadow:0 9px 25px #7d6b6410}.sjs-gv4-item-detail>.sjs-gv4-item-art{width:110px;height:110px;margin:0 auto}.sjs-gv4-item-detail h3{font-size:18px;margin:8px 0;color:#45536a}.sjs-gv4-item-detail p{font-size:12px;margin:8px 0;color:#7b858c;line-height:1.85}.sjs-gv4-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#998776;border-radius:7px;padding:3px 7px;background:#efe8dd}.sjs-gv4-rarity.rarity-rare{color:#7b94b0;background:#eaf0f8}.sjs-gv4-rarity.rarity-epic{color:#987ca9;background:#f1e9f4}.sjs-gv4-rarity.rarity-legendary{color:#b49258;background:#f9efd8}.sjs-gv4-detail-actions{display:flex;flex-direction:column;gap:8px}.sjs-gv4-detail-actions button,.sjs-gv4-return-home,.sjs-gv4-home-inspiration button,.sjs-gv4-empty-pocket button{border:1px solid #edbac7;border-radius:12px;background:#f6d8e1;color:#855f70;padding:10px 14px;font-size:12px}.sjs-gv4-detail-actions button.is-secondary{background:#fffdfa;color:#8b867f;border-color:#e3d9cb}.sjs-gv4-item-detail.is-idle{min-height:200px;align-items:center;justify-content:center;text-align:center}.sjs-gv4-item-detail.is-idle>span{font-size:40px;color:#d1b896}.sjs-gv4-empty-pocket{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 20px;border:1px dashed #e2d1c4;border-radius:24px;background:radial-gradient(circle at 50% 10%,#fff1e1,#fff9f4)}.sjs-gv4-empty-pocket>span{font-size:44px;color:#c9b191}.sjs-gv4-empty-pocket h3{font-size:18px;margin:12px 0}.sjs-gv4-empty-pocket p{font-size:12px;max-width:360px;color:#84909b;margin:0 0 20px}
.sjs-gv4-station-switch{display:flex;gap:10px;margin:0 0 20px}.sjs-gv4-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sjs-gv4-recipe{display:flex;flex-direction:column;padding:20px;border:1px solid #e9ded2;border-radius:22px;background:#fffdf9}.sjs-gv4-recipe.is-ready{background:linear-gradient(150deg,#fffdf7,#f4f5e9);border-color:#d8ddc7}.sjs-gv4-recipe-top{display:flex;gap:16px;align-items:center}.sjs-gv4-recipe-top>div>span{font-size:10px;letter-spacing:.08em;color:#a38e79}.sjs-gv4-recipe h3{font-size:16px;line-height:1.4;margin:4px 0}.sjs-gv4-recipe-top small{font-size:10px;color:#a9947f}.sjs-gv4-recipe>p{font-size:12px;line-height:1.7;color:#829098;min-height:42px;margin:12px 0}.sjs-gv4-ingredients{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:3px}.sjs-gv4-ingredients li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #f4ede6;font-size:11px}.sjs-gv4-ingredients li>span{flex:1;min-width:0}.sjs-gv4-ingredients li>strong{font-size:10px;color:#87a17c}.sjs-gv4-ingredients li.is-missing>strong{color:#bd98a3}.sjs-gv4-recipe>button{margin-top:auto;padding:9px 14px;border:1px solid #c8d5bb;border-radius:12px;background:#e9f0dc;color:#708565;font-size:12px}.sjs-gv4-recipe>button:disabled{border-color:#ece3d9;background:#f5f1eb;color:#aaa299}
.sjs-gv4-deck-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:17px 20px;border:1px solid #e9dacf;border-radius:19px;background:linear-gradient(120deg,#fff6e9,#faf0f6)}.sjs-gv4-deck-bar>div{display:grid;gap:2px;min-width:68px}.sjs-gv4-deck-bar strong{font-size:19px;font-weight:650}.sjs-gv4-deck-bar small{font-size:10px;color:#9c8c80}.sjs-gv4-deck-bar>button{margin-left:auto;padding:9px 15px;border:1px solid #dcc4bb;border-radius:12px;background:#fffaf3;color:#977767;font-size:12px}.sjs-gv4-deck-bar>button+button{margin-left:0;background:#f2dbe5;color:#916577;border-color:#e2bcca}.sjs-gv4-deck-bar>button:disabled{opacity:.55}.sjs-gv4-inline-notice{min-height:22px;margin:10px 2px 18px;font-size:11px;color:#a0897c}.sjs-gv4-combo-preview{margin:16px 0 25px;padding:17px 21px;border:1px solid #e5dfe9;border-radius:19px;background:#f8f5fc}.sjs-gv4-combo-preview h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#9683a4;margin:0 0 12px}.sjs-gv4-combo-preview>div{display:grid;grid-template-columns:20px 1fr;gap:1px 8px;margin:9px 0}.sjs-gv4-combo-preview>div>span{color:var(--combo-color,#b29ab2)}.sjs-gv4-combo-preview strong{font-size:13px}.sjs-gv4-combo-preview p{grid-column:2;margin:1px 0;font-size:11px;color:#95859d}.sjs-gv4-combo-preview>p{margin:0;font-size:11px}
.sjs-gv4-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.sjs-gv4-deck-card{display:flex;flex-direction:column;min-width:0;padding:5px;border:1px solid #ddc7af;border-radius:17px;background:linear-gradient(170deg,#fff3df,#fff9f2);box-shadow:0 4px 16px #95827613;text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s}.sjs-gv4-deck-card.rarity-rare{border-color:#b7cddd;background:linear-gradient(160deg,#eaf1fb,#fffdf7)}.sjs-gv4-deck-card.rarity-epic{border-color:#cbb4d7;background:linear-gradient(160deg,#f0e8f9,#fff8f0)}.sjs-gv4-deck-card.rarity-legendary{border-color:#c9ac73;background:linear-gradient(160deg,#fff0c6,#fffaf0)}.sjs-gv4-deck-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 10px 24px #917f9424}.sjs-gv4-deck-card.is-selected{outline:3px solid #da91a9;outline-offset:1px}.sjs-gv4-card-picture{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#dce4e3}.sjs-gv4-card-picture img{display:block;width:100%;height:100%;object-fit:cover}.sjs-gv4-card-role{position:absolute;bottom:8px;left:8px;padding:2px 6px;border:1px solid #ffffff6b;border-radius:6px;background:#fff7ebdf;color:#8b7764;font-size:8px;font-weight:700;letter-spacing:.1em}.sjs-gv4-card-picked{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f5d3de;color:#995970;box-shadow:0 3px 9px #685c7333}.sjs-gv4-card-copy{padding:8px 7px 7px;display:grid;gap:4px}.sjs-gv4-card-copy>small{font-size:8px;color:#988874}.sjs-gv4-card-copy>strong{font-size:11px;line-height:1.4;color:#4e5261}.sjs-gv4-card-copy>span{font-size:8px;color:#aa8c9c}.sjs-gv4-card-copy>p{font-size:9px;color:#8f8994;margin:2px 0}.sjs-gv4-deck-card.is-unknown .sjs-gv4-card-picture img{filter:grayscale(1) brightness(.26);opacity:.55}.sjs-gv4-card-unknown{position:absolute;inset:0;display:grid;place-items:center;font:500 27px Georgia,serif;color:#e0cfc0;background:linear-gradient(45deg,#45485955,#667d9a44)}
.sjs-gv4-story-link{display:inline-flex;align-items:center;gap:12px;margin-top:23px;padding:11px 16px;border:1px solid #dec8c7;border-radius:13px;background:#fffaf8;color:#9b7781;text-decoration:none;font-size:12px}
.sjs-gv4-codex-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}.sjs-gv4-codex-progress>strong{font-size:13px}.sjs-gv4-codex-progress>span{font-size:12px;color:#b69a84}.sjs-gv4-codex-progress>div{width:100%;height:5px;border-radius:5px;background:#ede6e0;overflow:hidden}.sjs-gv4-codex-progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#b8d2da,#e9b5c6);transition:width .3s}.sjs-gv4-codex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sjs-gv4-codex-entry{position:relative;display:flex;align-items:center;flex-direction:column;padding:17px 10px;border:1px solid #e8ded5;border-radius:17px;background:#fffdf9;text-align:center;overflow:hidden;min-width:0}.sjs-gv4-codex-entry>img{width:82px;height:82px;object-fit:contain}.sjs-gv4-codex-entry>strong{font-size:12px;margin:9px 0 2px;line-height:1.4}.sjs-gv4-codex-entry>small{font-size:9px;color:#a79686}.sjs-gv4-codex-entry>p{font-size:10px;color:#8d969b;margin:9px 0 0;line-height:1.7}.sjs-gv4-codex-entry.is-hidden{background:linear-gradient(140deg,#f3f1ec,#e9edf0)}.sjs-gv4-codex-entry.is-hidden>img{filter:grayscale(1) brightness(.26);opacity:.24}.sjs-gv4-codex-entry.is-hidden>strong{font-family:Georgia,serif;letter-spacing:.15em;color:#9fa2a6}.sjs-gv4-codex-entry.is-place>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.sjs-gv4-codex-entry>button{font-size:11px;padding:8px 12px;margin-top:8px;border:1px solid #e7d3c7;border-radius:10px;background:#fff7ef;color:#a38772}
.sjs-gv4-current-quest{padding:25px;border:1px solid #e7cfc1;border-radius:22px;background:linear-gradient(125deg,#fff7e5,#fff3f4);box-shadow:0 8px 23px #a4867312}.sjs-gv4-current-quest>span{font-size:10px;letter-spacing:.1em;color:#b08d72}.sjs-gv4-current-quest h3{font-size:19px;margin:8px 0}.sjs-gv4-current-quest p{font-size:12px;color:#8e8c86;margin:8px 0}.sjs-gv4-current-quest>div:not(.sjs-gv4-quest-dots){padding:15px 17px;margin-top:20px;border:1px solid #f2e2d3;border-radius:15px;background:#fffdf8b3}.sjs-gv4-current-quest>div>strong{font-size:13px;color:#9a7d6c}.sjs-gv4-quest-dots{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.sjs-gv4-quest-dots span{height:6px;flex:1;min-width:9px;border-radius:6px;background:#e9ded7}.sjs-gv4-quest-dots span.is-done{background:#b9cdae}.sjs-gv4-quest-dots span.is-current{background:#e5b0c1}.sjs-gv4-journal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px}.sjs-gv4-journal-heading h3{font-size:14px;margin:0}.sjs-gv4-journal-heading button{padding:7px 12px;border:1px solid #e9d7ce;border-radius:10px;background:#fffaf6;font-size:11px;color:#9d857b}.sjs-gv4-journal-list{display:flex;flex-direction:column;gap:11px}.sjs-gv4-journal-list>article{display:grid;grid-template-columns:67px 1fr;gap:16px;padding:17px 20px;border:1px solid #e9dfd3;border-radius:16px;background:#fffdfa}.sjs-gv4-journal-list>article>span{font-size:10px;color:#b09b80;letter-spacing:.04em}.sjs-gv4-journal-list h4{font-size:13px;margin:0 0 6px}.sjs-gv4-journal-list p{font-size:12px;color:#8d969c;line-height:1.8;margin:0}.sjs-gv4-journal-books{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.sjs-gv4-journal-books a,.sjs-gv4-journal-books button{display:flex;flex-direction:column;padding:20px;border:1px solid #e2d5d9;border-radius:19px;background:linear-gradient(140deg,#f7edf2,#f5f5f9);text-decoration:none;color:#796479}.sjs-gv4-journal-books a>span,.sjs-gv4-journal-books button>span{font-size:26px;color:#b99ab3}.sjs-gv4-journal-books strong{font-size:13px;margin:8px 0}.sjs-gv4-journal-books small{font-size:10px;color:#a490a2}
.sjs-gv4-panel-subtitle{font-size:14px;margin:23px 0 13px}.sjs-gv4-home-inspiration{display:flex;align-items:center;gap:14px;padding:22px;border:1px dashed #dbcdb7;border-radius:19px;background:#fff9eb}.sjs-gv4-home-inspiration>span{font-size:35px;color:#c5b48c}.sjs-gv4-home-inspiration p{font-size:12px;color:#9b907e;margin:0;flex:1}.sjs-gv4-home-inspiration button{font-size:11px}.sjs-gv4-placed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sjs-gv4-placed-grid>article{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:16px;border:1px solid #e5d9c9;border-radius:18px;background:#fffdf7}.sjs-gv4-placed-grid>article>img{width:72px;height:72px;object-fit:contain}.sjs-gv4-placed-grid h4{font-size:13px;margin:0 0 6px}.sjs-gv4-placed-grid small{font-size:10px;color:#a59581}.sjs-gv4-placed-grid p{font-size:11px;color:#88a2b0;margin:6px 0}.sjs-gv4-placed-grid .sjs-gv4-soft-button{grid-column:1/-1;margin-top:4px;padding:7px;border:1px solid #e7dbcb;border-radius:10px;background:#f8f2e8;color:#a18f75;font-size:11px}.sjs-gv4-aquarium-choice{display:flex;flex-direction:column;gap:4px;margin-top:8px}.sjs-gv4-aquarium-choice>span{font-size:10px;color:#8eabb7}.sjs-gv4-aquarium-choice select{border:1px solid #d4e0e2;border-radius:8px;background:#f5fbfc;padding:8px;font-size:11px;color:#8099a3;max-width:100%;min-height:44px}
.sjs-gv4-world-list{display:flex;flex-direction:column;gap:25px}.sjs-gv4-world-list>div>h3{font-size:13px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em;color:#9a8e80}.sjs-gv4-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sjs-gv4-world-grid article{overflow:hidden;border:1px solid #e3d5c8;border-radius:19px;background:#fffaf3}.sjs-gv4-world-grid article>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.sjs-gv4-world-grid article>div{padding:15px}.sjs-gv4-world-grid h4{font-size:13px;margin:0 0 8px}.sjs-gv4-world-grid p{font-size:11px;color:#8e9394;line-height:1.7;margin:0 0 12px;min-height:56px}.sjs-gv4-world-grid button{width:100%;padding:7px 9px;border:1px solid #dfcfb9;border-radius:10px;background:#f9efdf;color:#a08467;font-size:10px}.sjs-gv4-world-grid button:disabled{background:#f1eadf;color:#aaa293;border-color:#e7ddd0}.sjs-gv4-world-grid article.is-undiscovered>img{filter:grayscale(.6) brightness(.8);opacity:.55}.sjs-gv4-unexplored-label{font-size:10px;color:#ab9d8e}
@media(max-width:899px){.sjs-gv4-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sjs-gv4-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sjs-gv4-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sjs-gv4-codex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px){.sjs-gv4-panels{font-size:12px}.sjs-gv4-panel-intro{margin-bottom:17px}.sjs-gv4-panel-intro h2{font-size:23px}.sjs-gv4-panel-intro p{font-size:12px}.sjs-gv4-inventory-layout{grid-template-columns:1fr;gap:15px}.sjs-gv4-item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sjs-gv4-item-slot{padding:12px 5px;border-radius:14px}.sjs-gv4-item-slot.is-selected{padding:11px 4px}.sjs-gv4-item-slot img{width:59px;height:59px}.sjs-gv4-item-slot strong{font-size:10px}.sjs-gv4-item-detail{position:static;display:grid;grid-template-columns:65px 1fr;padding:16px;gap:12px}.sjs-gv4-item-detail>.sjs-gv4-item-art{height:65px;width:65px;margin:5px 0}.sjs-gv4-item-detail h3{font-size:16px}.sjs-gv4-item-detail p{font-size:11px}.sjs-gv4-detail-actions{grid-column:1/-1}.sjs-gv4-item-detail.is-idle{min-height:110px;display:flex}.sjs-gv4-item-detail.is-idle>span{font-size:28px}.sjs-gv4-recipe-grid{grid-template-columns:1fr;gap:11px}.sjs-gv4-recipe{padding:17px}.sjs-gv4-recipe-top>.sjs-gv4-item-art{width:66px;height:66px}.sjs-gv4-deck-bar{gap:9px;padding:12px}.sjs-gv4-deck-bar>div{min-width:52px}.sjs-gv4-deck-bar strong{font-size:17px}.sjs-gv4-deck-bar>button{padding:7px 10px;font-size:11px}.sjs-gv4-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sjs-gv4-deck-card{border-radius:13px;padding:4px}.sjs-gv4-card-picture{border-radius:9px}.sjs-gv4-card-copy{padding:7px 4px;gap:3px}.sjs-gv4-card-copy>strong{font-size:10px}.sjs-gv4-card-copy>small,.sjs-gv4-card-copy>span{font-size:8px}.sjs-gv4-card-copy>p{font-size:8px}.sjs-gv4-card-role{font-size:7px;padding:1px 4px;bottom:5px;left:5px}.sjs-gv4-card-picked{width:21px;height:21px;top:5px;right:5px;font-size:11px}.sjs-gv4-combo-preview{padding:14px 15px}.sjs-gv4-codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sjs-gv4-codex-entry{padding:12px 7px;border-radius:13px}.sjs-gv4-codex-entry>img{height:64px;width:64px}.sjs-gv4-codex-entry>strong{font-size:10px}.sjs-gv4-codex-entry>small{font-size:8px}.sjs-gv4-codex-entry>p{font-size:9px}.sjs-gv4-current-quest{padding:19px}.sjs-gv4-current-quest h3{font-size:17px}.sjs-gv4-current-quest>div:not(.sjs-gv4-quest-dots){padding:12px}.sjs-gv4-journal-heading h3{font-size:12px}.sjs-gv4-journal-heading button{font-size:10px;padding:6px 9px}.sjs-gv4-journal-list>article{grid-template-columns:43px 1fr;gap:10px;padding:14px}.sjs-gv4-journal-list h4{font-size:12px}.sjs-gv4-journal-list p{font-size:11px}.sjs-gv4-journal-list>article>span{font-size:9px}.sjs-gv4-journal-books{grid-template-columns:1fr}.sjs-gv4-home-inspiration{flex-wrap:wrap;padding:17px}.sjs-gv4-home-inspiration>p{min-width:180px;font-size:11px}.sjs-gv4-home-inspiration button{width:100%}.sjs-gv4-placed-grid{grid-template-columns:1fr}.sjs-gv4-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sjs-gv4-world-grid article{border-radius:15px}.sjs-gv4-world-grid article>div{padding:11px}.sjs-gv4-world-grid h4{font-size:12px}.sjs-gv4-world-grid p{font-size:10px;min-height:62px}.sjs-gv4-world-grid button{font-size:9px}.sjs-gv4-empty-pocket{padding:30px 14px}.sjs-gv4-category-tabs button{padding:8px 12px;font-size:11px}.sjs-gv4-story-link{font-size:11px}.sjs-gv4-panel-subtitle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sjs-gv4-item-slot,.sjs-gv4-deck-card,.sjs-gv4-codex-progress i{transition:none}.sjs-gv4-item-slot:hover,.sjs-gv4-deck-card:not(:disabled):hover{transform:none}}

.sjs-gv4-journal-books button{text-align:left}.sjs-gv4-panel-link-row{display:flex;gap:10px;flex-wrap:wrap}

/* src/components/game-v4/living-world.css */
/* The existing world remains the visual base; these states only refine feedback. */
.sjs-world[data-player-action=collect] .sjs-world-location-dot{background:#e5b097}
.sjs-world[data-player-action=craft] .sjs-world-location-dot{background:#c99c65}
.sjs-world[data-player-action=eat] .sjs-world-location-dot{background:#b6ba8a}
.sjs-world[data-player-action=sleep] .sjs-world-location-dot{background:#b0bfd6}
.sjs-world[data-season=winter]{background:#e2eaee}
.sjs-world[data-season=autumn]{background:#ebe5dd}
.sjs-world .sjs-world-companion-note{transition:background .25s,border-color .25s;border:1px solid rgba(232,210,170,.42)}
.sjs-world[data-companion-behavior=discover] .sjs-world-companion-note,.sjs-world[data-companion-behavior=dig] .sjs-world-companion-note{background:rgba(255,248,229,.95);border-color:rgba(201,156,101,.58)}
@media(prefers-reduced-motion:reduce){.sjs-world .sjs-world-companion-note{transition:none}}

/* src/components/game-v4/rpg-game.css */
.game-v4{--gv-ink:#25324a;--gv-pink:#f7c3cf;--gv-blue:#a9d5f4;--gv-gold:#c99c65;color:var(--gv-ink);max-width:1560px;margin:0 auto;padding:24px 26px 52px;font-size:15px}.game-v4 button{font:inherit;cursor:pointer;touch-action:manipulation}.game-v4 button:disabled{opacity:.5;cursor:wait}.game-v4 button:focus-visible,.game-v4 a:focus-visible,.game-v4 input:focus-visible{outline:3px solid #c99c65;outline-offset:4px}.gv-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 0 20px}.gv-title span{font-size:12px;letter-spacing:.24em;color:#9b7562}.gv-title h1{font-family:var(--font-serif,Georgia,serif);font-size:clamp(21px,2.5vw,32px);margin:7px 0}.gv-small,.gv-hud button,.gv-choice{border:1px solid #e8d2aa80;background:#fffdfbdc;color:var(--gv-ink);border-radius:13px;padding:10px 16px;min-height:44px;box-shadow:0 3px 12px #25324a08}.gv-small:hover,.gv-choice:hover{border-color:#f5a9ba;background:#fff3f5;transform:translateY(-1px)}.gv-world-shell{position:relative;overflow:hidden;border:1px solid #e8d2aa90;border-radius:28px;isolation:isolate;box-shadow:0 25px 75px #a1806026;background:#b6c4bd;min-height:540px}.gv-world-shell .gv-world{border-radius:0}.gv-hud{position:absolute;z-index:4;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}.gv-hud>div:first-child{display:flex;flex-direction:column;gap:4px;padding:11px 18px;background:#fffdfbe6;border:1px solid #e8d2aa80;border-radius:17px;box-shadow:0 4px 16px #25324a12}.gv-hud b{font-size:17px}.gv-hud span{font-size:12px;letter-spacing:.03em;color:#596573}.gv-hud-actions{display:flex;gap:7px;pointer-events:auto}.gv-hud button{padding:11px 14px;background:#fffdfbe6;display:flex;gap:7px;align-items:center}.gv-hud button span{color:var(--gv-ink)}.gv-quest{position:absolute;z-index:3;left:16px;top:96px;max-width:310px;padding:12px 18px;text-align:left;background:#fffdfbe8;border:1px solid #e8d2aa;border-radius:17px;display:flex;flex-direction:column;gap:5px;box-shadow:0 5px 20px #25324a15}.gv-quest span{font-size:11px;color:#a47c58;letter-spacing:.05em}.gv-quest strong{font-size:15px}.gv-quest small{font-size:12px;line-height:1.5;color:#596573}.gv-primary{border:1px solid #e67c93;background:linear-gradient(135deg,#f5879f,#ed6886);color:white;box-shadow:0 7px 23px #d9769140;border-radius:99px;min-height:48px;padding:13px 29px;font-weight:650!important;letter-spacing:.025em}.gv-primary:hover{filter:brightness(1.045);transform:translateY(-2px)}.gv-link{border:0;background:none;color:#526379;text-decoration:underline;text-underline-offset:4px;padding:8px 12px;min-height:44px}.gv-welcome{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:min(570px,calc(100% - 32px));padding:34px 42px;text-align:center;background:linear-gradient(135deg,#fffdfbed,#fff6f3e8);backdrop-filter:blur(8px);border:1px solid #ffffffd9;border-radius:28px;box-shadow:0 20px 60px #26334b30}.gv-welcome>span{font-size:12px;letter-spacing:.2em;color:#ab845d}.gv-welcome h2{font-family:var(--font-serif,Georgia,serif);font-size:clamp(23px,3.8vw,35px);line-height:1.25;margin:17px 0}.gv-welcome p{line-height:1.75;color:#546273;margin:0 0 22px}.gv-welcome button{display:block;margin:8px auto}.gv-placement{position:absolute;z-index:4;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center;max-width:90%;padding:12px 20px;background:#fffdfbf2;border:1px solid #e8d2aa;border-radius:15px}.gv-placement button{border:0;background:#f7c3cf55;border-radius:9px;padding:7px 12px;min-height:40px}.gv-toast{position:absolute;z-index:5;bottom:98px;left:50%;transform:translateX(-50%);width:min(640px,90%);background:#fffdfbe8;border:1px solid #e8d2aa;border-radius:16px;padding:13px 35px 13px 20px;box-shadow:0 5px 25px #25324a16;pointer-events:auto}.gv-toast p{margin:2px;font-size:14px;line-height:1.5}.gv-toast button{position:absolute;top:4px;right:4px;background:none;border:none;font-size:23px;width:35px;height:35px}.gv-overlay{position:absolute;inset:0;z-index:15;background:#20334b57;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}.gv-dialog{position:relative;width:min(680px,100%);max-height:calc(100% - 8px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(140deg,#fffdfb,#fff7f5);border:1px solid #f9e2d2;border-radius:24px;padding:30px;box-shadow:0 25px 80px #19284045}.gv-dialog h2{font-family:var(--font-serif,Georgia,serif);font-size:clamp(21px,3vw,30px);line-height:1.25;margin:0 36px 16px 0}.gv-dialog p{line-height:1.75}.gv-close{position:absolute;z-index:3;right:9px;top:9px;width:40px;height:40px;border:1px solid #e8d2aa80;background:#fffdfbdc;border-radius:50%;font-size:26px!important;line-height:1;color:#526379}.gv-panel{width:min(950px,100%)}.gv-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}.gv-menu-grid button{display:flex;flex-direction:column;gap:10px;align-items:center;padding:22px 10px;border:1px solid #ead9c6;border-radius:20px;background:#fffdfbcc;color:#25324a;min-height:120px}.gv-menu-grid span{font-size:28px;color:#b49473}.gv-menu-grid button:hover{background:#fcecf0}.gv-menu-foot{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.gv-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.gv-item-grid button{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 8px;background:#fffdfb;border:1px solid #ead9c6;border-radius:16px;color:#25324a}.gv-item-grid img{width:64px;height:64px;object-fit:contain}.gv-item-grid b{font-size:12px}.gv-item-grid small{font-size:11px;color:#7f7169}.gv-settings{display:grid;gap:18px}.gv-settings label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #ead9c6}.gv-settings input[type=range]{width:60%;accent-color:#ed7894}.gv-settings input[type=checkbox]{width:24px;height:24px;accent-color:#ed7894}.gv-help{padding-left:24px;display:grid;gap:18px;line-height:1.8}.gv-help li::marker{color:#b78b64}.gv-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.gv-slots article{padding:20px 16px;border:1px solid #ead9c6;border-radius:20px;background:#fffdfb}.gv-slots article.selected{border-color:#e990a7;background:#fff1f5}.gv-slots span{font-size:11px;letter-spacing:.1em;color:#a28062}.gv-slots h3{font-size:19px}.gv-slots p{font-size:12px;min-height:48px}.gv-slots button{display:block;width:100%;margin-top:8px;font-size:12px}.gv-save-actions{display:flex;gap:10px;flex-wrap:wrap}.gv-npc{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.gv-npc-portrait{position:relative;align-self:start}.gv-npc-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px}.gv-npc-portrait span{display:block;text-align:center;padding:11px;background:#f7c3cf4d;border-radius:12px;margin-top:10px}.gv-dialogue{border-top:1px solid #ead9c6;padding-top:10px;margin-top:20px}.gv-dialogue button{display:block;width:100%;text-align:left;margin-bottom:8px}.gv-gift summary{cursor:pointer;margin-top:20px;color:#a57963}.gv-gift .gv-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gv-rest-art{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:15px}.gv-event{position:absolute;z-index:6;bottom:18px;right:18px;width:340px;max-width:calc(100% - 36px);padding:20px;background:#fffdfbf2;border:1px solid #e8d2aa;border-radius:22px;box-shadow:0 10px 40px #25324a20}.gv-event>span{font-size:11px;color:#a57963}.gv-event h3{font-size:18px;margin:10px 0}.gv-event p{font-size:13px;line-height:1.6}.gv-event button{padding:8px 12px;font-size:12px;display:block;width:100%;margin-top:6px;text-align:left}.gv-reward{text-align:center;overflow:visible;width:min(720px,100%);box-shadow:0 0 100px #f9dfaf66;background:radial-gradient(ellipse at 50% 20%,#ffffff,#fff8f0)}.gv-reward-kicker{font-size:11px;letter-spacing:.12em;color:#b68b57}.gv-reward h2{margin:13px 0 24px}.gv-reward-items{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;max-height:270px;overflow:auto;padding:12px 8px}.gv-reward-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:110px;padding:10px;animation:gv-present .65s cubic-bezier(.17,.67,.34,1.27) both}.gv-reward-item img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 16px #b5a79740)}.gv-reward-item b{font-size:13px}.gv-reward-card{position:relative;width:135px;border:1px solid #d5b98b;border-radius:18px;padding:7px;background:#fff;animation:gv-card-flip .75s ease both;box-shadow:0 5px 25px #d8b87345}.gv-reward-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}.gv-reward-card b{display:block;margin:8px 0;font-size:14px}.gv-reward-card span{font-size:9px;letter-spacing:.11em;color:#9e7657}.gv-new{position:absolute;right:0;top:0;background:#f48b9e;color:#fff;border-radius:10px;font-size:9px;padding:3px 7px}.gv-rarity-legendary{border:2px solid #d1a65d;box-shadow:0 0 100px #ffdf96a1}.gv-rarity-epic{border:2px solid #c0a1d6}.gv-route-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}.gv-route-choices button{padding:8px;text-align:left}.gv-route-choices img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.gv-route-choices strong{font-size:12px;line-height:1.5;display:block;margin:8px}.gv-bug{text-align:center}.gv-butterfly-target{border:0;background:radial-gradient(ellipse,#dcedec,#fff4f3);width:210px;height:150px;border-radius:50%;color:#986bbe;font-size:30px!important;display:flex;align-items:center;justify-content:center;gap:14px;margin:24px auto}.gv-butterfly-target span{display:inline-block;font-size:65px;animation:gv-flutter 2s ease-in-out infinite}.gv-fishing{position:absolute;z-index:10;bottom:18px;left:18px;width:min(430px,calc(100% - 36px));background:linear-gradient(135deg,#fffdfbf5,#f0f8faf0);padding:24px;border:1px solid #e8d2aa;border-radius:24px;box-shadow:0 10px 50px #25324a30;text-align:center}.gv-fishing-title{display:flex;align-items:center;text-align:left;gap:10px}.gv-fishing-title>span{font-size:36px;color:#7bafb8}.gv-fishing h2{font-size:16px;margin:0 32px 5px 0}.gv-fishing p{font-size:12px;line-height:1.5;margin:6px 0}.gv-water-view{height:110px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(#b9d6d3,#82b5bd);margin:16px 0;box-shadow:inset 0 -15px 20px #397b9920}.gv-water-view:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(176deg,#ffffff15 0 2px,transparent 3px 22px);animation:gv-water 3s linear infinite}.gv-float{position:absolute;left:50%;top:47%;width:7px;height:20px;border-radius:5px;background:linear-gradient(#f1758b 40%,white 40% 70%,#d2a761 70%);box-shadow:0 4px 10px #376c8950;animation:gv-bob 2s ease-in-out infinite}.gv-ripple{position:absolute;left:calc(50% - 26px);top:55%;width:60px;height:13px;border:1px solid #ffffff70;border-radius:50%;animation:gv-ripple 2.3s linear infinite}.gv-ripple.second{animation-delay:1.15s}.gv-fish-shadow{position:absolute;left:25%;top:55%;width:50px;height:12px;border-radius:50%;background:#32678366;animation:gv-swim 5s ease-in-out infinite}.gv-cast-line{position:absolute;left:0;top:0;width:52%;height:57%;border-right:1px solid #ffffffa0;transform:skewX(25deg);transform-origin:top}.gv-fish-bite .gv-float{animation:gv-bite .2s alternate infinite}.gv-fish-reel .gv-water-view{box-shadow:inset 0 0 25px #82b7cb}.gv-cast-meter{height:18px;position:relative;border-radius:50px;background:linear-gradient(90deg,#dae6dd 33%,#b4d5e1 33% 70%,#9bb7d1 70%);margin-top:12px}.gv-cast-meter>span{position:absolute;top:-4px;bottom:-4px;width:7px;margin-left:-3px;background:#f18ca4;border:2px solid white;border-radius:7px}.gv-cast-zones{display:flex;justify-content:space-between;font-size:10px;color:#718290;margin:8px 0 17px}.gv-tension-label{display:flex;justify-content:space-between;font-size:11px;color:#61788b}.gv-tension{height:17px;background:linear-gradient(90deg,#f5c6cc 14%,#acd1df 14% 88%,#f5c6cc 88%);border-radius:12px;position:relative;margin:10px 0}.gv-tension>i{position:absolute;width:7px;height:23px;top:-3px;background:#5b6c81;border:2px solid white;border-radius:8px}.gv-reel-progress{height:5px;background:#dfe8e8;border-radius:5px;overflow:hidden;margin:14px 0}.gv-reel-progress span{height:100%;display:block;background:#c8a668}.gv-hold{user-select:none;touch-action:none;width:100%}.gv-bite{animation:gv-now .5s ease-in-out infinite}.gv-water-dots{display:block;letter-spacing:14px;font-size:21px;color:#7bafb8;animation:gv-bob 1.5s infinite}.gv-world-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 8px;color:#667186;font-size:12px}.gv-world-footer p{margin:0;line-height:1.6;max-width:780px}.gv-world-footer span{white-space:nowrap;color:#a08161}.gv-battle{position:absolute;inset:0;z-index:11;display:grid;grid-template-columns:1.25fr 1fr;background:#fff9f7}.gv-battle-scene{position:relative;background-size:cover;background-position:center;overflow:hidden;padding:22px;color:white;display:flex;flex-direction:column}.gv-battle-scene header{position:relative;z-index:2}.gv-battle-scene header span{font-size:11px;letter-spacing:.08em}.gv-battle-scene h2{font-family:Georgia,serif;font-size:25px;margin:10px 0}.gv-battle-scene p{font-size:12px;line-height:1.5;max-width:480px}.gv-enemy-orb{position:relative;align-self:center;width:155px;margin:auto;filter:drop-shadow(0 5px 20px #28365360)}.gv-enemy-orb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #e8d2aa}.gv-enemy-hp{display:block;width:100%;height:6px;background:#fff5;border-radius:10px;margin-top:13px;overflow:hidden}.gv-enemy-hp i{display:block;height:100%;background:#d2c9f2;transition:width .5s}.gv-party-bar{font-size:10px;margin:20px 0 12px;display:flex;gap:10px;align-items:center;position:relative;z-index:2}.gv-party-bar>div{height:6px;background:#ffffff30;flex:1;overflow:hidden;border-radius:8px}.gv-party-bar i{display:block;height:100%;background:#a5d1cb;transition:width .5s}.gv-battle-team{display:flex;gap:6px;justify-content:center;margin-bottom:5px;position:relative;z-index:2}.gv-battle-card{width:20%;min-width:0;position:relative;border:1px solid #e8d2aa80;background:#fffdfbd9;border-radius:14px;padding:4px;color:#25324a;transform-origin:bottom}.gv-battle-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px}.gv-battle-card span{font-size:10px;display:block;text-align:center;padding:4px}.gv-battle-card small{font-size:8px;display:block;text-align:center;color:#817161}.gv-battle-card.acting{animation:gv-attack 1.5s both;box-shadow:0 0 35px #ffe9ab}.gv-battle-bottom{padding:28px;overflow:auto}.gv-battle-bottom>p{font-size:15px;line-height:1.7}.gv-battle-bottom>small{display:block;line-height:1.6;color:#758497;font-size:11px;margin-top:20px}.gv-battle-choices{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.gv-battle-choices button{flex:1;min-width:130px;font-size:13px;padding:16px 12px;min-height:62px}.gv-battle-log{margin:20px 0;font-size:13px;color:#607182;line-height:1.65}.gv-combos{font-size:12px;line-height:1.6;border-top:1px solid #e8d2aa;padding-top:16px;margin-top:24px}.gv-combos summary{cursor:pointer;color:#a27d60}.gv-combo-reveal{position:absolute;z-index:5;top:37%;left:0;right:0;text-align:center;background:linear-gradient(90deg,transparent,#25324acc,transparent);padding:20px;animation:gv-combo 2.3s both;pointer-events:none}.gv-combo-reveal span{display:block;letter-spacing:.14em;font-size:11px;color:#f1d2a7}.gv-combo-reveal strong{font-family:Georgia,serif;font-size:32px;display:block;margin-top:8px;text-shadow:0 0 22px #ffffffaa}.gv-skill-reveal{position:absolute;left:0;right:0;top:38%;text-align:center;z-index:4;font-size:21px;text-shadow:0 3px 15px #152942;animation:gv-combo 1.8s both}.gv-impact-ring{position:absolute;left:50%;top:50%;width:150px;height:150px;border:2px solid #fff8d1;border-radius:50%;animation:gv-impact .7s both;pointer-events:none}.gv-reduced *, .gv-reduced *:before,.gv-reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.gv-rift>span{font-size:12px;color:#a48469;letter-spacing:.1em}.gv-rift h2{margin-top:14px}.gv-panel-practice,.gv-panel-memories{width:min(1100px,100%)}
@keyframes gv-present{from{opacity:0;transform:translateY(40px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gv-card-flip{from{transform:rotateY(160deg) scale(.7);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes gv-flutter{0%,100%{transform:translate(-35px,10px) rotate(-15deg)}50%{transform:translate(30px,-12px) rotate(15deg)}}@keyframes gv-water{to{transform:translateY(22px)}}@keyframes gv-bob{50%{transform:translateY(4px)}}@keyframes gv-ripple{from{transform:scale(.4);opacity:.8}to{transform:scale(2.7);opacity:0}}@keyframes gv-swim{0%,100%{transform:translate(0,0) rotate(10deg)}50%{transform:translate(140px,13px) rotate(-5deg)}}@keyframes gv-bite{to{transform:translateY(16px)}}@keyframes gv-now{50%{box-shadow:0 0 30px #f4a2b8;transform:scale(1.03)}}@keyframes gv-attack{0%{transform:translateY(0)}18%{transform:translateY(7px) rotate(-4deg)}35%{transform:translateY(-35px) scale(1.13)}55%{transform:translateY(-25px);filter:brightness(1.5)}100%{transform:translateY(0)}}@keyframes gv-combo{0%{opacity:0;transform:translateY(15px)}20%,65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}@keyframes gv-impact{from{transform:translate(-50%,-50%) scale(.1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}
@media(max-width:850px){.game-v4{padding:15px 14px 28px}.gv-world-shell{border-radius:22px}.gv-quest{max-width:270px;top:86px;padding:10px 14px}.gv-quest small{font-size:11px}.gv-battle{grid-template-columns:1fr;grid-template-rows:58% 42%}.gv-battle-scene{padding:16px}.gv-battle-scene header p{max-width:70%;font-size:10px;margin:3px 0}.gv-battle-scene h2{font-size:19px;margin:6px 0}.gv-enemy-orb{position:absolute;width:95px;right:20px;top:30px}.gv-battle-team{margin-top:auto;max-width:420px;align-self:center;width:100%}.gv-battle-card img{aspect-ratio:1}.gv-battle-card small{display:none}.gv-party-bar{margin-top:auto;width:100%;max-width:420px;align-self:center}.gv-battle-bottom{padding:16px 20px}.gv-battle-bottom>p{font-size:13px;margin:0}.gv-battle-choices{margin:13px 0;gap:8px}.gv-battle-choices button{min-width:90px;font-size:12px;padding:10px 8px;min-height:50px}.gv-combos{margin-top:14px}.gv-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gv-menu-grid button{font-size:12px;min-height:98px;padding:15px 5px}.gv-npc{grid-template-columns:150px 1fr;gap:18px}.gv-title h1{font-size:22px}.gv-world-footer{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:520px){.game-v4{padding:10px 8px 22px}.gv-title{padding:5px 5px 12px}.gv-title h1{font-size:18px;margin:4px 0;line-height:1.4}.gv-title span{font-size:10px;letter-spacing:.13em}.gv-small{font-size:11px!important;padding:9px 10px;white-space:nowrap}.gv-world-shell{border-radius:18px;min-height:600px}.gv-hud{top:9px;left:9px;right:9px}.gv-hud>div:first-child{padding:9px 12px;border-radius:14px}.gv-hud b{font-size:14px}.gv-hud span{font-size:10px}.gv-hud button{padding:9px 11px;font-size:14px}.gv-hud button span{display:none}.gv-quest{top:78px;left:9px;max-width:210px;padding:8px 12px}.gv-quest span{font-size:10px}.gv-quest strong{font-size:12px}.gv-quest small{font-size:10px;line-height:1.5}.gv-welcome{padding:26px 23px}.gv-welcome h2{font-size:25px}.gv-welcome p{font-size:13px}.gv-overlay{padding:10px}.gv-dialog{padding:24px 19px;border-radius:20px;max-height:calc(100% - 6px)}.gv-dialog h2{font-size:22px}.gv-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.gv-menu-grid button{min-height:84px;flex-direction:row;justify-content:center;font-size:13px}.gv-menu-grid span{font-size:23px}.gv-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gv-npc{grid-template-columns:1fr}.gv-npc-portrait{width:115px;float:left;display:flex;gap:12px;align-items:center}.gv-npc-portrait img{aspect-ratio:1;max-width:100px}.gv-npc-portrait span{min-width:100px;margin:0}.gv-npc p{font-size:13px}.gv-slots{grid-template-columns:1fr;gap:9px;margin:15px 0}.gv-slots article{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.gv-slots article>span,.gv-slots article>h3,.gv-slots article>p{grid-column:1/-1;margin:0}.gv-slots h3{font-size:17px}.gv-slots p{min-height:unset;font-size:11px}.gv-slots button{margin:0;min-height:40px}.gv-fishing{padding:13px 14px;bottom:10px;left:10px;width:calc(100% - 20px)}.gv-fishing-title h2{font-size:14px}.gv-water-view{height:38px;margin:8px 0}.gv-fishing-title>span{font-size:25px}.gv-fishing h2{font-size:12px;margin-bottom:3px}.gv-fishing p{font-size:11px}.gv-fishing .gv-primary{min-height:44px;padding:10px 18px}.gv-cast-zones{margin:5px 0 10px}.gv-reel-progress{margin:9px 0}.gv-toast{bottom:95px;font-size:12px;padding:11px 30px 11px 13px}.gv-toast p{font-size:12px}.gv-reward-items{gap:5px;max-height:285px;padding:6px}.gv-reward-item{min-width:95px}.gv-reward-item img{width:73px;height:73px}.gv-reward-card{width:114px}.gv-route-choices{grid-template-columns:1fr;gap:8px;margin:16px 0}.gv-route-choices button{display:flex;align-items:center;gap:10px}.gv-route-choices img{width:90px;height:65px}.gv-event{bottom:82px;right:10px;max-width:calc(100% - 20px);padding:14px}.gv-event p{max-height:60px;overflow:auto}.gv-event h3{margin:5px 0}.gv-world-footer{padding:12px 5px}.gv-world-footer p{font-size:11px}.gv-combo-reveal strong{font-size:25px}.gv-battle-bottom{padding:15px}.gv-battle-log p{margin:4px 0;font-size:11px}.gv-battle-bottom>small{margin-top:10px;font-size:10px}.gv-skill-reveal{font-size:17px}.gv-battle-team{max-width:310px}.gv-battle-scene{padding:14px}.gv-battle-team{gap:4px}.gv-battle-card span{font-size:9px;padding:3px}.gv-enemy-orb{width:80px;right:15px;top:35px}.gv-battle-scene h2{max-width:70%}.gv-save-actions button{font-size:12px;padding:10px 13px}.gv-help{font-size:13px;gap:12px}}
@media(prefers-reduced-motion:reduce){.game-v4 *,.game-v4 *:before,.game-v4 *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.game-v4 .sjs-world{border-radius:0}.game-v4 .sjs-world-canvas{height:clamp(600px,73vh,810px)}.game-v4 .sjs-world-location{display:none}.game-v4 .sjs-world-controls-hint{top:auto;bottom:20px;right:20px;max-width:230px}.game-v4 .sjs-world-companion-note{max-width:230px}@media(max-width:699px){.game-v4 .sjs-world-canvas{height:620px}.game-v4 .sjs-world-controls-hint{top:auto;bottom:118px;left:12px;right:auto;max-width:240px}.game-v4 .sjs-world-joystick{bottom:20px}}

.gv-save-feedback{padding:12px 15px;background:#edf5f4;border:1px solid #cbdfdc;border-radius:13px;color:#456770;line-height:1.6}
.game-v4 .gv-reward-overlay{z-index:20}

.gv-welcome .gv-welcome-today{margin:14px 0 18px;padding:10px 16px;border:1px solid #e6dce580;border-radius:14px;background:#fff8f56e}.gv-welcome-today small{display:block;font-size:10px;color:#8e7c95;margin-bottom:4px;letter-spacing:.04em}.gv-welcome-today b{font-size:13px;font-weight:500}

/* src/components/game-v4/world-canvas.css */
.sjs-world{position:relative;width:100%;overflow:hidden;border:1px solid rgba(213,178,159,.52);border-radius:28px;background:#dfebea;box-shadow:0 18px 54px rgba(89,108,125,.13),0 2px 12px rgba(184,148,156,.1);isolation:isolate}
.sjs-world-canvas{display:block;width:100%;height:590px;outline:none;touch-action:none;cursor:crosshair;border-radius:inherit}
.sjs-world-canvas:focus-visible{outline:3px solid #d092a4;outline-offset:-5px}
.sjs-world-location{position:absolute;top:18px;left:18px;display:grid;grid-template-columns:8px auto;gap:4px 9px;padding:11px 15px;max-width:calc(100% - 36px);border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,250,242,.9);box-shadow:0 3px 13px rgba(96,114,124,.12);color:#31435b;pointer-events:none}
.sjs-world-location-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#9cae8b;box-shadow:0 0 0 4px rgba(168,194,157,.2)}
.sjs-world-location strong{font-size:14px;font-weight:650;line-height:1.35;letter-spacing:.03em}.sjs-world-location small{grid-column:2;font-size:11px;color:#6b7887}
.sjs-world-controls-hint{position:absolute;right:18px;top:19px;max-width:55%;padding:9px 13px;border:1px solid rgba(255,255,255,.65);border-radius:15px;background:rgba(255,251,245,.83);color:#55687a;font-size:11px;line-height:1.6;pointer-events:none}
.sjs-world-touch-hint{display:none}
.sjs-world-action{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);z-index:3;display:flex;justify-content:center;pointer-events:none}
.sjs-world-action button{pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:56px;max-width:100%;padding:10px 19px;border:1px solid rgba(255,255,255,.95);border-radius:20px;color:#39475c;background:linear-gradient(135deg,#fff8e9,#fff0f3);box-shadow:0 6px 24px rgba(62,77,93,.23);transition:transform .18s,box-shadow .18s;cursor:pointer;touch-action:manipulation}
.sjs-world-action button:hover{transform:translateY(-2px);box-shadow:0 9px 27px rgba(62,77,93,.24)}.sjs-world-action button:active{transform:translateY(0) scale(.98)}.sjs-world-action button:focus-visible{outline:3px solid #bb8399;outline-offset:3px}
.sjs-world-action button>span:first-child{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:#aa8392;background:#f8e3e7;font-size:19px;flex-shrink:0}.sjs-world-action button>span:nth-child(2){display:grid;text-align:left;gap:3px;min-width:0}.sjs-world-action strong{font-size:14px;line-height:1.2}.sjs-world-action small{font-size:11px;color:#70808d;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sjs-world-action kbd{padding:3px 6px;border:1px solid #d9c9b9;border-radius:5px;font-size:11px;color:#867b73;background:#fffdf8}
.sjs-world-companion-note{padding:9px 14px;border-radius:16px;background:rgba(255,251,244,.87);font-size:11px;line-height:1.55;box-shadow:0 3px 14px rgba(71,100,98,.1);color:#556877;text-align:center}
.sjs-world .sjs-world-joystick{display:none;position:absolute;bottom:29px;left:20px;z-index:4;width:78px;height:78px;padding:0;border:1px solid rgba(255,255,255,.74);border-radius:50%;background:rgba(255,252,245,.25);box-shadow:0 3px 18px rgba(60,84,104,.16);touch-action:none;cursor:grab}
.sjs-world-joystick span{display:grid;place-items:center;width:44px;height:44px;margin:16px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,249,240,.9);box-shadow:0 2px 8px rgba(56,86,99,.15);font-size:18px;color:#8d9dab;pointer-events:none}.sjs-world-joystick:focus-visible{outline:3px solid #bd91a2;outline-offset:3px}
.sjs-world.is-paused .sjs-world-canvas{cursor:default}.sjs-world.is-placing .sjs-world-canvas{cursor:copy}
.sjs-world-a11y{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:699px){.sjs-world{border-radius:22px}.sjs-world-canvas{height:490px}.sjs-world-location{top:12px;left:12px;padding:9px 12px;border-radius:15px;max-width:calc(100% - 24px)}.sjs-world-location strong{font-size:12px}.sjs-world-location small{font-size:10px}.sjs-world-controls-hint{top:78px;left:12px;right:auto;max-width:calc(100% - 24px);font-size:10px;padding:6px 10px;border-radius:10px}.sjs-world .sjs-world-joystick{display:block}.sjs-world-action{left:auto;right:12px;bottom:26px;transform:none;max-width:calc(100% - 120px)}.sjs-world-action button{gap:8px;padding:10px 12px;border-radius:17px;min-height:57px}.sjs-world-action small{max-width:135px;font-size:10px}.sjs-world-action kbd{display:none}.sjs-world-companion-note{font-size:10px;padding:8px 10px;max-width:190px;text-align:left}.sjs-world-action button>span:first-child{width:27px;height:27px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.sjs-world-action button{transition:none}.sjs-world-action button:hover{transform:none}}
@media(max-width:699px),(pointer:coarse){.sjs-world-keyboard-hint{display:none}.sjs-world-touch-hint{display:inline}.sjs-world .sjs-world-joystick{display:block}.sjs-world-action kbd{display:none}}


/* src/components/game-v4/zz-journey-experience.css */
/* Journey experience: scene art stays intact; controls occupy predictable safe edges. */
.sjs-game-shell .game-v4[data-journey-experience] {
  --journey-ink:#173a3e; --journey-deep:#102e31; --journey-teal:#285b5d;
  --journey-paper:#faf6ec; --journey-gold:#d7ba82; --journey-muted:#b6c8bf;
  max-width:1680px; margin:0 auto; background:#102e31; padding:20px 28px 26px; color:var(--journey-paper);
}
.sjs-game-shell .game-v4[data-journey-experience] .gv-title {padding:0 0 15px; gap:16px; min-width:0}
.sjs-game-shell .game-v4[data-journey-experience] .gv-title>div {flex:1;min-width:0}
.sjs-game-shell .game-v4[data-journey-experience] .gv-title span {color:#c5b58f;font-size:10px;letter-spacing:.15em}
.sjs-game-shell .game-v4[data-journey-experience] .gv-title h1 {font-size:clamp(18px,2.2vw,29px);font-weight:500;letter-spacing:.04em;line-height:1.3;margin:6px 0 0}
.sjs-game-shell .game-v4[data-journey-experience] .gv-title .arcana-rpg-link,
.sjs-game-shell .game-v4[data-journey-experience] .gv-title .gv-small {border:1px solid #c9b47e52;background:#163b3ce8;color:#eee6d3;box-shadow:none;min-height:44px;display:inline-flex;align-items:center;border-radius:9px;padding:10px 14px;font-size:12px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-world-shell {height:auto;min-height:0;border:1px solid #d2bd8b66;border-radius:20px;min-height:0;box-shadow:0 22px 60px #020e154d;background:#345c57}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world {border:0;box-shadow:none;border-radius:0}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-canvas {min-height:0;height:clamp(560px,calc(100svh - 190px),840px)}
.sjs-game-shell .game-v4[data-journey-experience] .gv-world-shell:after {content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 5px #0f2e2b12;pointer-events:none;z-index:1}
.sjs-game-shell .game-v4[data-journey-experience] button {transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.sjs-game-shell .game-v4[data-journey-experience] button:disabled {cursor:not-allowed;opacity:.46}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud {top:16px;left:18px;right:18px;align-items:flex-start}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud>div:first-child {border:1px solid #dfd4b278;background:#143a35ed;color:#fff7e8;box-shadow:0 5px 18px #102c3630;border-radius:12px;padding:10px 15px;gap:3px;max-width:calc(100% - 110px)}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud b {font-family:var(--font-serif,Georgia,serif);font-size:18px;font-weight:500}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud span {font-size:11px;color:#e4e5d3;letter-spacing:0}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud .gv-location-kicker {font-size:9px;color:#d9c18d;letter-spacing:.13em}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud-actions {gap:6px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud-actions button {display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:#153c36ed;color:#fff4de;border:1px solid #dfd4b278;border-radius:10px;font-size:21px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud-actions button span {display:block;color:inherit;font-size:21px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-hud-actions [data-journey-action=sound]>span {color:#fff4de}
.sjs-game-shell .game-v4[data-journey-experience] .gv-objective {position:absolute;z-index:4;top:108px;left:18px;width:330px;max-width:calc(100% - 36px);background:#fcf9eeeF;border:1px solid #fff9dfbd;box-shadow:0 8px 24px #193c3429;border-radius:12px;overflow:hidden;color:#214344}
.sjs-game-shell .game-v4[data-journey-experience] .gv-goal-strip.gv-now {position:relative;inset:auto;width:100%;max-width:none;z-index:0;display:flex;margin:0;padding:13px 44px 12px 13px;gap:10px;border:0;border-radius:0;box-shadow:none;background:transparent;align-items:flex-start;min-height:68px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-goal-strip.gv-now>div {gap:4px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-now .gv-now-icon {height:30px;width:30px;min-width:30px;margin-top:2px;font-size:20px!important;border:1px solid #b89b5e77;background:#ede2c7;color:#7c6738;border-radius:50%}
.sjs-game-shell .game-v4[data-journey-experience] .gv-now span {color:#7a6c48;font-size:9px;letter-spacing:.08em}
.sjs-game-shell .game-v4[data-journey-experience] .gv-now strong {font-size:15px;line-height:1.45;color:#183c3d;font-weight:650}
.sjs-game-shell .game-v4[data-journey-experience] .gv-now small {font-size:12px;line-height:1.65;color:#4a6562}
.sjs-game-shell .game-v4[data-journey-experience] .gv-objective-fold {position:absolute;z-index:2;top:3px;right:2px;display:grid;place-items:center;border:0;background:transparent;color:#526958;width:44px;height:44px;font-size:24px;border-radius:7px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-objective-actions {display:flex;gap:6px;padding:0 12px 12px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-objective-actions button {display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid #a997635e;border-radius:8px;background:#f0e8d6;color:#31524d;font-size:12px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-objective-actions button:first-child {flex:1;background:#255954;color:#fff6df;border-color:#214c46}
.sjs-game-shell .game-v4[data-journey-experience] .gv-objective[data-expanded=false] {width:330px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock {position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:6px;padding:9px 20px max(9px,env(safe-area-inset-bottom));border-top:1px solid #d5c58b66;background:linear-gradient(180deg,#103630f2,#0e2b28fa)}
.sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button {display:flex;align-items:center;justify-content:center;gap:9px;min-width:108px;min-height:46px;border:1px solid transparent;background:transparent;color:#e2e9d9;border-radius:9px;padding:8px 16px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button>span {font-size:21px;line-height:1;color:#d8bf85}
.sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock strong {font-size:12px;font-weight:500}
.sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button:hover,
.sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button[aria-pressed=true] {background:#66897933;border-color:#d9c68c66}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action {bottom:88px;max-width:min(340px,calc(100% - 40px))}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action button {border:1px solid #fff1c4bd;background:linear-gradient(145deg,#1d5b52,#17423d);color:#fff8e8;border-radius:12px;box-shadow:0 6px 22px #15352c66;min-height:58px}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action button>span:first-child {background:#d2c08f2b;color:#f1d696;border-radius:8px}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action small {color:#d7e5d6;font-size:12px;max-width:220px}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action kbd {background:#ffffff14;color:#eedfbd;border-color:#d9c99966}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-companion-note {background:#173a33d9;color:#f3efd9;border-color:#e4ce9670;font-size:12px;max-width:280px;border-radius:10px}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-controls-hint {bottom:87px;top:auto;right:18px;left:auto;background:#153b35cc;color:#f7f3e1;border:1px solid #f8f0cc57;border-radius:8px;font-size:11px;max-width:205px;line-height:1.5}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-route-notice {position:absolute;left:50%;top:22px;transform:translateX(-50%);z-index:3;pointer-events:none;max-width:40%;font-size:12px;line-height:1.5;padding:8px 13px;border:1px solid #f5deb278;border-radius:8px;background:#173c32e8;color:#fff6e0;text-align:center}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world .sjs-world-joystick {bottom:88px;left:23px;background:#153c3547;border-color:#fff8d599;width:82px;height:82px;box-shadow:0 5px 20px #21463b40}
.sjs-game-shell .game-v4[data-journey-experience] .sjs-world-joystick span {margin:18px;background:#edf1e0ed;color:#366052;border:1px solid #fff7d8;width:44px;height:44px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome {left:6%;top:50%;transform:translateY(-50%);width:min(480px,calc(100% - 36px));max-height:calc(100% - 126px);overflow:auto;text-align:left;background:linear-gradient(130deg,#fffaf0f5,#eceeddF2);border:1px solid #fff5d6d9;border-radius:16px;padding:30px 32px;box-shadow:0 15px 60px #19362e3b;backdrop-filter:blur(10px);color:#23443d}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome .gv-welcome-kicker {font-size:11px;color:#857245;letter-spacing:.18em}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome h2 {font-size:clamp(25px,3vw,36px);line-height:1.4;font-weight:500;margin:13px 0 15px;letter-spacing:.035em}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome p {font-size:13px;color:#4c675b;line-height:1.8;margin:0 0 17px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-features {list-style:none;display:flex;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:0;color:#456455}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-features li {display:flex;align-items:center;gap:5px;font-size:11px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-features span {font-size:18px;color:#967e42}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome .gv-welcome-today {background:#e9e7ce80;border:1px solid #b4a57555;border-left:3px solid #9c854b;border-radius:0 8px 8px 0;padding:10px 13px;margin-bottom:20px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-today small {color:#806c40;font-size:10px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-today b {font-size:13px;color:#284a3e}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome .gv-primary {width:100%;margin:0;min-height:50px;border-radius:9px;font-size:15px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome .gv-link {margin:6px 0 0;padding:8px 0;color:#486457;font-size:12px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-local {display:block;margin-top:8px;font-size:10px;line-height:1.7;color:#6e7a64}
.sjs-game-shell .game-v4[data-journey-experience] .gv-primary {background:linear-gradient(135deg,#276155,#19483e);border-color:#3c6b58;color:#fff7e4;box-shadow:0 5px 18px #24583b28;border-radius:10px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-primary:hover {transform:translateY(-1px);filter:brightness(1.12)}
.sjs-game-shell .game-v4[data-journey-experience] .gv-overlay {background:#102e376b;backdrop-filter:blur(5px);padding:18px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-dialog {color:#25483f;background:linear-gradient(135deg,#fcf9ee,#f1f1e5);border:1px solid #d4c89e;border-radius:16px;box-shadow:0 18px 65px #102c385c;padding:26px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-dialog h2 {font-weight:500;line-height:1.4;color:#1e453c;margin-right:54px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-dialog .gv-close {position:sticky;top:0;right:0;float:right;margin:-10px -10px 0 8px;width:44px;height:44px;min-height:44px;display:grid;place-items:center;border-radius:10px;border-color:#a2b5a67d;background:#f8f7e9f5;color:#315d50;z-index:8}
.sjs-game-shell .game-v4[data-journey-experience] .gv-choice,
.sjs-game-shell .game-v4[data-journey-experience] .gv-small {background:#fffdf1e8;border-color:#cbbf9766;color:#32594d;border-radius:9px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-choice:hover {background:#e6efde;border-color:#779e8677;transform:none}
.sjs-game-shell .game-v4[data-journey-experience] .gv-menu-grid button {background:#fbfbf2;border:1px solid #c9cfb5;border-radius:12px;min-height:100px;color:#2b5547;gap:8px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-menu-grid button:hover {background:#e5edd9}
.sjs-game-shell .game-v4[data-journey-experience] .gv-menu-grid span {color:#8a7952}
.sjs-game-shell .game-v4[data-journey-experience] .gv-item-grid button,
.sjs-game-shell .game-v4[data-journey-experience] .gv-slots article {border-color:#c3c7ad;background:#fffdf3;border-radius:12px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-slots article.selected {border-color:#689880;background:#e9f0df}
.sjs-game-shell .game-v4[data-journey-experience] .gv-settings select {max-width:65%;min-height:44px;color:#315948;background:#fffef4;border:1px solid #adb89b;border-radius:7px;padding:7px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-settings input {accent-color:#346c56}
.sjs-game-shell .game-v4[data-journey-experience] .gv-toast {bottom:168px;width:min(600px,calc(100% - 40px));border-radius:10px;background:#153d34ef;color:#fff9e9;border:1px solid #f3df9a6b;padding:11px 48px 11px 16px;box-shadow:0 8px 24px #13382f35}
.sjs-game-shell .game-v4[data-journey-experience] .gv-toast p {font-size:13px;line-height:1.55}
.sjs-game-shell .game-v4[data-journey-experience] .gv-toast button {width:44px;height:44px;min-height:44px;color:#eee9d2;top:0;right:0}
.sjs-game-shell .game-v4[data-journey-experience] .gv-pickup-feed {top:108px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-pickup-feed>span {background:#fff8e9f5;color:#2b5143;border-color:#d8c18c;border-radius:9px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-fishing {bottom:80px;left:18px;border:1px solid #d6c491;background:#f5f7eafa;color:#264c44;border-radius:16px;box-shadow:0 14px 45px #153e3a55}
.sjs-game-shell .game-v4[data-journey-experience] .gv-fishing .gv-close {width:44px;height:44px;min-height:44px;color:#345d50;border-color:#b7c3a6}
.sjs-game-shell .game-v4[data-journey-experience] .gv-placement {bottom:154px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-event {bottom:80px;background:#fff9edf5;border-color:#b9bb93;color:#315646;border-radius:14px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-reward {overflow:auto;background:radial-gradient(ellipse at 50% 0,#fffaf0,#eff0dc);border-color:#c9af79}
.sjs-game-shell .game-v4[data-journey-experience] .gv-reward .gv-primary {max-width:100%;white-space:normal}
.sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer {display:flex;padding:12px 2px 0;gap:18px;color:#c1cec1;font-size:11px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer p {flex:1;font-size:11px;color:#aebfb1}
.sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer>span {color:#cfbc91;font-size:11px}
.sjs-game-shell .game-v4[data-journey-experience] .gv-save-status {border:1px solid #d8c39136;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;color:#d9e7d5;background:#264d413d;border-radius:7px;font-size:11px;flex-shrink:0}
.sjs-game-shell .game-v4[data-journey-experience] .gv-save-status span {color:#e2c98e}
.sjs-game-shell .game-v4[data-journey-experience] .gv-save-status[data-save-status=warning] {color:#ffdab0;border-color:#ffc27580}
@media(max-width:900px) {
  .sjs-game-shell .game-v4[data-journey-experience] {padding:14px 14px 24px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title .arcana-rpg-link {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title h1 {font-size:21px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome {left:50%;transform:translate(-50%,-50%);max-height:calc(100% - 126px)}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer {flex-direction:row;flex-wrap:wrap;gap:8px 14px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer p {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-controls-hint {right:14px;bottom:154px;max-width:200px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button {min-width:0;flex:1;max-width:125px}
}
@media(max-width:699px) {
  .sjs-game-shell .game-v4[data-journey-experience] {padding:10px 9px 18px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title {padding:0 3px 10px;gap:8px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title>div>span {font-size:8px;letter-spacing:.12em}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title h1 {font-size:16px;letter-spacing:0;line-height:1.5;margin:4px 0 0}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title .gv-small {font-size:11px;padding:8px;min-width:50px;border-radius:8px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-world-shell {border-radius:12px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-canvas {min-height:0;height:max(560px,calc(100svh - 154px))}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud {top:10px;left:10px;right:10px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud>div:first-child {padding:8px 11px;max-width:calc(100% - 102px);border-radius:9px;gap:3px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud b {font-size:15px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud span {font-size:10px;line-height:1.45}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud .gv-location-kicker {font-size:8px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-objective {top:99px;left:10px;max-width:calc(100% - 20px);width:320px;border-radius:9px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-goal-strip.gv-now {padding:9px 43px 9px 10px;gap:8px;min-height:62px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-now strong {font-size:13px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-now small {font-size:11px;line-height:1.6}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-objective-actions {padding:0 10px 9px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-objective-actions button {font-size:11px;min-height:44px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock {padding:7px 7px max(7px,env(safe-area-inset-bottom));gap:2px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button {flex-direction:column;gap:4px;padding:4px 2px;min-height:48px;border-radius:7px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock strong {font-size:10px;line-height:1.2}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button>span {font-size:19px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action {bottom:84px;right:12px;left:auto;transform:none;max-width:calc(100% - 120px)}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action button {padding:9px 11px;gap:8px;border-radius:10px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action strong {font-size:13px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action small {font-size:11px;max-width:150px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-companion-note {font-size:11px;max-width:200px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world .sjs-world-joystick {left:16px;bottom:84px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-controls-hint {left:12px;right:auto;bottom:178px;font-size:10px;max-width:calc(100% - 24px);padding:6px 9px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-route-notice {top:auto;bottom:222px;max-width:calc(100% - 30px);width:max-content;font-size:11px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome {padding:23px 22px;width:calc(100% - 28px);max-height:calc(100% - 126px);border-radius:13px;top:55%}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome h2 {font-size:25px;margin:12px 0;line-height:1.45}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome p {font-size:12px;margin-bottom:13px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-features {gap:8px 12px;margin-bottom:14px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-features li {font-size:10px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome .gv-welcome-today {margin:10px 0 15px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-today b {font-size:12px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-overlay {padding:10px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-dialog {padding:20px 17px;border-radius:12px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-dialog h2 {font-size:23px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-menu-grid button {min-height:76px;gap:8px;font-size:12px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-toast {bottom:218px;padding:10px 43px 10px 12px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-toast p {font-size:12px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-pickup-feed {top:270px;right:10px;max-width:170px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-pickup-feed>span {font-size:11px;padding:6px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-fishing {bottom:72px;left:10px;width:calc(100% - 20px);padding:15px 14px;border-radius:12px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-fishing .gv-water-view {height:68px;margin:10px 0}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer {padding:9px 3px 0;align-items:center;justify-content:space-between}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer>span {font-size:10px;white-space:normal;text-align:right;max-width:45%}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-save-status {min-height:44px;font-size:10px;padding:6px 9px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-settings label {flex-wrap:wrap;gap:9px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-settings select {max-width:100%;width:100%;font-size:12px}
}
@media(max-height:550px) and (orientation:landscape) {
  .sjs-game-shell .game-v4[data-journey-experience] {padding:8px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-title {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-canvas {min-height:0;height:calc(100svh - 78px)}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud {top:8px;left:10px;right:10px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-hud>div:first-child {padding:7px 10px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-location-kicker {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-objective {top:76px;left:10px;width:270px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-now small {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-goal-strip.gv-now {min-height:50px;padding:8px 40px 8px 10px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-objective-actions {padding-bottom:6px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome {top:50%;max-height:calc(100% - 22px);width:min(500px,calc(100% - 100px));padding:18px 24px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome h2 {font-size:23px;margin:7px 0}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-features,.sjs-game-shell .game-v4[data-journey-experience] .gv-welcome-local {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome p {margin-bottom:10px;line-height:1.5}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-welcome .gv-welcome-today {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock {padding:4px 105px}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-quickdock button {min-height:44px;flex-direction:row}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-action {bottom:68px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world .sjs-world-joystick {bottom:66px;left:14px}
  .sjs-game-shell .game-v4[data-journey-experience] .sjs-world-controls-hint {display:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-toast {bottom:140px;max-width:45%;left:auto;right:14px;transform:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-world-footer {display:none}
}
.sjs-game-shell .game-v4[data-journey-experience] .gv-reduced button,
.sjs-game-shell .game-v4[data-journey-experience] .gv-reduced *:before,
.sjs-game-shell .game-v4[data-journey-experience] .gv-reduced *:after {transition:none!important}
@media(prefers-reduced-motion:reduce) {
  .sjs-game-shell .game-v4[data-journey-experience] button {transition:none}
  .sjs-game-shell .game-v4[data-journey-experience] .gv-primary:hover {transform:none}
}

/* src/game-ui/arcana-themes.css */
/* Six cosmetic themes. Identity, illustration geometry and card-back equipment remain independent. */
[data-arcana-theme],[data-arcana-theme=ARCHIVE]{
  --game-bg:#f4f1e9;--game-panel:#fffdf8;--game-ink:#292c31;--game-muted:#69685f;--game-line:#d6cebb;
  --game-active:#456c67;--game-gold:#96723e;--game-focus:#785c2b;--game-primary:#333d39;--game-primary-ink:#fffaf0;
  --game-selected:#e4e8da;--game-selected-ink:#354a3c;--game-success:#35634e;--game-success-soft:#dce8dc;--game-danger:#9b4e48;--game-danger-soft:#edddda;
  --game-table:radial-gradient(ellipse at 50% 35%,#30312b,#161b1b);--game-table-edge:#ddd4bf;--game-table-ink:#f5ecd7;--game-table-muted:#c5bfab;--game-table-line:#9c8352;--game-table-accent:#d3b879;--game-table-soft:#363a31;
  --game-shadow:0 8px 28px #26272b0b;--game-motion:160ms;
}
[data-arcana-theme=REALM_FOIL]{
  --game-bg:#f1eff5;--game-panel:#fffdfd;--game-ink:#353247;--game-muted:#726a7e;--game-line:#d5ccdf;
  --game-active:#5b527c;--game-gold:#856b91;--game-focus:#73528e;--game-primary:#63517c;--game-primary-ink:#fff9ff;
  --game-selected:#e8def1;--game-selected-ink:#4e3f65;--game-success:#436b63;--game-success-soft:#deeee8;--game-danger:#915665;--game-danger-soft:#f0e0e9;
  --game-table:repeating-radial-gradient(ellipse at 20% 120%,transparent 0 46px,#88aabd1c 47px 48px,transparent 49px 72px),linear-gradient(140deg,#263b58,#162b42 58%,#22364b);--game-table-edge:#d1dbe6;--game-table-ink:#eef6ff;--game-table-muted:#c0d1e2;--game-table-line:#8da4c2;--game-table-accent:#c8ddeb;--game-table-soft:#344860;
}
[data-arcana-theme=WOLF]{
  --game-bg:#edf1f5;--game-panel:#fbfdff;--game-ink:#283845;--game-muted:#657685;--game-line:#c9d4dd;
  --game-active:#486b83;--game-gold:#5f7b8d;--game-focus:#3e6c8d;--game-primary:#3c607a;--game-primary-ink:#f6fbff;
  --game-selected:#dce9f2;--game-selected-ink:#2e5470;--game-success:#3d7166;--game-success-soft:#daebe6;--game-danger:#985763;--game-danger-soft:#eedfe5;
  --game-table:radial-gradient(ellipse at 50% 35%,#334d62,#182a3b);--game-table-edge:#d1dce4;--game-table-ink:#eef4f8;--game-table-muted:#bdcdd8;--game-table-line:#a0b7c9;--game-table-accent:#d5e4ec;--game-table-soft:#354b5f;
}
[data-arcana-theme=PHOENIX]{
  --game-bg:#f6efea;--game-panel:#fffaf5;--game-ink:#492f2f;--game-muted:#82685e;--game-line:#dfcbbb;
  --game-active:#9b5140;--game-gold:#a2793d;--game-focus:#994c35;--game-primary:#984c3c;--game-primary-ink:#fff8ed;
  --game-selected:#f1ddca;--game-selected-ink:#79432d;--game-success:#477358;--game-success-soft:#e0e9d9;--game-danger:#a44345;--game-danger-soft:#f2dcda;
  --game-table:radial-gradient(ellipse at 50% 35%,#713f3a,#3d292a);--game-table-edge:#dcc3af;--game-table-ink:#fff1de;--game-table-muted:#e1c4b4;--game-table-line:#c89465;--game-table-accent:#efc78d;--game-table-soft:#70453e;
}
[data-arcana-theme=DRAGON]{
  --game-bg:#edf4ef;--game-panel:#fbfff9;--game-ink:#293f38;--game-muted:#667d70;--game-line:#c6d9cc;
  --game-active:#396e5e;--game-gold:#63805a;--game-focus:#306a55;--game-primary:#376859;--game-primary-ink:#f4fff4;
  --game-selected:#dcebdd;--game-selected-ink:#315840;--game-success:#326348;--game-success-soft:#d4e8d3;--game-danger:#935650;--game-danger-soft:#ecdfd8;
  --game-table:radial-gradient(ellipse at 50% 35%,#366258,#19372f);--game-table-edge:#c7d8cb;--game-table-ink:#eff9e9;--game-table-muted:#c4d8c5;--game-table-line:#8dac91;--game-table-accent:#d3ddb0;--game-table-soft:#3d6658;
}
[data-arcana-theme=CHRONICLE]{
  --game-bg:#f1eadd;--game-panel:#fcf8ed;--game-ink:#453d2e;--game-muted:#7c705a;--game-line:#d4c5a8;
  --game-active:#756345;--game-gold:#927242;--game-focus:#79572b;--game-primary:#655437;--game-primary-ink:#fff7e5;
  --game-selected:#e8ddc4;--game-selected-ink:#614c2d;--game-success:#567045;--game-success-soft:#e1e7d4;--game-danger:#985c45;--game-danger-soft:#eddecd;
  --game-table:repeating-linear-gradient(0deg,#ffffff04 0 2px,#75674a08 2px 3px),radial-gradient(ellipse at 50% 35%,#e9dfc8,#bca783);--game-table-edge:#d4c5a8;--game-table-ink:#403827;--game-table-muted:#483b28;--game-table-line:#9c8157;--game-table-accent:#755529;--game-table-soft:#dbccb0;
}

.sjs-game-shell[data-arcana-theme]{background:var(--game-bg);color:var(--game-ink)}
.sjs-game-shell[data-arcana-theme] .sjs-game-bar{background:var(--game-panel);border-color:var(--game-line)}
.sjs-game-shell[data-arcana-theme] :focus-visible{outline:3px solid var(--game-focus);outline-offset:3px}
.sjs-game-shell[data-arcana-theme] :is(.button-primary,.tr-primary,.ah-primary,.gv-primary,.bc-deal){background:var(--game-primary);color:var(--game-primary-ink);border-color:var(--game-primary)}
.sjs-game-shell[data-arcana-theme] :is(.tr-soft,.tr-place,.ah-soft,.ah-action-fold,.ah-action-call,.ah-action-check){background:var(--game-panel);color:var(--game-ink);border-color:var(--game-line)}
.sjs-game-shell[data-arcana-theme] :is(.ah-action-call,.ah-action-check){background:var(--game-selected);color:var(--game-selected-ink)}
.sjs-game-shell[data-arcana-theme] :is(.ah-action-allin,.ah-raise-confirm>.ah-soft){background:var(--game-selected);color:var(--game-selected-ink);border-color:var(--game-gold)}
.sjs-game-shell[data-arcana-theme] :is(.ah-raise-control,.tr-guidance){background:var(--game-selected);color:var(--game-selected-ink);border-color:var(--game-line)}
.sjs-game-shell[data-arcana-theme] :is(.ah-raise-presets button,.ah-raise-presets input){background:var(--game-panel);color:var(--game-ink);border-color:var(--game-line);min-height:44px}
.sjs-game-shell[data-arcana-theme] button[aria-pressed=true]:not(.arcana-theme-option):not([data-skin]):not(.tr-hand-card):not(.arcana-collection__card-button){border-color:var(--game-focus);color:var(--game-pressed-ink,var(--game-selected-ink))}
.sjs-game-shell[data-arcana-theme] :is(.bc-predictions,.bc-mode-tabs) button[aria-pressed=true]{background:var(--game-selected);color:var(--game-selected-ink);box-shadow:0 0 0 1px var(--game-focus)}
.sjs-game-shell[data-arcana-theme] button:disabled{opacity:.5;cursor:default}
.sjs-game-shell[data-arcana-theme] .sjs-game-menu>a:hover{background:var(--game-selected)}

/* Shared mode surfaces consume the same palette; local mode CSS owns their geometry. */
.sjs-game-shell[data-arcana-theme] .ah-table-scene{background:var(--game-table-edge);border-color:var(--game-table-line)}
.sjs-game-shell[data-arcana-theme] .ah-table-felt{background:var(--game-table);border-color:var(--game-table-line)}
.sjs-game-shell[data-arcana-theme] .ah-felt-mark{color:var(--game-table-accent)}
.sjs-game-shell[data-arcana-theme] .ah-seat-name{background:var(--game-panel);border-color:var(--game-line);color:var(--game-ink)}
.sjs-game-shell[data-arcana-theme] .ah-seat-name :is(strong,span){color:var(--game-ink)}
.sjs-game-shell[data-arcana-theme] :is(.ah-pot,.ah-pot small,.ah-pot b,.ah-board-caption,.ah-board-caption>span,.ah-street,.ah-street>span:last-child){color:var(--game-table-ink)}
.sjs-game-shell[data-arcana-theme] .ah-pot b{text-shadow:none}
.sjs-game-shell[data-arcana-theme] .ah-street>span:last-child{border-color:var(--game-table-line)}
.sjs-game-shell[data-arcana-theme] .ah-street-dot{background:var(--game-table-accent)}
.sjs-game-shell[data-arcana-theme] .ah-street-progress li{color:var(--game-table-ink);opacity:1}
.sjs-game-shell[data-arcana-theme] .ah-street-progress li[data-street-state=current] i{background:var(--game-panel);color:var(--game-ink);border-color:var(--game-table-accent)}
.sjs-game-shell[data-arcana-theme] .ah-seat-action{background:var(--game-table-soft);color:var(--game-table-ink)}
.sjs-game-shell[data-arcana-theme] .ah-seat-acting .ah-seat-avatar{outline-color:var(--game-focus)}
.sjs-game-shell[data-arcana-theme] .ah-seat-winning .ah-seat-avatar{border-color:var(--game-table-accent);box-shadow:0 0 0 2px var(--game-table-accent)}
.sjs-game-shell[data-arcana-theme] .ah-player-meta{background:var(--game-panel);border-color:var(--game-line);color:var(--game-ink)}
.sjs-game-shell[data-arcana-theme] :is(.ah-result,.tr-result,.ah-dialog,.tr-help){background:var(--game-panel);color:var(--game-ink);border-color:var(--game-line)}
.sjs-game-shell[data-arcana-theme] :is(.ah-result-won,.tr-result-win){border-color:var(--game-success);background:var(--game-success-soft)}
.sjs-game-shell[data-arcana-theme] .ah-winning-hand{color:var(--game-success)}
.sjs-game-shell[data-arcana-theme] .tr-realm{background:var(--game-table);border-color:var(--game-table-line);color:var(--game-table-ink)}
.sjs-game-shell[data-arcana-theme] :is(.tr-realm header h2,.tr-realm header>span,.tr-realm .tr-hand-rank,.tr-realm .tr-seal){color:var(--game-table-ink)}
.sjs-game-shell[data-arcana-theme] .tr-realm[data-playable=true]{box-shadow:0 0 0 2px var(--game-focus)}
.sjs-game-shell[data-arcana-theme] .tr-realm[data-winner="0"]{background:var(--game-success-soft);color:var(--game-ink);border-color:var(--game-success)}
.sjs-game-shell[data-arcana-theme] .tr-realm[data-winner="1"]{background:var(--game-danger-soft);color:var(--game-ink);border-color:var(--game-danger)}
.sjs-game-shell[data-arcana-theme] .tr-realm:not([data-winner=open]) :is(header h2,header>span,.tr-hand-rank,.tr-seal){color:var(--game-ink)}
.sjs-game-shell[data-arcana-theme] .tr-feedback{color:var(--game-active)}
.sjs-game-shell[data-arcana-theme] .u-card:is(.u-card--selected,[data-fx=selected],[data-fx=playable]){box-shadow:0 0 0 2px var(--skin-focus,var(--game-focus)),0 8px 16px #29232f18}
.sjs-game-shell[data-arcana-theme] .u-card--winning{box-shadow:0 0 0 2px var(--game-table-accent),0 5px 12px #29232f18}
.sjs-game-shell[data-arcana-theme] .arcana-collection.arcana-collection{--collection-muted:var(--game-muted);--collection-line:var(--game-line);--collection-gold:var(--game-gold)}

/* CSS-only previews use the exact table and control variables above, with no image requests. */
.arcana-theme-intro{max-width:760px;font-size:13px;line-height:1.75;color:var(--game-muted);margin:0 0 20px}
.arcana-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.arcana-theme-option.arcana-theme-option{display:flex;flex-direction:column;gap:13px;text-align:left;min-width:0;min-height:44px;padding:17px;border:1px solid var(--game-line);border-radius:14px;background:var(--game-panel);color:var(--game-ink);cursor:pointer;box-shadow:var(--game-shadow)}
.arcana-theme-option.arcana-theme-option[aria-pressed=true]{border-color:var(--game-focus);box-shadow:0 0 0 2px var(--game-focus)}
.arcana-theme-option__name{display:flex;justify-content:space-between;gap:8px;font-size:15px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.arcana-theme-option__name>b{color:var(--game-active)}
.arcana-theme-preview{display:block;width:100%;pointer-events:none}
.arcana-theme-preview__table{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:12px;border:1px solid var(--game-table-line);border-radius:12px;background:var(--game-table);color:var(--game-table-ink)}
.arcana-theme-preview__turn{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;color:var(--game-table-ink);text-align:center}
.arcana-theme-preview__turn::before{content:'';display:block;flex:0 0 5px;width:5px;height:5px;background:var(--game-table-accent);border-radius:50%}
.arcana-theme-option[aria-pressed=true] .arcana-theme-preview__turn::before{animation:arcana-theme-turn 2.8s ease-in-out infinite}
.arcana-theme-preview__cards{display:flex;justify-content:center;gap:7px;padding:15px 0 7px}
.arcana-theme-preview__cards>span{display:flex;align-items:flex-start;width:43px;height:60px;padding:7px 4px;border:1px solid var(--game-table-line);border-radius:5px;background:var(--game-panel);color:var(--game-ink);font:600 15px/1.2 Georgia,serif;box-shadow:0 2px 5px #131e2420}
.arcana-theme-preview__cards>span.arcana-theme-preview__selected{color:#9b3e45;box-shadow:0 0 0 2px var(--game-table-accent);translate:0 -5px}
.arcana-theme-preview__actions{display:grid;grid-template-columns:1.5fr 1fr;gap:7px;padding-top:9px}
.arcana-theme-preview__actions>span{display:grid;place-items:center;min-height:32px;border:1px solid var(--game-focus);border-radius:7px;background:var(--game-selected);color:var(--game-selected-ink);font-size:10px;padding:4px;overflow-wrap:anywhere;text-align:center}
.arcana-theme-preview__actions>span:last-child{background:var(--game-primary);color:var(--game-primary-ink);border-color:var(--game-primary);font-size:17px}
.arcana-theme-option__equip{font-size:11px;line-height:1.5;color:var(--game-active)}
.arcana-theme-back-hint{margin-top:22px;padding:17px 19px;border:1px solid var(--game-line);border-radius:12px;background:var(--game-panel);color:var(--game-ink);font-size:12px;line-height:1.7}
.arcana-theme-back-hint strong{font-weight:500}.arcana-theme-back-hint p{margin:5px 0;color:var(--game-muted)}
.arcana-theme-back-hint button{display:inline-flex;align-items:center;min-width:44px;min-height:44px;border:1px solid var(--game-line);border-radius:8px;padding:8px 12px;background:var(--game-selected);color:var(--game-selected-ink);margin-top:6px}
.arcana-collection .arcana-skins__follow{grid-column:1/-1}
@keyframes arcana-theme-turn{50%{box-shadow:0 0 0 4px #ffffff25}}
@media(max-width:900px){.arcana-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}
@media(max-width:600px){.arcana-collection-tabs{gap:15px;flex-wrap:wrap}.arcana-collection-tabs button{font-size:11px;min-height:44px}.arcana-theme-grid{gap:12px}.arcana-theme-option.arcana-theme-option{padding:11px;gap:9px}.arcana-theme-option__name{font-size:12px}.arcana-theme-preview__table{min-height:126px;padding:7px}.arcana-theme-preview__cards{gap:4px}.arcana-theme-preview__cards>span{width:32px;height:48px;font-size:13px;padding:5px 2px}.arcana-theme-back-hint{padding:14px}}
@media(max-width:360px){.arcana-theme-grid{grid-template-columns:1fr}}

/* User choice, OS preference and the low quality mode all disable decorative motion. */
.sjs-game-shell[data-reduced-motion=true]{--game-motion:0ms}
.sjs-game-shell[data-reduced-motion=true] *,.sjs-game-shell[data-reduced-motion=true] *::before,.sjs-game-shell[data-reduced-motion=true] *::after,
.sjs-game-shell[data-quality=LOW] *,.sjs-game-shell[data-quality=LOW] *::before,.sjs-game-shell[data-quality=LOW] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.sjs-game-shell[data-reduced-motion=true] .u-card,.sjs-game-shell[data-quality=LOW] .u-card{transform:none!important;translate:0!important}
.sjs-game-shell[data-reduced-motion=true] :is(.tr-hand-card,.arcana-collection__card-button),.sjs-game-shell[data-quality=LOW] :is(.tr-hand-card,.arcana-collection__card-button){transform:none!important;translate:0!important}
.sjs-game-shell[data-reduced-motion=true] .u-card::before,.sjs-game-shell[data-quality=LOW] .u-card::before{display:none!important}
.sjs-game-shell[data-quality=LOW] :is(.ah-scene-background,.ah-scene-haze){filter:none!important}
@media(prefers-reduced-motion:reduce){.sjs-game-shell *,.sjs-game-shell *::before,.sjs-game-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sjs-game-shell .u-card,.sjs-game-shell :is(.tr-hand-card,.arcana-collection__card-button){transform:none!important;translate:0!important}.sjs-game-shell .u-card::before{display:none!important}}

/* src/game-ui/scoped-publication/publication.css */
.scoped-startup{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-block:18px;font-size:.84rem;color:var(--game-ink,#66536f)}.scoped-startup strong{flex:1;min-width:150px}.scoped-startup a{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px}.scoped-startup a:focus-visible{outline:3px solid #84a9d4;outline-offset:3px}

/* src/game-ui/tokens.css */
.sjs-game-shell{--game-bg:#f4f1e9;--game-panel:#fffdf8;--game-ink:#292c31;--game-muted:#75736e;--game-line:#ded8cb;--game-gold:#aa8550;--game-active:#456c67;--game-danger:#a85756;--game-success:#416c60;--game-radius:18px;--game-shadow:0 8px 28px #26272b0b;--game-control:48px;--game-motion:160ms;--card-ratio:63/88;--card-xs:54px;--card-sm:72px;--card-md:104px;--card-lg:170px;--card-xl:280px;--card-radius:11px;--card-border:#c9bba3;--card-shadow:0 4px 12px #26272b18;color:var(--game-ink);background:var(--game-bg);min-height:100dvh}
.sjs-game-shell a,.sjs-game-shell button{touch-action:manipulation}.sjs-game-shell button{font-family:inherit}.sjs-game-shell :focus-visible{outline:2px solid var(--game-gold);outline-offset:3px}
.sjs-game-shell .ah-raise-confirm{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:10px}.sjs-game-shell .ah-winning-hand{font-size:16px;font-weight:500;color:var(--game-active)}
.sjs-game-shell .arcana-holdem[data-in-table=true] .ah-table-scene{height:calc(100dvh - 198px);max-height:880px}
.sjs-game-shell .gv-menu-foot>a:last-child{display:none}
.sjs-game-shell .breadcrumbs{display:none}.sjs-game-shell .sjs-game-nav{display:none}
.sjs-game-bar{height:56px;position:sticky;top:0;z-index:90;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid var(--game-line);background:#f8f5eef5;gap:12px}
.sjs-game-bar>a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center;color:var(--game-muted)}.sjs-game-bar-title{font-size:14px;font-weight:550;margin:0;line-height:1.2;text-align:center;max-width:400px}.sjs-game-bar-actions{justify-self:end;display:flex;align-items:center;gap:4px}.sjs-game-bar button,.sjs-game-bar summary,.sjs-game-bar-actions>a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--game-ink);border-radius:10px;font-size:14px;text-decoration:none;cursor:pointer}.sjs-game-bar details{position:relative}.sjs-game-bar summary{list-style:none}.sjs-game-bar summary::-webkit-details-marker{display:none}.sjs-game-menu{position:absolute;right:0;top:48px;width:min(290px,calc(100vw - 24px));background:var(--game-panel);border:1px solid var(--game-line);padding:10px;border-radius:var(--game-radius);box-shadow:var(--game-shadow);display:grid}.sjs-game-menu>a{padding:12px 14px;min-height:46px;border-radius:9px;text-decoration:none;font-size:13px;color:var(--game-ink)}.sjs-game-menu>a:hover{background:#eee8db}.sjs-game-menu-languages{display:flex;flex-wrap:wrap;border-top:1px solid var(--game-line);margin-top:8px;padding-top:8px;gap:3px}.sjs-game-menu-languages>a{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:11px;text-decoration:none;color:var(--game-muted)}
.sjs-game-shell .page-shell{max-width:1280px}.sjs-game-shell .universe-page{padding-top:0;background:transparent}.sjs-game-shell .button-primary,.sjs-game-shell .tr-primary,.sjs-game-shell .ah-primary,.sjs-game-shell .gv-primary{background:var(--game-ink);color:#fffaf0;border:1px solid #35373b;box-shadow:none;border-radius:12px;min-height:48px}
.sjs-game-shell .u-card{border-radius:var(--card-radius);box-shadow:var(--card-shadow);aspect-ratio:var(--card-ratio)!important}.sjs-game-shell .u-card__index b{color:#212328}.sjs-game-shell .u-card--red .u-card__index b,.sjs-game-shell .u-card--red .u-card__index span{color:#ab4145}.sjs-game-shell .u-card__caption small{display:none}.sjs-game-shell .u-card__caption{right:24%;bottom:7%}.sjs-game-shell .u-card__caption strong{font-size:10px}.sjs-game-shell .u-card--table .u-card__caption{display:none}
.sjs-game-shell .au-hub{padding:22px 24px 40px}.sjs-game-shell .au-hero{padding:20px;background:var(--game-panel);border-radius:var(--game-radius);border-color:var(--game-line);grid-template-columns:1fr auto;gap:20px}.sjs-game-shell .au-hero h1{font-size:27px}.sjs-game-shell .au-hero h2{font-size:15px;margin:7px 0}.sjs-game-shell .au-hero p{font-size:13px;line-height:1.6;margin:8px 0}.sjs-game-shell .au-card-fan{min-height:170px;max-width:360px}.sjs-game-shell .au-card-fan>.u-card{width:110px}.sjs-game-shell .au-format{margin:10px 0;font-size:11px}.sjs-game-shell .au-mode-grid{grid-template-columns:2fr 1fr 1fr 1fr;margin:18px 0;gap:12px}.sjs-game-shell .au-mode-gameTitle{grid-column:auto;background:#ede8db!important}.sjs-game-shell .au-mode{padding:18px;border-radius:var(--game-radius);background:var(--game-panel);border-color:var(--game-line);box-shadow:none}.sjs-game-shell .au-mode p{line-height:1.5}.sjs-game-shell .au-mode-symbol{width:40px;height:40px;font-size:22px;margin-bottom:8px}.sjs-game-shell .au-mode h2{font-size:18px}.sjs-game-shell .au-shared{margin-top:20px;padding:20px;border-color:var(--game-line);background:var(--game-panel)}.sjs-game-shell .au-bottom-nav{font-size:12px}.sjs-game-shell .au-classic .au-hero .au-card-fan{display:none}.sjs-game-shell .au-classic .au-hero{display:block}.sjs-game-shell .au-classic-grid{margin:18px 0}.sjs-game-shell .au-classic-grid>article,.sjs-game-shell .au-pack,.sjs-game-shell .au-print-rules{background:var(--game-panel);border-color:var(--game-line)}
.sjs-game-shell .arcana-collection{max-width:1280px;margin:auto;padding:24px}.sjs-game-shell .arcana-collection__intro h1{font-size:26px}.sjs-game-shell .arcana-collection__intro p{max-width:580px;font-size:13px}.sjs-game-shell .arcana-collection__stats-note,.sjs-game-shell .arcana-collection__stats>span:nth-child(3){display:none}.sjs-game-shell .arcana-collection__detail{border-radius:18px 0 0 18px;margin-left:auto;max-width:820px;min-height:100%;max-height:100dvh;overflow-y:auto;background:var(--game-panel)}.sjs-game-shell .arcana-collection__scrim{align-items:stretch;justify-content:flex-end;padding:0}.sjs-game-shell .arcana-collection__item code{display:none}
.sjs-game-shell .tr-game{padding:12px 24px 24px;max-width:1260px}.sjs-game-shell .tr-heading{margin:0 0 8px;padding:0;align-items:center}.sjs-game-shell .tr-heading .eyebrow,.sjs-game-shell .tr-heading h1{display:none}.sjs-game-shell .tr-heading p{margin:0;font-size:13px}.sjs-game-shell .tr-heading-actions{gap:6px}.sjs-game-shell .tr-heading-actions button{min-height:44px;padding:8px 12px}.sjs-game-shell .tr-opponent-picker{padding:10px 14px;display:flex;gap:12px;align-items:center;border-color:var(--game-line);background:var(--game-panel);font-size:12px;margin:0 0 8px}.sjs-game-shell .tr-route-count{margin-left:auto}.sjs-game-shell .tr-score{padding:9px 14px;margin:8px 0;background:var(--game-panel);border-color:var(--game-line);min-height:62px}.sjs-game-shell .tr-score b{font-size:22px}.sjs-game-shell .tr-npc-reaction{margin:4px auto;min-height:25px;font-size:12px}.sjs-game-shell .tr-guidance{padding:10px 14px;margin:8px 0;font-size:12px;background:#e9eee8}.sjs-game-shell .tr-board{gap:12px;margin-top:8px}.sjs-game-shell .tr-realm{border-radius:16px;padding:10px 8px;border-color:#c4bda9;background:#ece7d9}.sjs-game-shell .tr-realm-spirit{background:#dfe9df}.sjs-game-shell .tr-realm-divine{background:#e5e1ed}.sjs-game-shell .tr-realm header{padding:4px;margin-bottom:6px}.sjs-game-shell .tr-realm header h2{font-size:15px}.sjs-game-shell .tr-realm header>span{font-size:16px}.sjs-game-shell .tr-realm>small{display:none}.sjs-game-shell .tr-three{gap:5px;min-height:86px;justify-content:center}.sjs-game-shell .tr-three .u-card{width:68px}.sjs-game-shell .tr-empty{width:68px;min-height:90px}.sjs-game-shell .tr-hand-rank{font-size:11px;min-height:16px}.sjs-game-shell .tr-hand-rank>span{display:none}.sjs-game-shell .tr-seal{min-height:32px;padding:3px;font-size:11px}.sjs-game-shell .tr-seal-mark{font-size:26px}.sjs-game-shell .tr-realm[data-winner="0"]{border:2px solid #588479;background:#d9e9db;box-shadow:inset 0 0 30px #bad9c72b}.sjs-game-shell .tr-realm[data-winner="1"]{border:2px solid #9f6d67;background:#e6dedc}.sjs-game-shell .tr-hand{margin:8px 0 0;gap:9px}.sjs-game-shell .tr-hand-card{width:104px;min-height:44px}.sjs-game-shell .tr-hand-card .u-card{width:100%}.sjs-game-shell .tr-hand-heading{margin:10px 0;font-size:13px}.sjs-game-shell .tr-result{margin-top:16px;padding:25px;background:var(--game-panel);border-color:var(--game-line)}.sjs-game-shell .tr-history{margin-top:20px}.sjs-game-shell .tr-welcome{padding:20px}.sjs-game-shell .tr-welcome-cards{min-height:220px}
.sjs-game-shell .arcana-holdem{max-width:1320px;margin:0 auto;padding:12px 20px 24px;color:var(--game-ink)}.sjs-game-shell .ah-page-header{padding:0;margin:0 0 10px;align-items:center}.sjs-game-shell .ah-page-header>div:first-child{display:none}.sjs-game-shell .ah-header-actions{width:100%;justify-content:flex-end;gap:6px}.sjs-game-shell .ah-header-actions>a{display:none}.sjs-game-shell .ah-soft{border-color:var(--game-line);background:var(--game-panel);color:var(--game-ink);min-height:44px}.sjs-game-shell .ah-journey-note{display:none}.sjs-game-shell .ah-lobby-intro{margin:14px 0;padding:12px 0}.sjs-game-shell .ah-lobby-intro h2{font-size:24px}.sjs-game-shell .ah-lobby-intro p{max-width:600px;font-size:13px}.sjs-game-shell .ah-table-toolbar{margin:8px 0;padding:0;align-items:center}.sjs-game-shell .ah-table-toolbar h2{font-size:15px;margin:0}.sjs-game-shell .ah-table-toolbar .ah-eyebrow,.sjs-game-shell .ah-table-toolbar small{display:none}.sjs-game-shell .ah-table-scene{height:clamp(440px,65dvh,660px);min-height:440px;border-radius:var(--game-radius);border:1px solid #bdb29b;background:#ddd4bf;box-shadow:var(--game-shadow)}.sjs-game-shell .ah-scene-background{opacity:.15;filter:saturate(.45)}.sjs-game-shell .ah-scene-haze{background:linear-gradient(0deg,#ebe5d6bb,#1d20233b)}.sjs-game-shell .ah-table-felt{background:radial-gradient(ellipse at 50% 40%,#f6f0e2,#c6bfae);border-color:#7e786c}.sjs-game-shell .ah-felt-mark{color:#6d685d;opacity:.2}.sjs-game-shell .ah-seat-name{color:var(--game-ink)}.sjs-game-shell .ah-seat-action{color:#575952;background:#f7f3e9e8}.sjs-game-shell .ah-seat-acting .ah-seat-avatar{outline:3px solid var(--game-active);outline-offset:3px}.sjs-game-shell .ah-pot{color:var(--game-ink)}.sjs-game-shell .ah-pot b{font-size:27px}.sjs-game-shell .ah-street{color:var(--game-ink)}.sjs-game-shell .ah-stage-title{font-size:14px}.sjs-game-shell .ah-stage-title small{font-size:10px}.sjs-game-shell .ah-realm-slot-label{color:#6e6c66}.sjs-game-shell .ah-board-caption{color:#6e6c66}.sjs-game-shell .ah-player-info{background:#faf5e9ed;color:var(--game-ink);border-color:var(--game-line)}.sjs-game-shell .ah-player-hole .ah-card{width:76px}.sjs-game-shell .ah-actions{position:sticky;bottom:0;z-index:50;margin-top:10px;background:var(--game-panel);padding:12px 16px;border:1px solid var(--game-line);border-radius:16px;box-shadow:0 -4px 20px #2020200b}.sjs-game-shell .ah-action-intro{margin-bottom:8px}.sjs-game-shell .ah-action-intro strong{font-size:14px}.sjs-game-shell .ah-action-intro small{font-size:11px}.sjs-game-shell .ah-action-buttons{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:8px}.sjs-game-shell .ah-action-buttons>button{min-height:48px;border-radius:10px;font-size:14px}.sjs-game-shell .ah-action-buttons .ah-action-allin{display:none}.sjs-game-shell .ah-raise-control{margin-top:10px;padding:12px;background:#f1eee5;border-radius:12px}.sjs-game-shell .ah-raise-presets{display:flex;gap:6px;flex-wrap:wrap}.sjs-game-shell .ah-raise-presets button{min-height:44px}.sjs-game-shell .ah-showdown-details{margin-top:16px;background:var(--game-panel);border-color:var(--game-line)}.sjs-game-shell .ah-hand-complete .ah-card:not(.ah-card-best):not(.ah-card-back){opacity:.62}.sjs-game-shell .ah-showdown-grid .ah-card{opacity:1!important}.sjs-game-shell .ah-result{background:var(--game-panel);border-color:var(--game-line);margin-top:12px}.sjs-game-shell .ah-next-discovery,.sjs-game-shell .ah-table-links{display:none}.sjs-game-shell .ah-pet-dialogue{display:none}.sjs-game-shell .ah-reveal-overlay{background:#26272b70}
.sjs-game-shell .game-v4{max-width:none;padding:0;margin:0}.sjs-game-shell .gv-title,.sjs-game-shell .gv-world-footer{display:none}.sjs-game-shell .gv-world-shell{border:0;border-radius:0;height:calc(100dvh - 56px);min-height:550px;overflow:hidden;background:#e8e8db}.sjs-game-shell .game-v4 .sjs-world-canvas{height:calc(100dvh - 56px);min-height:550px}.sjs-game-shell .gv-hud{top:12px;left:16px;right:16px}.sjs-game-shell .gv-hud>div:first-child{background:#fffdf4e8;color:var(--game-ink);border:1px solid var(--game-line);box-shadow:none;border-radius:12px}.sjs-game-shell .gv-hud button{background:#fffdf4ed;color:var(--game-ink);border:1px solid var(--game-line);min-height:44px;min-width:44px}.sjs-game-shell .gv-now{position:absolute;top:78px;left:16px;z-index:6;width:min(380px,calc(100% - 100px));padding:10px 13px;margin:0;background:#fffdf3e8;border:1px solid #d7c9ad;border-radius:12px;min-height:66px;box-shadow:var(--game-shadow);text-align:left}.sjs-game-shell .gv-now-icon,.sjs-game-shell .gv-goal-progress{display:none}.sjs-game-shell .gv-now>div>span{font-size:10px;color:var(--game-gold)}.sjs-game-shell .gv-now strong{font-size:14px;color:var(--game-ink);line-height:1.4}.sjs-game-shell .gv-now small{font-size:11px;display:none}.sjs-game-shell .gv-welcome{padding:24px;border:1px solid var(--game-line);background:#faf7eee8}.sjs-game-shell .sjs-world-joystick{display:none}.sjs-game-shell .sjs-world-touch-hint{display:none}.sjs-game-shell .sjs-world-keyboard-hint{display:block}.sjs-game-shell .game-v4 .sjs-world-controls-hint{bottom:20px;right:24px;left:auto;top:auto;background:#fffaf0c9;border-radius:10px;max-width:240px}.sjs-game-shell .gv-toast{background:#fffdf4ed;color:var(--game-ink)}.sjs-game-shell .gv-dialog{background:var(--game-panel);border-color:var(--game-line)}.sjs-game-shell .sjs-world-object-prompt{max-width:220px}.sjs-game-shell .gv-hub-links{display:none}
@media(pointer:coarse){.sjs-game-shell .sjs-world-joystick{display:block}.sjs-game-shell .sjs-world-touch-hint{display:block}.sjs-game-shell .sjs-world-keyboard-hint{display:none}.sjs-game-shell .game-v4 .sjs-world-controls-hint{bottom:112px;left:16px;right:auto;max-width:260px}.sjs-game-shell .game-v4 .sjs-world-joystick{bottom:22px;left:22px}}
@media(max-width:700px){.sjs-game-bar{padding:0 12px;gap:6px}.sjs-game-bar-title{font-size:12px;max-width:180px}.sjs-game-bar>a{font-size:11px}.sjs-game-bar-actions>.game-bar-passport{display:none}.sjs-game-shell .au-hub,.sjs-game-shell .arcana-collection{padding:16px 12px 28px}.sjs-game-shell .au-hero{grid-template-columns:1fr;padding:17px}.sjs-game-shell .au-card-fan{display:none}.sjs-game-shell .au-hero h1{font-size:23px}.sjs-game-shell .au-mode-grid{grid-template-columns:1fr 1fr}.sjs-game-shell .au-mode-gameTitle{grid-column:span 2}.sjs-game-shell .au-mode:last-child{grid-column:span 2}.sjs-game-shell .au-mode-symbol{display:none}.sjs-game-shell .arcana-collection__stats{gap:12px}.sjs-game-shell .arcana-collection__detail{width:100%;border-radius:0}.sjs-game-shell .tr-game{padding:10px 10px 22px}.sjs-game-shell .tr-heading p{font-size:11px;max-width:190px}.sjs-game-shell .tr-heading-actions button{font-size:11px;padding:6px}.sjs-game-shell .tr-opponent-picker{padding:8px 10px;margin-bottom:6px}.sjs-game-shell .tr-opponent-picker small,.sjs-game-shell .tr-route-count{display:none}.sjs-game-shell .tr-score{margin:6px 0;padding:7px 10px;min-height:52px}.sjs-game-shell .tr-score b{font-size:19px}.sjs-game-shell .tr-companion{width:36px;height:32px}.sjs-game-shell .tr-companion img{width:36px;height:32px;object-fit:contain}.sjs-game-shell .tr-opponent-name img{width:32px;height:32px}.sjs-game-shell .tr-npc-reaction{font-size:10px;min-height:16px;margin:2px 0}.sjs-game-shell .tr-guidance{padding:7px 10px;font-size:11px;margin:5px 0}.sjs-game-shell .tr-teaching-path{display:none}.sjs-game-shell .tr-board{gap:5px;margin-top:5px}.sjs-game-shell .tr-realm{padding:6px 3px;border-radius:12px}.sjs-game-shell .tr-realm header h2{font-size:12px}.sjs-game-shell .tr-realm header{gap:4px;padding:3px 0}.sjs-game-shell .tr-three{gap:1px;min-height:76px}.sjs-game-shell .tr-three>span{width:33.333%;min-width:0}.sjs-game-shell .tr-three .u-card{width:100%;min-width:0;--rank-size:16px;--suit-size:12px}.sjs-game-shell .tr-empty{width:33.333%;height:75px;min-height:0}.sjs-game-shell .tr-seal{min-height:27px;font-size:9px}.sjs-game-shell .tr-seal-mark{font-size:18px}.sjs-game-shell .tr-hand-rank{font-size:9px;min-height:15px}.sjs-game-shell .tr-pressure-label{font-size:9px;margin:1px 0 4px}.sjs-game-shell .tr-hand{padding:9px 0;gap:7px}.sjs-game-shell .tr-hand-card{flex:0 0 84px;width:84px}.sjs-game-shell .tr-hand-heading{margin:7px 0;font-size:12px}.sjs-game-shell .tr-result{padding:18px}.sjs-game-shell .tr-tension{font-size:11px;padding:4px;margin:3px 0}.sjs-game-shell .arcana-holdem{padding:6px 8px 18px}.sjs-game-shell .ah-page-header{margin:0 0 4px}.sjs-game-shell .ah-header-actions{gap:4px}.sjs-game-shell .ah-header-actions button{padding:7px 10px;font-size:11px}.sjs-game-shell .ah-table-toolbar{margin:4px 0;gap:8px}.sjs-game-shell .ah-table-toolbar button{font-size:10px;padding:5px 8px;min-height:44px}.sjs-game-shell .ah-table-toolbar h2{font-size:12px}.sjs-game-shell .ah-table-scene{height:calc(100dvh - 222px);min-height:410px;max-height:620px;border-radius:14px}.sjs-game-shell .ah-seat-cards .ah-card{width:30px}.sjs-game-shell .ah-seat-avatar{width:35px;height:35px}.sjs-game-shell .ah-seat-name strong{font-size:11px}.sjs-game-shell .ah-seat-name span{font-size:10px}.sjs-game-shell .ah-seat-1{left:5px;top:12%}.sjs-game-shell .ah-seat-2{top:5px}.sjs-game-shell .ah-seat-3{right:5px;top:12%}.sjs-game-shell .ah-seat-action{font-size:9px}.sjs-game-shell .ah-board{top:40%;width:100%;left:0;transform:none;padding:0 8px}.sjs-game-shell .ah-board-cards{gap:4px;justify-content:center}.sjs-game-shell .ah-board-slot{min-width:0;width:calc((100% - 20px)/5);max-width:66px}.sjs-game-shell .ah-board-slot .ah-card{width:100%;--rank-size:19px}.sjs-game-shell .ah-board-slot .u-card{--rank-size:19px;--suit-size:15px}.sjs-game-shell .ah-pot{margin:3px 0 7px}.sjs-game-shell .ah-pot b{font-size:21px}.sjs-game-shell .ah-street{font-size:10px}.sjs-game-shell .ah-stage-title{font-size:12px}.sjs-game-shell .ah-realm-slot-label{display:none}.sjs-game-shell .ah-board-caption{font-size:9px;margin-top:3px}.sjs-game-shell .ah-player{bottom:8px}.sjs-game-shell .ah-player-hole .ah-card{width:68px}.sjs-game-shell .ah-player-info{padding:5px 10px}.sjs-game-shell .ah-player-info span{font-size:11px}.sjs-game-shell .ah-actions{padding:9px;margin-top:5px;border-radius:12px;bottom:env(safe-area-inset-bottom,0)}.sjs-game-shell .ah-action-intro{margin-bottom:5px}.sjs-game-shell .ah-action-buttons{gap:5px}.sjs-game-shell .ah-action-buttons>button{height:48px;font-size:12px;padding:7px 5px}.sjs-game-shell .ah-pet{bottom:8px;right:3px;transform:scale(.68);transform-origin:bottom right}.sjs-game-shell .gv-world-shell,.sjs-game-shell .game-v4 .sjs-world-canvas{height:calc(100dvh - 56px);min-height:550px}.sjs-game-shell .gv-hud{left:10px;right:10px;top:10px}.sjs-game-shell .gv-hud>div:first-child{max-width:250px}.sjs-game-shell .gv-now{left:10px;top:76px;width:min(300px,calc(100% - 78px));min-height:60px}.sjs-game-shell .gv-now strong{font-size:12px}.sjs-game-shell .gv-now>div>span{font-size:9px}.sjs-game-shell .gv-overlay{position:fixed;top:56px;bottom:0}.sjs-game-shell .gv-npc-portrait img{object-fit:contain!important}.sjs-game-shell .gv-npc p{font-size:13px}.sjs-game-shell .sjs-world-companion-note{display:none}}
@media(prefers-reduced-motion:reduce){.sjs-game-shell *,.sjs-game-shell *::before,.sjs-game-shell *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:700px){.sjs-game-shell .arcana-holdem[data-in-table=true] .ah-table-scene{height:calc(100dvh - 222px);max-height:620px}.sjs-game-shell .ah-actions{padding-bottom:max(9px,env(safe-area-inset-bottom))}}

.sjs-game-shell .ah-player-cards .ah-card{width:76px}.sjs-game-shell .ah-player-meta{background:#fffaf0e8;border:1px solid #ddd2bd;color:var(--game-ink);border-radius:12px;padding:8px 12px}.sjs-game-shell .ah-player-meta strong,.sjs-game-shell .ah-player-meta span,.sjs-game-shell .ah-fate-label{color:var(--game-ink)}.sjs-game-shell .ah-action-buttons .ah-action-raise{background:#e1dfce;color:#292c31;border:1px solid #a79e83}.sjs-game-shell .tr-npc-cards .u-card__caption,.sjs-game-shell .tr-own-cards .u-card__caption{display:none}@media(max-width:700px){.sjs-game-shell .ah-player-cards .ah-card{width:64px}.sjs-game-shell .ah-player-meta{font-size:11px;padding:5px 8px}}
.sjs-game-menu>button{justify-content:flex-start;padding:12px 14px;min-height:46px;font-size:13px}
.sjs-game-shell .arcana-holdem[data-in-table=true] .ah-page-header{display:none}
.sjs-game-shell .ah-table-toolbar{height:44px;margin:0 0 6px}.sjs-game-shell .ah-table-toolbar>div:last-child{display:flex;gap:6px}.sjs-game-shell .ah-table-toolbar button{min-height:44px;padding:6px 9px}
.sjs-game-shell .ah-action-buttons .ah-action-raise{background:var(--game-primary,var(--game-ink))!important;color:var(--game-primary-ink,#fffaf0)!important}
.sjs-game-shell .ah-shared-card{height:auto!important;aspect-ratio:63/88!important}.sjs-game-shell .ah-shared-card>.u-card{height:auto}
.sjs-game-shell .tr-opponent-picker,.sjs-game-shell .tr-history{display:none}
.sjs-game-shell .tr-heading{display:flex;justify-content:flex-end;margin:0 0 6px;padding:0;min-height:44px}
.sjs-game-shell .tr-heading>div:first-child{display:none}
.sjs-game-shell .tr-heading-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sjs-game-shell .tr-heading-actions button{min-height:44px;min-width:44px;font-size:11px}
.sjs-game-shell .tr-hand-area{padding:10px 12px;background:var(--game-panel);border-color:var(--game-line);border-radius:16px}
.sjs-game-shell .tr-npc-reaction p{margin:0;line-height:1.5}.sjs-game-shell .tr-npc-reaction>span{display:none}
.sjs-game-shell .tr-hand-hint{font-size:10px}.sjs-game-shell .tr-feedback:empty{display:none}.sjs-game-shell .tr-feedback{margin:3px 0;min-height:0;font-size:10px}
.sjs-game-shell .tr-match-footer{margin-top:8px}.sjs-game-shell .tr-three>*{margin-left:0!important}.sjs-game-shell .tr-guidance{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sjs-game-shell .tr-guidance>b{font-size:10px}.sjs-game-shell .tr-guidance>span{flex:1;font-size:11px}.sjs-game-shell .tr-teaching-path{display:none}
.sjs-game-shell .tr-guidance .tr-teaching-start{flex-basis:100%;margin:0;min-height:44px;padding:8px}
@media(max-width:700px){.sjs-game-shell .arcana-holdem[data-in-table=true] .ah-table-scene{height:calc(100dvh - 224px);min-height:430px;max-height:none}.sjs-game-shell .ah-table-toolbar>div:last-child>button:not([data-fast-turns]):nth-child(2){display:none}.sjs-game-shell .tr-game{padding-top:5px}.sjs-game-shell .tr-hand-area{padding:8px}.sjs-game-shell .tr-turn{min-height:0;margin-bottom:3px}.sjs-game-shell .tr-turn>span{display:none}.sjs-game-shell .tr-hand{margin-top:2px;padding-top:9px;padding-bottom:5px}.sjs-game-shell .tr-realm>header{min-height:20px;margin-bottom:2px;display:flex}.sjs-game-shell .tr-three{margin:3px 0;min-height:52px}.sjs-game-shell .tr-empty{height:52px;min-height:52px}.sjs-game-shell .tr-seal{flex-direction:row;min-height:25px;padding:2px}.sjs-game-shell .tr-place{margin-top:3px}.sjs-game-shell .tr-hand-rank{min-height:13px!important}.sjs-game-shell .tr-guidance{padding:6px 9px}.sjs-game-shell .tr-score{font-size:11px}.sjs-game-shell .tr-score b{font-size:17px}.sjs-game-shell .tr-draw{margin:3px auto 5px}.sjs-game-shell .tr-npc-reaction{min-height:20px}}

/* Custom gesture surfaces retain their dedicated touch policy. */
.sjs-game-shell .tr-hand-card{touch-action:pan-x}.sjs-game-shell .sjs-world-joystick,.sjs-game-shell .gv-hold{touch-action:none}
.sjs-game-shell input[type=number],.sjs-game-shell input[type=range],.sjs-game-shell .arcana-collection__search input{min-height:44px}

/* Explicit overrides also supersede retained pre-R5 base CSS. */
.sjs-game-shell .ah-table-toolbar>div:last-child>button[data-fast-turns]{display:inline-flex!important}

.sjs-game-shell .tr-heading-actions{flex-direction:row!important;align-items:center;flex-wrap:nowrap}
.sjs-game-shell .ah-table-toolbar>div:last-child{max-width:none;flex-wrap:nowrap}
.sjs-game-shell .ah-table-toolbar .ah-soft{min-width:44px}

/* src/game-ui/z-table-scale.css */
/* Readable tables and a permanent way back to the commerce homepage. */
.sjs-game-shell[data-game-mode] .sjs-game-bar{height:64px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 24px;background:var(--game-panel,#fffdf8);backdrop-filter:blur(12px)}
.sjs-game-bar-location{display:flex;gap:12px;align-items:center;min-width:0}
.sjs-game-bar-location>a{min-height:44px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap;font-size:13px;color:var(--game-ink)}
.sjs-game-bar-location .sjs-shop-home{min-width:100px;padding:0 14px;border:1px solid var(--game-line);border-radius:10px;background:var(--game-bg);font-weight:600}
.sjs-shop-home>span{font-size:20px}.sjs-game-return>span:first-child{font-size:19px}.sjs-game-return-label{color:var(--game-muted)}
.sjs-game-shell .sjs-game-bar-title{font-size:16px}.sjs-game-bar-actions .sjs-table-enlarge{gap:7px;padding:0 12px;font-size:12px;border:1px solid var(--game-line)}
.sjs-table-enlarge>span:first-child{font-size:22px}.sjs-game-shell .sjs-game-menu>a,.sjs-game-shell .sjs-game-menu>button{font-size:14px;min-height:46px}
.sjs-game-shell[data-game-mode] .page-shell,.sjs-game-shell[data-game-mode] .r31-hub,.sjs-game-shell[data-game-mode] .arcana-collection{width:100%;max-width:1580px}
.sjs-game-shell[data-game-mode]>.universe-page{width:100%;max-width:none;padding-inline:0}
.sjs-game-shell[data-game-mode] .r4-hub{padding:30px 32px 48px}.sjs-game-shell[data-game-mode] .au-hub{padding:28px 32px 48px}
.sjs-game-shell[data-game-mode] .au-hero{padding:30px 36px;min-height:305px}.sjs-game-shell[data-game-mode] .au-hero h1{font-size:clamp(30px,2.6vw,42px)}
.sjs-game-shell[data-game-mode] .au-hero h2{font-size:19px}.sjs-game-shell[data-game-mode] .au-hero p{font-size:16px;line-height:1.7;max-width:740px}
.sjs-game-shell[data-game-mode] .au-card-fan{min-height:265px;max-width:440px;width:400px}.sjs-game-shell[data-game-mode] .au-card-fan>.u-card{width:156px}
.sjs-card-discovery{margin:24px 0 30px}.sjs-card-discovery-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.sjs-card-discovery-title h2{font-size:22px;line-height:1.3;margin:0;font-weight:600}.sjs-card-discovery-title>a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--game-muted);text-decoration:none}
.sjs-card-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sjs-card-discovery-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:14px;align-items:center;padding:22px 20px;min-height:112px;border:1px solid var(--game-line);border-radius:16px;background:var(--game-panel);color:var(--game-ink);text-decoration:none;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.sjs-card-discovery-grid>a:hover{transform:translateY(-3px);border-color:var(--game-gold);box-shadow:0 8px 20px #2222220b}
.sjs-card-discovery-icon{display:grid;place-items:center;width:42px;height:52px;font:30px Georgia,serif;border:1px solid var(--game-line);border-radius:8px;color:var(--game-gold);background:var(--game-bg)}
.sjs-card-discovery-grid strong{display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.sjs-card-discovery-grid small{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--game-muted)}.sjs-card-discovery-arrow{color:var(--game-gold)}
.sjs-card-discovery--compact .sjs-card-discovery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sjs-card-discovery--compact .sjs-card-discovery-grid>a{display:flex;flex-wrap:wrap;align-content:start;gap:8px;padding:16px;min-height:154px}
.sjs-card-discovery--compact .sjs-card-discovery-icon{width:30px;height:35px;font-size:23px}.sjs-card-discovery--compact .sjs-card-discovery-grid>a>div{flex:1 1 100%}.sjs-card-discovery--compact .sjs-card-discovery-grid strong{font-size:16px}.sjs-card-discovery--compact .sjs-card-discovery-arrow{margin-left:auto}
.sjs-game-shell[data-game-mode] .tr-game{width:100%;max-width:1580px;padding:16px 32px 32px}.sjs-game-shell[data-game-mode] .tr-board{gap:18px}.sjs-game-shell[data-game-mode] .tr-realm{padding:16px 12px}
.sjs-game-shell[data-game-mode] .tr-three{min-height:156px;gap:8px}.sjs-game-shell[data-game-mode] .tr-three .u-card{width:clamp(82px,7.6vw,110px);flex:0 0 clamp(82px,7.6vw,110px)}
.sjs-game-shell[data-game-mode] .tr-empty{width:clamp(82px,7.6vw,110px);min-height:0;height:clamp(115px,10.62vw,154px);flex:0 0 clamp(82px,7.6vw,110px)}
.sjs-game-shell[data-game-mode] .tr-hand-card{width:140px;flex:0 0 140px}.sjs-game-shell[data-game-mode] .tr-hand{gap:14px}
.sjs-game-shell[data-game-mode] .tr-heading p,.sjs-game-shell[data-game-mode] .tr-guidance,.sjs-game-shell[data-game-mode] .tr-hand-heading{font-size:15px}
.sjs-game-shell[data-game-mode] .tr-realm header h2{font-size:18px}.sjs-game-shell[data-game-mode] .tr-hand-rank,.sjs-game-shell[data-game-mode] .tr-seal{font-size:13px}
.sjs-game-shell[data-game-mode] .arcana-holdem{max-width:1580px;width:100%;padding:16px 32px 32px}.sjs-game-shell[data-game-mode] .ah-board-slot{width:110px}.sjs-game-shell[data-game-mode] .ah-board-slot>.ah-card{width:110px;height:auto;aspect-ratio:63/88}
.sjs-game-shell[data-game-mode] .ah-board-cards{gap:10px}.sjs-game-shell[data-game-mode] .ah-player-cards .ah-card{width:104px;height:auto;aspect-ratio:63/88}
.sjs-game-shell[data-game-mode] .ah-stage-title{font-size:17px}.sjs-game-shell[data-game-mode] .ah-seat-name{font-size:13px}.sjs-game-shell[data-game-mode] .ah-realm-slot-label{font-size:12px;min-height:28px}
.sjs-game-shell[data-game-mode] .ah-board-caption{font-size:12px}.sjs-game-shell[data-game-mode] .ah-player-meta strong{font-size:14px}.sjs-game-shell[data-game-mode] .ah-actions{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
@media(min-width:1101px){.sjs-game-shell[data-game-mode] .arcana-holdem[data-in-table=true] .ah-table-scene{height:clamp(660px,calc(100dvh - 210px),860px);min-height:660px}.sjs-game-shell[data-game-mode] .ah-board{top:45%}.sjs-game-shell[data-game-mode] .ah-player{bottom:24px}}
@media(max-width:1100px) and (min-width:701px){.sjs-card-discovery--compact .sjs-card-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sjs-card-discovery--compact .sjs-card-discovery-grid>a{min-height:110px}.sjs-game-shell[data-game-mode] .tr-three .u-card,.sjs-game-shell[data-game-mode] .tr-empty{width:76px;flex-basis:76px}.sjs-game-shell[data-game-mode] .tr-three{min-height:110px;gap:4px}.sjs-game-shell[data-game-mode] .tr-empty{height:106px;min-height:106px}.sjs-game-shell[data-game-mode] .ah-board-slot{width:82px}.sjs-game-shell[data-game-mode] .ah-board-slot>.ah-card{width:82px}.sjs-game-shell[data-game-mode] .ah-player-cards .ah-card{width:84px}.sjs-game-shell[data-game-mode] .ah-realm-slot-label{font-size:10px}}
@media(max-width:900px){.sjs-game-return-label,.sjs-game-shell .game-bar-passport,.sjs-game-shell .sjs-table-enlarge{display:none}.sjs-game-bar-location{gap:4px}.sjs-game-bar-location .sjs-game-return{width:44px;justify-content:center;flex-shrink:0}.sjs-game-shell[data-game-mode] .sjs-game-bar{padding-inline:10px;gap:6px;grid-template-columns:auto minmax(0,1fr) auto}.sjs-game-bar-location .sjs-shop-home{min-width:88px;padding:0 9px}.sjs-game-shell .sjs-game-bar-title{font-size:13px;overflow-wrap:anywhere}}
@media(max-width:700px){
 .sjs-game-shell[data-game-mode] .sjs-game-bar{height:58px}.sjs-game-bar-location>a{font-size:12px}.sjs-game-bar-location .sjs-shop-home{min-width:82px}.sjs-shop-home>span{font-size:18px}
 .sjs-game-shell[data-game-mode] .r4-hub,.sjs-game-shell[data-game-mode] .au-hub{padding:16px 10px 30px}.sjs-game-shell[data-game-mode] .au-hero{padding:20px;min-height:0;display:flex;flex-direction:column}.sjs-game-shell[data-game-mode] .au-hero h1{font-size:28px}.sjs-game-shell[data-game-mode] .au-hero h2{font-size:17px}.sjs-game-shell[data-game-mode] .au-hero p{font-size:14px}.sjs-game-shell[data-game-mode] .au-card-fan{width:100%;min-height:210px;max-width:300px}.sjs-game-shell[data-game-mode] .au-card-fan>.u-card{width:124px}
 .sjs-card-discovery{margin:15px 0 22px}.sjs-card-discovery-title{gap:6px;margin-bottom:8px}.sjs-card-discovery-title h2{font-size:19px}.sjs-card-discovery-title>a{font-size:12px}.sjs-card-discovery-grid,.sjs-card-discovery--compact .sjs-card-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sjs-card-discovery-grid>a,.sjs-card-discovery--compact .sjs-card-discovery-grid>a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:13px 10px;min-height:107px;align-items:start;align-content:center}.sjs-card-discovery-grid strong,.sjs-card-discovery--compact .sjs-card-discovery-grid strong{font-size:14px}.sjs-card-discovery-grid small{font-size:11px}.sjs-card-discovery-grid .sjs-card-discovery-icon,.sjs-card-discovery--compact .sjs-card-discovery-icon{width:25px;height:33px;font-size:19px}.sjs-card-discovery-arrow{display:none}
 .sjs-game-shell[data-game-mode] .tr-game{padding:8px 8px 24px}.sjs-game-shell[data-game-mode] .tr-board{gap:6px}.sjs-game-shell[data-game-mode] .tr-realm{padding:8px 4px}.sjs-game-shell[data-game-mode] .tr-three{min-height:76px;gap:0}.sjs-game-shell[data-game-mode] .tr-three .u-card,.sjs-game-shell[data-game-mode] .tr-empty{width:clamp(52px,14.4vw,60px);flex:0 0 clamp(52px,14.4vw,60px)}.sjs-game-shell[data-game-mode] .tr-empty{height:auto;min-height:0;aspect-ratio:63/88}.sjs-game-shell[data-game-mode] .tr-three>*{margin-left:-30px!important}.sjs-game-shell[data-game-mode] .tr-three>*:first-child{margin-left:0!important}.sjs-game-shell[data-game-mode] .tr-hand-card{width:94px;flex:0 0 94px}.sjs-game-shell[data-game-mode] .tr-hand{gap:9px}.sjs-game-shell[data-game-mode] .tr-heading p,.sjs-game-shell[data-game-mode] .tr-guidance,.sjs-game-shell[data-game-mode] .tr-hand-heading{font-size:13px}.sjs-game-shell[data-game-mode] .tr-realm header h2{font-size:13px}.sjs-game-shell[data-game-mode] .tr-hand-rank,.sjs-game-shell[data-game-mode] .tr-seal{font-size:11px}
 .sjs-game-shell[data-game-mode] .arcana-holdem{padding:8px 8px 24px}.sjs-game-shell[data-game-mode] .ah-board-slot{width:calc((100% - 16px)/5);max-width:66px}.sjs-game-shell[data-game-mode] .ah-board-slot>.ah-card{width:100%}.sjs-game-shell[data-game-mode] .ah-board-cards{gap:4px}.sjs-game-shell[data-game-mode] .ah-player-cards .ah-card{width:78px}.sjs-game-shell[data-game-mode] .ah-stage-title{font-size:13px}.sjs-game-shell[data-game-mode] .ah-seat-name{font-size:11px}.sjs-game-shell[data-game-mode] .ah-realm-slot-label{font-size:8px;min-height:26px}.sjs-game-shell[data-game-mode] .ah-board-caption{font-size:10px}.sjs-game-shell[data-game-mode] .ah-player-meta strong{font-size:12px}.sjs-game-shell[data-game-mode] .ah-actions{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.sjs-card-discovery-grid>a{transition:none}}.sjs-game-shell[data-reduced-motion=true] .sjs-card-discovery-grid>a{transition:none}
@media(max-width:1100px) and (min-width:701px){.sjs-game-shell[data-game-mode] .tr-three>*{margin-left:-24px!important}.sjs-game-shell[data-game-mode] .tr-three>*:first-child{margin-left:0!important}}
@media(max-width:700px){.sjs-game-shell[data-game-mode] .tr-three>span{width:clamp(52px,14.4vw,60px);flex:0 0 clamp(52px,14.4vw,60px)}}

/* src/game-ui/zz-experience.css */
/* Shared presentation timing. Engines and rewards do not consume these values. */
/* New duel surfaces use the same six equipped palettes as the existing tables. */
.sjs-game-shell .ad-game{color:var(--game-ink);--ad-gold:var(--game-table-accent);--ad-paper:var(--game-panel)}
.sjs-game-shell .ad-heading>div>span,.sjs-game-shell .ad-info-line{color:var(--game-active)}
.sjs-game-shell :is(.ad-heading p,.ad-welcome p,.ad-journal summary,.ad-journal li>span,.ad-journal small){color:var(--game-muted)}
.sjs-game-shell .ad-table{background:var(--game-table);color:var(--game-table-ink);border-color:var(--game-table-line)}
.sjs-game-shell .ad-decks button{background:var(--game-table);color:var(--game-table-ink);border-color:var(--game-table-line)}
.sjs-game-shell .ad-decks,.sjs-game-shell .ww-seats{--game-pressed-ink:var(--game-table-ink)}
.sjs-game-shell .strategy-hero-options{--game-pressed-ink:var(--game-ink)}
.sjs-game-shell .ad-decks :is(small,.ad-deck-stat){color:var(--game-table-muted)}
.sjs-game-shell .ad-table :is(.ad-resource,.ad-unit-tags,.ad-empty,.ad-phase small,.ad-hand-card small){color:var(--game-table-muted)}
.sjs-game-shell .ad-table :is(.ad-resource>span:first-child,.ad-resource b,.ad-phase strong,.ad-selection,.ad-unit-stats,.ad-leader span){color:var(--game-table-ink)}
.sjs-game-shell .ad-table :is(.ad-unit,.ad-leader,.ad-selection,.ad-phase){background:var(--game-table-soft);border-color:var(--game-table-line)}
.sjs-game-shell :is(.ad-primary,.ad-end){background:var(--game-primary);color:var(--game-primary-ink)!important;border-color:var(--game-primary)}
.sjs-game-shell :is(.ad-help,.ad-secondary,.ad-dialog-close){background:var(--game-panel);color:var(--game-ink);border-color:var(--game-line)}
.sjs-game-shell :is(.ad-dialog,.ad-result){background:var(--game-panel);color:var(--game-ink);border-color:var(--game-gold)}
.sjs-game-shell :is(.ad-dialog p,.ad-result p){color:var(--game-muted)}
.sjs-game-shell .ad-game .ad-feedback{background:var(--game-selected);color:var(--game-selected-ink);border-color:var(--game-line)}
.sjs-game-shell[data-game-speed] .bc-game.bc-game .bc-card-slot[data-revealed=true]{animation-duration:var(--sjs-deal-ms)}
.sjs-tempo-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:1420px;margin:0 auto;padding:4px 24px 8px;color:var(--game-muted);font-size:12px}
.sjs-tempo-options{display:flex;gap:3px;border:1px solid var(--game-line);border-radius:10px;padding:2px;background:var(--game-panel);--game-pressed-ink:var(--game-primary-ink)}
.sjs-tempo-bar button{min-width:48px;min-height:44px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--game-ink);font:inherit;cursor:pointer;padding:5px 10px;transition:background var(--sjs-select-ms),box-shadow var(--sjs-select-ms)}
.sjs-game-shell .sjs-tempo-options button[aria-pressed=true]{background:var(--game-primary);color:var(--game-primary-ink);border-color:var(--game-primary);box-shadow:0 2px 5px #00000014}
.sjs-tempo-effects{display:flex;gap:5px;align-items:center}.sjs-game-shell .sjs-tempo-effects[aria-pressed=true]{background:var(--game-selected);color:var(--game-selected-ink)}
.sjs-tempo-error{flex-basis:100%;color:var(--game-danger)}
.sjs-game-shell .sjs-game-bar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sjs-game-shell .u-card{transition-duration:var(--sjs-select-ms)}
.sjs-game-shell :is(.tr-card-placed,.bc-card-slot[data-revealed=true],.ah-card-reveal){animation-duration:var(--sjs-deal-ms)}
.sjs-game-shell :is(.tr-result,.ah-result,.bc-result[data-correct=true],.cs-result){animation-duration:var(--sjs-settle-ms)}
.sjs-game-shell .cs-preview-track{animation-duration:var(--sjs-deal-ms)}
.sjs-game-shell .cs-reel[data-stopped=true]{animation-duration:var(--sjs-reveal-ms)}
.sjs-game-shell .u-card:is([data-fx=placed],[data-fx=realm_locked],[data-fx=victory])::after{content:'';position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,color-mix(in srgb,var(--skin-light,#f3ddaf) 55%,transparent) 48%,transparent 68%);transform:translateX(-115%);animation:sjs-card-light var(--sjs-settle-ms) cubic-bezier(.22,.7,.2,1) both}
.sjs-game-shell .u-card[data-fx=placed]{animation:sjs-card-land var(--sjs-deal-ms) cubic-bezier(.16,1,.3,1)}
.sjs-game-shell[data-quality=HIGH] .u-card:is([data-fx=selected],[data-fx=playable]){box-shadow:0 0 0 2px var(--game-focus),0 10px 24px color-mix(in srgb,var(--game-gold) 26%,transparent)}
.sjs-game-shell :is(.tr-result-win,.ah-result-won,.bc-result[data-correct=true]){position:relative;overflow:hidden}
.sjs-game-shell :is(.tr-result-win,.ah-result-won,.bc-result[data-correct=true])::before{content:'';position:absolute;inset:-1px;border:1px solid var(--game-gold);border-radius:inherit;pointer-events:none;animation:sjs-result-ring var(--sjs-settle-ms) ease-out both}
.sjs-game-shell[data-quality=HIGH] :is(.tr-result-win,.ah-result-won,.bc-result[data-correct=true])::after{content:'✦';position:absolute;top:12px;right:16px;color:var(--game-gold);pointer-events:none;animation:sjs-result-spark var(--sjs-trail-ms) ease-out both}
@keyframes sjs-card-light{to{transform:translateX(115%);opacity:0}}
@keyframes sjs-card-land{from{translate:0 -8px;scale:.97;filter:brightness(.88)}to{translate:0 0;scale:1;filter:brightness(1)}}
@keyframes sjs-result-ring{from{opacity:0;scale:.98}45%{opacity:.8}to{opacity:.2;scale:1}}
@keyframes sjs-result-spark{from{opacity:0;translate:0 5px;scale:.6}35%{opacity:.9;scale:1}to{opacity:0;translate:0 -10px;scale:.8}}
.sjs-game-shell[data-reduced-motion=true] :is(.u-card,.tr-card-placed,.bc-card-slot,.ah-card-reveal,.tr-result,.ah-result,.bc-result,.cs-preview-track,.cs-reel){animation:none!important;transition:none!important}
.sjs-game-shell[data-reduced-motion=true] :is(.u-card,.tr-result,.ah-result,.bc-result)::before,.sjs-game-shell[data-reduced-motion=true] :is(.u-card,.tr-result,.ah-result,.bc-result)::after{animation:none!important;display:none}
@media(max-width:680px){.sjs-tempo-bar{padding:2px 10px 7px;gap:7px;font-size:11px}.sjs-tempo-bar button{padding:4px 8px}.sjs-tempo-options{gap:0}.sjs-tempo-effects{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.sjs-game-shell .u-card::after,.sjs-game-shell :is(.tr-result,.ah-result,.bc-result)::before,.sjs-game-shell :is(.tr-result,.ah-result,.bc-result)::after{display:none}}

/* src/game-ui/zzz-salon.css */
/* Six table materials. These are decorative geometry, never character art or a new brand totem. */
[data-arcana-theme]{
 --salon-radius:18px;--salon-rim:var(--game-table-line);--salon-rail:#30291f;
 --salon-light:#e2c88a;--salon-grain:rgba(255,247,222,.026);--salon-pattern-size:240px;
 --salon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23c8aa6a' stroke-width='.6' opacity='.11'%3E%3Cpath d='M120 28l92 92-92 92-92-92zM120 46l74 74-74 74-74-74zM120 74l46 46-46 46-46-46zM120 0v14m0 212v14M0 120h14m212 0h14'/%3E%3Ccircle cx='120' cy='120' r='8'/%3E%3C/g%3E%3C/svg%3E");
 --game-paper:var(--game-panel);--game-accent:var(--game-gold);
 --game-table:radial-gradient(ellipse at 50% 25%,#29332c 0%,#18221d 56%,#101917 100%);
 --game-table-edge:#b69b60;--game-table-ink:#f4ead4;--game-table-muted:#c3bcaa;--game-table-line:#867348;--game-table-accent:#dfc68c;--game-table-soft:#263329;
}
[data-arcana-theme=WOLF]{
 --salon-radius:22px;--salon-rail:#8096a4;--salon-light:#e8f5ff;--salon-grain:rgba(221,240,255,.027);
 --salon-pattern-size:290px;--salon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='290' viewBox='0 0 290 290'%3E%3Cg fill='none' stroke='%23b9d8ee' stroke-width='.65' opacity='.12'%3E%3Cpath d='M145 44c-68 38-68 164 0 202-47-62-47-140 0-202zM145 44c68 38 68 164 0 202 47-62 47-140 0-202zM27 145c40-31 71-40 118-34m0 34c-43 0-81 13-109 36m254-36c-40-31-71-40-118-34m0 34c43 0 81 13 109 36'/%3E%3Ccircle cx='145' cy='145' r='96'/%3E%3C/g%3E%3C/svg%3E");
 --game-table:radial-gradient(ellipse at 50% 24%,#27495e,#132f43 54%,#0e2433);--game-table-edge:#b2c9d8;--game-table-line:#829dae;--game-table-accent:#d6ebf5;--game-table-soft:#253f51;--game-table-ink:#f1f8fc;--game-table-muted:#b9cedc;
}
[data-arcana-theme=PHOENIX]{
 --salon-radius:16px;--salon-rail:#5d252c;--salon-light:#f7d49f;--salon-grain:rgba(255,223,180,.021);
 --salon-pattern-size:260px;--salon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23edbd77' stroke-width='.7' opacity='.12'%3E%3Cpath d='M130 40c-44 46-68 63-83 97 43-3 64-24 83-48 19 24 40 45 83 48-15-34-39-51-83-97zM130 102c-29 37-34 74 0 117 34-43 29-80 0-117zM22 206c52 16 79-3 108-31 29 28 56 47 108 31M25 24h210M25 236h210'/%3E%3C/g%3E%3C/svg%3E");
 --game-table:radial-gradient(ellipse at 50% 20%,#59252f,#361920 65%,#251318);--game-table-edge:#cda36d;--game-table-line:#a07648;--game-table-accent:#f1ca8c;--game-table-soft:#542d34;--game-table-ink:#fff0db;--game-table-muted:#d3b99f;
}
[data-arcana-theme=DRAGON]{
 --salon-radius:12px;--salon-rail:#173a35;--salon-light:#aee3c6;--salon-grain:rgba(182,244,204,.019);
 --salon-pattern-size:220px;--salon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%2396c9ac' stroke-width='.65' opacity='.12'%3E%3Cpath d='M0 55Q55 0 110 55t110 0M0 110q55-55 110 0t110 0M0 165q55-55 110 0t110 0M55 0v24h24v24H55v24M165 148v24h-24v24h24v24'/%3E%3C/g%3E%3C/svg%3E");
 --game-table:radial-gradient(ellipse at 40% 22%,#234a3e,#14372f 54%,#0e2925);--game-table-edge:#83aa8e;--game-table-line:#608a74;--game-table-accent:#b9d7a4;--game-table-soft:#274b3c;--game-table-ink:#eff6e5;--game-table-muted:#b6cbb5;
}
[data-arcana-theme=REALM_FOIL]{
 --salon-radius:10px;--salon-rail:#1d3b59;--salon-light:#a4e4ff;--salon-grain:rgba(189,225,255,.024);
 --salon-pattern-size:320px;--salon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%239edbff' stroke-width='.65' opacity='.13'%3E%3Cellipse cx='160' cy='160' rx='134' ry='54' transform='rotate(-32 160 160)'/%3E%3Cellipse cx='160' cy='160' rx='107' ry='91' transform='rotate(38 160 160)'/%3E%3Cpath d='M160 72l52 88-52 88-52-88zM160 72v176M108 160h104M28 26v8m-4-4h8M284 280v8m-4-4h8'/%3E%3C/g%3E%3C/svg%3E");
 --game-table:radial-gradient(ellipse at 70% 25%,#23496a,#142d4c 58%,#0b1d35);--game-table-edge:#88b7d1;--game-table-line:#5b8da8;--game-table-accent:#b8e7ff;--game-table-soft:#244663;--game-table-ink:#ecf7ff;--game-table-muted:#b1cde2;
}
[data-arcana-theme=CHRONICLE]{
 --salon-radius:6px;--salon-rail:#d8c8aa;--salon-light:#fff9e6;--salon-grain:rgba(75,57,35,.025);
 --salon-pattern-size:250px;--salon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 250 250'%3E%3Cg fill='none' stroke='%238a7043' stroke-width='.65' opacity='.1'%3E%3Cpath d='M20 20h72m-72 0v72m210-72h-72m72 0v72M20 230h72m-72 0v-72m210 72h-72m72 0v-72M100 125q25-42 50 0-25 42-50 0zM125 100q42 25 0 50-42-25 0-50z'/%3E%3C/g%3E%3C/svg%3E");
 --game-table:linear-gradient(115deg,#f6efde,#e9e1ca 58%,#f2ead7);--game-table-edge:#a68b55;--game-table-line:#9b855d;--game-table-accent:#72582d;--game-table-soft:#e0d5bd;--game-table-ink:#40382c;--game-table-muted:#70624e;
}
.sjs-game-shell[data-arcana-surface=table][data-arcana-theme=ARCHIVE]{--game-bg:#121a17;--game-panel:#1e2821;--game-ink:#f2e8d2;--game-muted:#b4b9ab;--game-line:#485240;--game-gold:#c8aa6a;--game-active:#c9d2b5;--game-focus:#e0c993;--game-primary:#dbc392;--game-primary-ink:#25241a;--game-selected:#354332;--game-selected-ink:#f2e8d2;--game-success:#b2d4a3;--game-success-soft:#274334;--game-danger:#edaba0;--game-danger-soft:#553333}
.sjs-game-shell[data-arcana-surface=table][data-arcana-theme=WOLF]{--game-bg:#eaf0f3;--game-panel:#f6fafc;--game-ink:#243947;--game-muted:#5b7384;--game-line:#bdcdd7;--game-gold:#577b91;--game-active:#365e76;--game-focus:#345f79;--game-primary:#355d78;--game-primary-ink:#f6fbff;--game-selected:#d9e8f0;--game-selected-ink:#254b65;--game-success:#315e55;--game-success-soft:#d9e9e4;--game-danger:#965363;--game-danger-soft:#eedde5}
.sjs-game-shell[data-arcana-surface=table][data-arcana-theme=CHRONICLE]{--game-bg:#eee8db;--game-panel:#fffbf2;--game-ink:#423c30;--game-muted:#776b56;--game-line:#d2c4a8;--game-gold:#8e7347;--game-active:#756340;--game-focus:#846a3f;--game-primary:#715d39;--game-primary-ink:#fff9ec;--game-selected:#e8dcc2;--game-selected-ink:#624d2d;--game-success:#4c6449;--game-success-soft:#e1e7d5;--game-danger:#975b47;--game-danger-soft:#efded0}
.sjs-game-shell[data-arcana-surface=table][data-arcana-theme=PHOENIX]{--game-bg:#211419;--game-panel:#352027;--game-ink:#faead2;--game-muted:#cab3a1;--game-line:#684b4c;--game-gold:#e5bc80;--game-active:#edcaa7;--game-focus:#ecc38b;--game-primary:#edc68a;--game-primary-ink:#41212a;--game-selected:#5a313c;--game-selected-ink:#fff0db;--game-success:#c0d6a2;--game-success-soft:#3b4934;--game-danger:#f0ae9f;--game-danger-soft:#623238}
.sjs-game-shell[data-arcana-surface=table][data-arcana-theme=DRAGON]{--game-bg:#112521;--game-panel:#203c32;--game-ink:#eff4df;--game-muted:#b3cbb5;--game-line:#486958;--game-gold:#bed69b;--game-active:#c1dbc1;--game-focus:#c3dfae;--game-primary:#b4d6ba;--game-primary-ink:#16392b;--game-selected:#36593d;--game-selected-ink:#eff8df;--game-success:#c0e2ae;--game-success-soft:#34543c;--game-danger:#ebb5a7;--game-danger-soft:#573b36}
.sjs-game-shell[data-arcana-surface=table][data-arcana-theme=REALM_FOIL]{--game-bg:#0e1c31;--game-panel:#1c314c;--game-ink:#e5f1ff;--game-muted:#afc4da;--game-line:#49657e;--game-gold:#a3d1ec;--game-active:#bbddf8;--game-focus:#bfe9ff;--game-primary:#b7def3;--game-primary-ink:#15354c;--game-selected:#294d70;--game-selected-ink:#edf7ff;--game-success:#b4dcca;--game-success-soft:#294e4c;--game-danger:#ebbac5;--game-danger-soft:#4b3c57}
.sjs-game-shell[data-skin-edition=R55]{
 background-color:var(--game-bg);background-image:radial-gradient(ellipse at 48% -12%,color-mix(in srgb,var(--salon-light) 8%,transparent),transparent 68%);
 --game-shadow:0 12px 35px #00000016;--game-paper:var(--game-panel);--game-accent:var(--game-gold);
}
.sjs-game-shell[data-skin-edition=R55] .sjs-game-bar{background:var(--game-bg);border-bottom-color:var(--game-line);box-shadow:0 3px 20px #0000000c}
.sjs-game-glyph{display:block;width:18px;height:18px;flex:none}
.sjs-game-shell[data-skin-edition=R55] .sjs-shop-home{background:var(--game-panel);border-color:var(--game-line);color:var(--game-ink);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--game-ink) 8%,transparent)}
.sjs-game-shell[data-skin-edition=R55] .sjs-game-tempo{color:var(--game-muted)}
.sjs-game-shell[data-skin-edition=R55] :is(.bc-toolbar h1,.ww-heading h1,.ad-heading h1,.strategy-heading h1,.ah-table-toolbar h2,.tr-title){font-family:var(--font-serif,Georgia,serif);font-weight:500;letter-spacing:.025em}

/* A brushed rim, sewn inner boundary and restrained woven surface sit behind game information. */
.sjs-game-shell[data-skin-edition=R55] :is(.bc-table,.ad-table,.ww-stage,.strategy-game,.cs-cabinet,.tr-realm,.arcana-theme-preview__table,.arcana-studio__stage){
 position:relative;isolation:isolate;border-radius:var(--salon-radius);border:1px solid var(--salon-rim);
 background-image:var(--salon-pattern),repeating-linear-gradient(93deg,transparent 0 2px,var(--salon-grain) 2px 3px,transparent 3px 5px),var(--game-table);
 background-size:var(--salon-pattern-size) var(--salon-pattern-size),auto,cover;
 box-shadow:0 0 0 3px var(--salon-rail),0 0 0 4px color-mix(in srgb,var(--salon-rim) 52%,transparent),inset 0 1px 0 color-mix(in srgb,var(--salon-light) 38%,transparent),inset 0 0 34px #00000014,0 18px 36px #00000025;
}
.sjs-game-shell[data-skin-edition=R55] :is(.bc-table,.ad-table,.ww-stage,.strategy-game)::before{
 content:'';position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--salon-rim) 46%,transparent);border-radius:calc(var(--salon-radius) - 4px);z-index:-1;pointer-events:none;
}
.sjs-game-shell[data-skin-edition=R55] :is(.bc-hand,.ww-role-panel,.ad-phase,.strategy-objective,.strategy-stage){
 background:color-mix(in srgb,var(--game-table-soft) 60%,transparent);border-color:color-mix(in srgb,var(--game-table-line) 58%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--salon-light) 8%,transparent);border-radius:calc(var(--salon-radius) - 5px);
}
.sjs-game-shell[data-skin-edition=R55] :is(.ww-seat,.strategy-seat,.ad-unit){
 background:color-mix(in srgb,var(--game-table-soft) 82%,transparent);border-color:color-mix(in srgb,var(--game-table-line) 65%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--salon-light) 9%,transparent);border-radius:calc(var(--salon-radius) - 5px);
}
.sjs-game-shell[data-skin-edition=R55] :is(.ad-empty,.ad-resource,.ad-hidden-hand){color:var(--game-table-muted)}
.sjs-game-shell[data-skin-edition=R55] .ad-unit-stats b{color:var(--game-table-ink)}
.sjs-game-shell[data-skin-edition=R55] .ad-unit-tags{color:var(--game-table-muted)}
.sjs-game-shell[data-skin-edition=R55] .ad-table{color:var(--game-table-ink)}
.sjs-game-shell[data-skin-edition=R55] :is(.ad-leader,.ad-hand-card){background:var(--game-table-soft);border-color:var(--game-table-line);color:var(--game-table-ink)}
.sjs-game-shell[data-skin-edition=R55] :is(.ad-leader>span,.ad-leader>strong,.ad-resource b,.ad-resource>span:first-child){color:var(--game-table-ink)}
.sjs-game-shell[data-skin-edition=R55] .ad-hand-card small{color:var(--game-table-muted)}
.sjs-game-shell[data-skin-edition=R55] .ad-selection>p{color:var(--game-table-ink)}
.sjs-game-shell[data-skin-edition=R55] .strategy-game :is(.strategy-primary,button.strategy-primary){background:var(--game-primary)!important;color:var(--game-primary-ink)!important;border-color:var(--game-primary)!important}
.sjs-game-shell[data-skin-edition=R55] :is(.ad-end,.ad-primary,.bc-deal,.ww-primary,.tr-primary,.ah-primary,.cs-spin){
 background:var(--game-primary);color:var(--game-primary-ink);border-color:color-mix(in srgb,var(--game-primary) 76%,var(--salon-rim));border-radius:10px;
 box-shadow:inset 0 1px 0 #ffffff45,inset 0 -2px 0 #00000016,0 3px 8px #00000018;font-weight:650;
 transition:transform var(--sjs-select-ms),box-shadow var(--sjs-select-ms),background-color var(--sjs-select-ms);
}
.sjs-game-shell[data-skin-edition=R55] :is(.ad-end,.ad-primary,.bc-deal,.ww-primary,.tr-primary,.ah-primary,.cs-spin):not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px 4px #00000022}
.sjs-game-shell[data-skin-edition=R55] :is(.bc-predictions button,.ad-decks button,.ww-secondary,.ww-role-picker select){border-color:var(--game-line);color:var(--game-ink);background:var(--game-panel)}
.sjs-game-shell[data-skin-edition=R55] .bc-predictions button[aria-pressed=true]{background:var(--game-selected);color:var(--game-selected-ink);border-color:var(--game-gold);box-shadow:inset 0 -2px 0 var(--game-gold)}
.sjs-game-shell[data-skin-edition=R55] .bc-host>span{color:var(--game-table-ink)}
.sjs-game-shell[data-skin-edition=R55] .bc-host small{color:var(--game-table-muted)}
.sjs-game-shell[data-skin-edition=R55] .bc-host>img{border:1px solid var(--game-table-line);box-shadow:0 0 0 3px color-mix(in srgb,var(--game-table-soft) 80%,transparent)}
.sjs-game-shell[data-skin-edition=R55] .bc-points{background:color-mix(in srgb,var(--game-table-soft) 85%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--salon-light) 10%,transparent);border-color:var(--game-table-line);color:var(--game-table-ink);font-variant-numeric:tabular-nums}
.sjs-game-shell[data-skin-edition=R55] .ah-table-felt{
 background-image:var(--salon-pattern),var(--game-table);background-size:var(--salon-pattern-size) var(--salon-pattern-size),cover;border-color:var(--salon-rail);
 box-shadow:0 0 0 2px var(--salon-rim),0 0 0 11px color-mix(in srgb,var(--salon-rail) 68%,#000),inset 0 0 38px #00000026,0 22px 44px #0000003a;
}
.sjs-game-shell[data-skin-edition=R55] .ah-table-border{border-color:color-mix(in srgb,var(--salon-rim) 65%,transparent)}
.sjs-game-shell[data-skin-edition=R55] .ah-scene-haze{background:linear-gradient(0deg,var(--game-bg),color-mix(in srgb,var(--game-bg) 58%,transparent) 80%)}
.sjs-game-shell[data-skin-edition=R55] .ah-table-scene{background:var(--game-bg);border-color:var(--game-line)}
.sjs-game-shell[data-skin-edition=R55] .ah-seat-avatar{border-color:var(--salon-rim)}

/* Disabling a move must not erase the player's artwork. Legality stays on the actual button. */
.sjs-game-shell[data-skin-edition=R55] .strategy-game .strategy-hand-card,
.sjs-game-shell[data-skin-edition=R55] .strategy-game .strategy-hand-card:disabled{opacity:1}
.sjs-game-shell[data-skin-edition=R55] .strategy-hand-card:not([data-playable=true])>b{color:var(--game-table-muted);background:var(--game-table-soft)}
.sjs-game-shell[data-skin-edition=R55] .strategy-hand-card[data-playable=true]>b{color:var(--game-primary-ink);background:var(--game-primary)}
.sjs-game-shell[data-skin-edition=R55] .ad-hand-card:disabled{opacity:1}
.sjs-game-shell[data-skin-edition=R55] .ad-unit-card:disabled{opacity:1}
.sjs-game-shell[data-skin-edition=R55] .arcana-back-collection article[data-owned=false] .u-card{filter:none;opacity:1}
.sjs-game-shell[data-skin-edition=R55] .ad-inspect{color:var(--game-table-muted)!important}
.sjs-game-shell[data-skin-edition=R55] .ad-hand-card:disabled .ad-card-cost{border-color:var(--game-table-line);color:var(--game-table-muted)}

/* A duel should focus on the occupied board and hand, rather than six enormous empty panels. */
@media(min-width:901px){
 .sjs-game-shell[data-skin-edition=R55] .ad-game{max-width:1280px;padding-top:18px}
 .sjs-game-shell[data-skin-edition=R55] .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-heading :is(span,p){display:none}
 .sjs-game-shell[data-skin-edition=R55] .ad-game:is([data-game-phase=player],[data-game-phase=ai]) .ad-heading h1{font-size:24px;margin:0;line-height:1.3}
 .sjs-game-shell[data-skin-edition=R55] .ad-info-line{margin:8px 0 10px}
 .sjs-game-shell[data-skin-edition=R55] .ad-table{display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-areas:'opponent enemy' 'phase phase' 'player own' 'selection selection' 'hand hand' 'actions actions';gap:8px 20px;padding:12px 24px}
 .sjs-game-shell[data-skin-edition=R55] .ad-player-line--ai{grid-area:opponent}
 .sjs-game-shell[data-skin-edition=R55] .ad-player-line:not(.ad-player-line--ai){grid-area:player}
 .sjs-game-shell[data-skin-edition=R55] .ad-board--ai{grid-area:enemy}
 .sjs-game-shell[data-skin-edition=R55] .ad-board--player{grid-area:own}
 .sjs-game-shell[data-skin-edition=R55] .ad-phase{grid-area:phase;margin:0;min-height:44px;padding:6px 14px}
 .sjs-game-shell[data-skin-edition=R55] .ad-selection{grid-area:selection}
 .sjs-game-shell[data-skin-edition=R55] .ad-hand{grid-area:hand}
 .sjs-game-shell[data-skin-edition=R55] .ad-turn-actions{grid-area:actions;margin:0}
 .sjs-game-shell[data-skin-edition=R55] .ad-result{grid-column:1/-1}
 .sjs-game-shell[data-skin-edition=R55] .ad-board{width:100%;max-width:none;gap:14px;margin:0;align-self:stretch}
 .sjs-game-shell[data-skin-edition=R55] .ad-empty{min-height:100px}
 .sjs-game-shell[data-skin-edition=R55] .ad-unit{display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:center;padding:8px}
 .sjs-game-shell[data-skin-edition=R55] .ad-unit-card{grid-row:1/3;grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;text-align:left}
 .sjs-game-shell[data-skin-edition=R55] .ad-unit-card .u-card{width:82px;flex:none;margin:0}
 .sjs-game-shell[data-skin-edition=R55] .ad-unit-stats{justify-content:flex-start;gap:8px;margin:12px 0 0;font-size:12px}
 .sjs-game-shell[data-skin-edition=R55] .ad-unit-tags{grid-column:2;grid-row:2;align-self:end;justify-content:flex-start;min-height:18px;padding:0 36px 0 0;font-size:10px;pointer-events:none}
 .sjs-game-shell[data-skin-edition=R55] .ad-player-line{flex-direction:column;align-items:flex-start;gap:7px;padding:0}
 .sjs-game-shell[data-skin-edition=R55] .ad-leader{width:100%;min-width:0;padding:7px 10px 10px}
 .sjs-game-shell[data-skin-edition=R55] .ad-resource{gap:3px;font-size:11px}
 .sjs-game-shell[data-skin-edition=R55] .ad-hidden-hand{position:static;margin:0}
 .sjs-game-shell[data-skin-edition=R55] .ad-hidden-hand .u-card{width:24px;height:auto;min-width:0;min-height:0;aspect-ratio:63/88}
 .sjs-game-shell[data-skin-edition=R55] .ad-selection{min-height:0;padding:6px 0;margin:3px 0}
 .sjs-game-shell[data-skin-edition=R55] .ad-selection[data-duel-selection=none]{display:none}
 .sjs-game-shell[data-skin-edition=R55] .ad-hand{display:flex;justify-content:center;max-width:none;gap:10px;padding:8px 0 10px;overflow-x:auto}
 .sjs-game-shell[data-skin-edition=R55] .ad-hand-card{flex:0 0 118px}
 .sjs-game-shell[data-skin-edition=R55] .ad-hand-card .u-card{width:118px}
}
@media(max-width:600px){
 .sjs-game-shell[data-skin-edition=R55] :is(.bc-table,.ad-table,.ww-stage,.strategy-game){box-shadow:0 0 0 2px var(--salon-rail),0 0 0 3px color-mix(in srgb,var(--salon-rim) 48%,transparent),inset 0 1px 0 color-mix(in srgb,var(--salon-light) 35%,transparent),0 8px 24px #00000023}
 .sjs-game-shell[data-skin-edition=R55] :is(.bc-table,.ad-table,.ww-stage,.strategy-game)::before{inset:5px}
 .sjs-game-shell[data-skin-edition=R55] .ad-empty{min-height:82px}
 .sjs-game-shell[data-skin-edition=R55] .sjs-game-bar-title{letter-spacing:.015em}
}
@media(hover:hover){.sjs-game-shell[data-skin-edition=R55] :is(.ad-end,.ad-primary,.bc-deal,.ww-primary,.tr-primary,.ah-primary,.cs-spin):not(:disabled):hover{box-shadow:inset 0 1px 0 #ffffff66,inset 0 -2px 0 #00000012,0 5px 14px #00000025}}
.sjs-game-shell[data-skin-edition=R55][data-reduced-motion=true] :is(button,.u-card){transition:none!important}
.sjs-game-shell[data-skin-edition=R55][data-quality=LOW]{--salon-grain:transparent}
@media(prefers-reduced-motion:reduce){.sjs-game-shell[data-skin-edition=R55] button{transition:none!important}}

/* src/game-ui/zzzz-atmosphere.css */
/* Existing approved scene and portrait images remain untouched. Light and depth are presentation only. */
.sjs-game-shell[data-atmosphere-edition=R56][data-arcana-surface=table]{position:relative;isolation:isolate;--scene-visibility:.6;--scene-wash:rgba(10,16,18,.62);--scene-floor:rgba(12,19,18,.93);background-attachment:scroll}
.sjs-game-shell[data-atmosphere-edition=R56][data-arcana-theme=WOLF]{--scene-visibility:.63;--scene-wash:rgba(214,231,240,.5);--scene-floor:rgba(223,232,238,.94)}
.sjs-game-shell[data-atmosphere-edition=R56][data-arcana-theme=CHRONICLE]{--scene-visibility:.57;--scene-wash:rgba(238,223,191,.35);--scene-floor:rgba(238,232,219,.95)}
.sjs-realm-scene{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none;border-radius:inherit}
.sjs-realm-scene>img{position:sticky;top:0;width:100%;height:100svh;min-height:700px;object-fit:cover;opacity:var(--scene-visibility);filter:saturate(.82)}
.sjs-realm-scene__veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--scene-wash),transparent 250px,var(--scene-floor) 920px)}
.sjs-realm-scene__floor{position:absolute;inset:0;background:linear-gradient(90deg,var(--scene-wash),transparent 28%,transparent 72%,var(--scene-wash))}
.sjs-realm-scene__light{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 180px,color-mix(in srgb,var(--salon-light) 15%,transparent),transparent 46%);animation:sjs-venue-light 14s ease-in-out infinite alternate}
.sjs-game-shell[data-atmosphere-edition=R56] .sjs-tempo-bar{background:color-mix(in srgb,var(--game-bg) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--game-line) 40%,transparent)}
.sjs-game-shell[data-atmosphere-edition=R56] :is(.bc-toolbar,.tr-title,.ad-heading,.strategy-heading,.ww-heading,.cs-heading){text-shadow:0 1px 16px var(--game-bg)}
.sjs-game-shell[data-atmosphere-edition=R56] :is(.bc-table,.ad-table,.ww-stage,.strategy-game,.cs-cabinet){box-shadow:0 22px 70px #0000002b,inset 0 1px 0 color-mix(in srgb,var(--salon-light) 15%,transparent)}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-game{max-width:1140px}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-table{padding-top:12px}
.bc-table>.bc-venue-panorama{position:absolute;inset:0 0 auto;width:100%;height:190px;object-fit:cover;opacity:.25;mask-image:linear-gradient(#000,transparent);pointer-events:none}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-host{position:relative;min-height:94px;margin-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--game-table-line) 35%,transparent);padding-bottom:8px;gap:14px}
.sjs-table-host{display:flex;align-items:center;gap:14px;min-width:0;max-width:calc(100% - 108px);flex:1}
.sjs-table-host__portrait{position:relative;flex:none;width:94px;height:94px;overflow:hidden;border-radius:10px 10px 32px 10px;border:1px solid var(--game-table-line);background:var(--game-table-soft);box-shadow:inset 0 0 20px #00000025,0 5px 18px #00000025}
.sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__portrait>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--host-focus,50% 20%);border:0;border-radius:0;box-shadow:none;animation:sjs-host-presence 9s ease-in-out infinite alternate;transform-origin:50% 25%}
.sjs-table-host__portrait:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -12px 15px #00000030,inset 0 0 0 3px #ffffff09;border-radius:inherit}
.sjs-table-host__portrait>i{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,color-mix(in srgb,var(--salon-light) 20%,transparent) 48%,transparent 65%);opacity:0}
.sjs-table-host[data-host-phase=reveal] .sjs-table-host__portrait>i{animation:sjs-host-cue 1.3s ease-out both}
.sjs-table-host__caption{display:flex;flex-direction:column;gap:5px;min-width:0}
.sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__caption small{font-size:10px;letter-spacing:.035em;margin:0;color:var(--game-table-muted);line-height:1.4}
.sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__caption strong{font:500 22px/1.2 var(--font-serif,Georgia,serif);letter-spacing:.04em;color:var(--game-table-ink)}
.sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__caption>span{font-size:12px;line-height:1.5;color:var(--game-table-ink);opacity:.9;overflow-wrap:anywhere}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-hand{background:color-mix(in srgb,var(--game-table-soft) 62%,transparent);box-shadow:inset 0 1px 0 #ffffff07}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-result{min-height:0}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-result:not(:empty){margin-top:10px;padding:12px;border:1px solid color-mix(in srgb,var(--game-table-line) 50%,transparent);border-radius:12px;background:var(--game-table-soft)}
.sjs-game-shell[data-atmosphere-edition=R56] .bc-deal-sequence li[data-deal-state=current]{box-shadow:0 0 0 1px var(--game-table-accent),0 3px 15px color-mix(in srgb,var(--game-table-accent) 15%,transparent)}
.sjs-game-shell[data-atmosphere-edition=R56] :is(.tr-lock-moment,.tr-seal-moment,.tr-seal-mark,.tr-result-seals i){animation-duration:var(--sjs-trail-ms)}
@keyframes sjs-venue-light{from{opacity:.5}to{opacity:1}}
@keyframes sjs-host-presence{from{transform:scale(1)}to{transform:scale(1.025)}}
@keyframes sjs-host-cue{0%{opacity:0;transform:translateX(-50%)}35%{opacity:1}100%{opacity:0;transform:translateX(60%)}}
@media(min-width:1100px){
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:'title title' 'table modes' 'table rules' 'table goal' 'table controls' 'history history' 'footer footer';gap:10px 18px;max-width:1300px;align-items:start}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-toolbar{grid-area:title;margin-bottom:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-mode-tabs{grid-area:modes;margin:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-practice-rules{grid-area:rules;margin:0;align-self:start}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-quick-goal{grid-area:goal;margin:0;padding:10px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-quick-goal>div{flex-wrap:wrap}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-table{grid-area:table;padding:12px 16px 10px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-controls{grid-area:controls;grid-template-columns:1fr;gap:10px;margin:0;padding:14px;border:1px solid var(--game-line);border-radius:16px;background:var(--game-panel)}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-controls .bc-action-state{grid-column:1}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-deal{width:100%;min-height:56px;font-size:16px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-side-history{grid-area:history;margin-top:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-footer{grid-area:footer;margin-top:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-card-slot{--bc-card-width:clamp(86px,7.8vw,112px);width:var(--bc-card-width);flex-basis:auto}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-cards{gap:6px;min-height:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-host{min-height:80px}
 .sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__portrait{width:80px;height:80px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-hands{gap:12px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-hand{padding:8px 7px 0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-result:not(:empty){padding:8px;margin-top:8px}
}
@media(max-width:700px){
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'table' 'controls' 'modes' 'rules' 'goal' 'history' 'footer';gap:8px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-toolbar{grid-area:title;margin:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-toolbar .eyebrow{display:none}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-toolbar h1{margin:0;font-size:18px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-mode-tabs{grid-area:modes;margin:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-practice-rules{grid-area:rules;margin:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-quick-goal{grid-area:goal;margin:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-table{grid-area:table}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-controls{grid-area:controls;position:static;margin:0;padding-top:6px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-side-history{grid-area:history;margin-top:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-footer{grid-area:footer}
 .sjs-realm-scene>img{min-height:600px;filter:saturate(.7)}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-host{min-height:58px;padding-bottom:4px;margin-bottom:3px;gap:8px}
 .sjs-table-host{gap:8px;max-width:calc(100% - 66px)}
 .sjs-table-host__portrait{width:58px;height:58px;border-radius:8px 8px 20px 8px}
 .sjs-table-host__caption{gap:3px}
 .sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__caption strong{font-size:17px}
 .sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__caption small{font-size:8px;letter-spacing:0}
 .sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host__caption>span{font-size:10px;line-height:1.4}
 .bc-table>.bc-venue-panorama{height:130px;opacity:.3}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-result:not(:empty){margin-top:4px;padding:4px;gap:2px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-result>strong{font-size:17px;line-height:1.2}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-final-points{font-size:12px;line-height:1.3}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-natural-result{font-size:10px;line-height:1.3}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-practice-receipt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 8px;align-items:center;text-align:left;line-height:1.3}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-practice-receipt>b{grid-row:1/3;font-size:11px}
 .sjs-game-shell[data-atmosphere-edition=R56] .bc-game.bc-game .bc-predictions button{min-height:48px;padding:4px 5px}
}
.sjs-game-shell[data-atmosphere-edition=R56]:is([data-reduced-motion=true],[data-quality=LOW]) :is(.sjs-realm-scene__light,.sjs-table-host__portrait>img,.sjs-table-host__portrait>i){animation:none;transform:none}
.sjs-game-shell[data-atmosphere-edition=R56]:is([data-reduced-motion=true],[data-quality=LOW]) .sjs-table-host__portrait>i{display:none}
@media(prefers-reduced-motion:reduce){.sjs-realm-scene__light,.sjs-table-host__portrait>img,.sjs-table-host__portrait>i{animation:none!important;transform:none!important}.sjs-table-host__portrait>i{display:none}}

/* R57: approved portrait attention and engraved delivery cues are presentation only.
   No fabricated body/hand artwork or timers are used. Idle/restore has no live cue. */
.sjs-realm-scene__depth{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 320px,transparent 24%,color-mix(in srgb,var(--scene-floor) 48%,transparent) 78%)}
.sjs-realm-scene__depth>i{position:absolute;top:160px;width:1px;height:410px;opacity:.27;background:linear-gradient(transparent,color-mix(in srgb,var(--salon-light) 48%,transparent),transparent);box-shadow:0 0 30px 10px color-mix(in srgb,var(--salon-light) 4%,transparent)}
.sjs-realm-scene__depth>i:first-child{left:14%;transform:rotate(15deg)}
.sjs-realm-scene__depth>i:last-child{right:14%;transform:rotate(-15deg)}
.sjs-table-host[data-presence-edition=R57] .sjs-table-host__caption{position:relative;padding-bottom:5px}
.sjs-table-host[data-presence-edition=R57] .sjs-table-host__track{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;overflow:hidden}
.sjs-table-host[data-presence-edition=R57] .sjs-table-host__track>i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--game-table-line) 20%,var(--game-table-line) 80%,transparent);opacity:.3}
.sjs-table-host[data-presence-edition=R57] .sjs-table-host__track>b{position:absolute;left:50%;width:24%;top:0;height:2px;opacity:0;--host-rail-direction:1;background:linear-gradient(90deg,transparent,var(--game-table-accent),transparent);animation:sjs-host-direct-cue var(--sjs-settle-ms,900ms) cubic-bezier(.22,.61,.36,1) both}
.sjs-table-host[data-presence-edition=R57][data-host-cue-side=player] .sjs-table-host__track>b{--host-rail-direction:-1}
.sjs-game-shell[data-atmosphere-edition=R56] .sjs-table-host[data-presence-edition=R57][data-host-live=true] .sjs-table-host__portrait>img{animation-duration:var(--sjs-settle-ms,900ms);animation-timing-function:cubic-bezier(.25,.65,.35,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none}
.sjs-table-host[data-presence-edition=R57][data-host-live=true] .sjs-table-host__portrait>i{animation:sjs-host-cue var(--sjs-settle-ms,900ms) cubic-bezier(.22,.61,.36,1) both;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--game-table-accent) 22%,transparent) 48%,transparent 66%)}
@keyframes sjs-host-attention-odd{0%,100%{transform:translate(0,0) scale(1.015) rotate(0deg)}35%{transform:translate(var(--host-reach),1.5%) scale(1.045) rotate(var(--host-tilt))}65%{transform:translate(var(--host-reach),.5%) scale(1.04) rotate(var(--host-tilt))}}
@keyframes sjs-host-attention-even{0%,100%{transform:translate(0,0) scale(1.015) rotate(0deg)}35%{transform:translate(var(--host-reach),1.5%) scale(1.045) rotate(var(--host-tilt))}65%{transform:translate(var(--host-reach),.5%) scale(1.04) rotate(var(--host-tilt))}}
@keyframes sjs-host-direct-cue{0%{opacity:0;transform:translateX(-50%) scaleX(.25)}25%{opacity:.8}70%{opacity:.65}100%{opacity:0;transform:translateX(calc(-50% + var(--host-rail-direction)*130%)) scaleX(.5)}}
.sjs-game-shell:is([data-reduced-motion=true],[data-quality=LOW]) .sjs-table-host[data-presence-edition=R57] :is(.sjs-table-host__portrait>img,.sjs-table-host__portrait>i,.sjs-table-host__track>b){animation:none!important;transform:none!important}
.sjs-game-shell:is([data-reduced-motion=true],[data-quality=LOW]) .sjs-table-host[data-presence-edition=R57] :is(.sjs-table-host__portrait>i,.sjs-table-host__track>b){display:none}
@media(prefers-reduced-motion:reduce){.sjs-table-host[data-presence-edition=R57] :is(.sjs-table-host__portrait>img,.sjs-table-host__portrait>i,.sjs-table-host__track>b){animation:none!important;transform:none!important}.sjs-table-host[data-presence-edition=R57] :is(.sjs-table-host__portrait>i,.sjs-table-host__track>b){display:none}}

/* src/game-ui/zzzzz-navigation.css */
/* Shared navigation only: gameplay and card-theme values stay in their owners. */
.sjs-game-shell .sjs-game-bar{isolation:isolate}
.sjs-game-shell .sjs-game-menu{max-height:calc(100dvh - 76px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bba777 transparent}
.sjs-game-menu-languages a[aria-current]{outline:1px solid currentColor;border-radius:8px}
.sjs-game-bar a:focus-visible,.sjs-game-bar button:focus-visible,.sjs-game-bar summary:focus-visible{outline:2px solid #b89a56;outline-offset:3px}
.sjs-game-shell:has(.r6-hub) .sjs-game-bar,.sjs-game-shell:has(.game-v4) .sjs-game-bar,.sjs-game-shell:has(.r6-map) .sjs-game-bar{background:#102929f5!important;color:#f2e9d6;border-bottom:1px solid #d8c29438;box-shadow:0 6px 24px #04181720;height:60px}
.sjs-game-shell:has(.r6-hub) .sjs-game-bar-title,.sjs-game-shell:has(.game-v4) .sjs-game-bar-title,.sjs-game-shell:has(.r6-map) .sjs-game-bar-title{color:#f4ecd9;letter-spacing:.06em}
.sjs-game-shell:has(.r6-hub) .sjs-game-bar :is(a,button,summary),.sjs-game-shell:has(.game-v4) .sjs-game-bar :is(a,button,summary),.sjs-game-shell:has(.r6-map) .sjs-game-bar :is(a,button,summary){color:#e8e6d7}
.sjs-game-shell:has(.r6-hub) .sjs-game-menu,.sjs-game-shell:has(.game-v4) .sjs-game-menu,.sjs-game-shell:has(.r6-map) .sjs-game-menu{background:#13302e;border-color:#bba77755;box-shadow:0 15px 50px #07191780}
.sjs-game-shell:has(.r6-hub) .sjs-game-menu>a:hover,.sjs-game-shell:has(.game-v4) .sjs-game-menu>a:hover,.sjs-game-shell:has(.r6-map) .sjs-game-menu>a:hover{background:#d2c59e18}
.sjs-game-shell:has(.r6-hub) .sjs-shop-home,.sjs-game-shell:has(.game-v4) .sjs-shop-home,.sjs-game-shell:has(.r6-map) .sjs-shop-home{border:1px solid #d6c18c55;border-radius:10px;padding:0 12px;background:#cbb57b12;font-size:12px}
.sjs-game-bar .sjs-game-glyph{width:20px;height:20px;flex:0 0 20px}
@media(max-width:900px){.sjs-game-shell:has(.game-v4) .sjs-table-enlarge{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;padding:0}.sjs-game-shell:has(.game-v4) .sjs-table-enlarge span{display:none}}
@media(max-width:700px){
 .sjs-game-shell:has(.r6-hub) .sjs-game-bar,.sjs-game-shell:has(.game-v4) .sjs-game-bar,.sjs-game-shell:has(.r6-map) .sjs-game-bar{height:58px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 8px;gap:4px}
 .sjs-game-shell:has(.game-v4) .sjs-table-enlarge span{display:none}
 .sjs-game-shell:has(.r6-hub) .sjs-shop-home,.sjs-game-shell:has(.game-v4) .sjs-shop-home,.sjs-game-shell:has(.r6-map) .sjs-shop-home{padding:0 8px;font-size:11px}
 .sjs-game-shell:has(.game-v4) .sjs-game-bar-title{font-size:11px;letter-spacing:0}
 .sjs-game-bar .sjs-game-menu{position:fixed;right:8px;top:62px;width:min(340px,calc(100vw - 16px))}
}