/* Ritual framing: contain the intrinsic canvas in an explicit responsive box. */
body[data-view=game] .page-heading{padding:28px 0 18px}body[data-view=game] .page-heading h1{font-size:42px;margin-bottom:8px}body[data-view=game] .page-heading p{margin-bottom:10px}.chamber{align-self:start;scroll-margin-top:12px}.chamber-top{padding:14px 18px}#stage{aspect-ratio:auto;height:clamp(240px,44svh,420px);max-height:none;min-height:0;isolation:isolate}#ritual{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;min-width:0;min-height:0}.chamber-bottom{padding:16px 20px 20px}.chamber-bottom p{margin-bottom:12px}progress{margin:12px 0 16px}.creature-art{inset:2% 6%}.creature-art img{filter:drop-shadow(0 12px 24px #0008)}.creature-art .finish-1{filter:sepia(.3) hue-rotate(130deg) drop-shadow(0 12px 24px #0008)}.creature-art .finish-2{filter:sepia(.8) saturate(1.5) drop-shadow(0 12px 24px #0008)}.creature-art .finish-3{filter:hue-rotate(45deg) saturate(1.8) drop-shadow(0 12px 24px #0008)}#result-banner{position:absolute;inset:auto 10px 0;text-align:center;padding:30px 10px 8px;background:linear-gradient(transparent,#101117f5);z-index:4;pointer-events:none}#result-banner h2{font-family:Georgia,serif;font-style:italic;font-size:30px;margin:0 0 5px;color:#f4eedf}#result-banner p{margin:0 0 5px;font-size:9px}.legendary-stage{background:radial-gradient(ellipse,#b99d4033,transparent 65%)}.legendary-foil{overflow:hidden;border-radius:8px;isolation:isolate;background:radial-gradient(ellipse,#51407955,transparent 66%)}.legendary-foil:after{content:'';position:absolute;inset:-100%;z-index:3;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 16%,#f7da8340 18%,#b9ffe840 20%,#bba1ff55 23%,transparent 27% 40%);mix-blend-mode:screen;opacity:.38;transform:translateX(-12%) rotate(10deg);animation:foilSweep 8s ease-in-out infinite}.legendary-foil:before{content:'';position:absolute;inset:4%;border:1px solid #e1ca8588;border-radius:50%;box-shadow:0 0 25px #eac57822}.legendary-card{border:1px solid #dcc589;padding:20px;background:linear-gradient(135deg,#201d30,#121720 48%,#302617);box-shadow:inset 0 0 0 4px #111219,inset 0 0 0 5px #d3bb6a55}.legendary-card .pill{color:#edda9b;border-color:#d1bb6a88}.legendary-card h2{color:#f7e2a4}.specimen:has(.legendary-foil){border-color:#a98d4b;background:linear-gradient(145deg,#30243d88,#111b20,#33281888)}@keyframes foilSweep{0%,100%{transform:translateX(-15%) rotate(10deg)}50%{transform:translateX(15%) rotate(10deg)}}
.index-toolbar{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:10px 0 30px}.index-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.index-toolbar label:last-child{flex-direction:row;align-items:center;min-height:46px}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.index-card{border:1px solid var(--line);background:#12131b;padding:18px;min-width:0;display:flex;flex-direction:column}.index-card.discovered{border-color:#75b9a766}.index-card>.eyebrow{font-size:8px;color:var(--muted);margin-bottom:8px}.index-card.discovered>.eyebrow{color:var(--cyan)}.index-card img,.unknown-creature{height:210px;object-fit:contain;width:100%;background:radial-gradient(ellipse,#b9a0ff12,transparent 65%)}.unknown-creature{display:grid;place-items:center;font:70px Georgia;color:#9b8bba55}.index-card h3{font:23px Georgia;margin:16px 0 8px}.index-card p{font-size:11px}.index-card .button{margin-top:auto;padding:10px;font-size:11px}.index-roadmap{margin:65px 0;padding:40px 0;border-top:1px solid var(--line)}.index-roadmap p{max-width:780px;font-size:14px}.index-detail-art{width:100%;height:280px;object-fit:contain}.index-toolbar input[type=search]{width:260px}.index-toolbar select{min-width:155px}header{gap:24px}nav{gap:22px}
@media(max-width:1000px){.index-grid{grid-template-columns:repeat(3,1fr)}nav{gap:15px}.parent{font-size:10px}}@media(max-width:700px){.index-grid{grid-template-columns:repeat(2,1fr)}.index-card{padding:12px}.index-card img,.unknown-creature{height:160px}.index-card h3{font-size:21px}nav{gap:8px;font-size:10px}.game-layout{grid-template-columns:1fr}.field-notes{padding-top:10px}#stage{height:clamp(235px,40svh,350px)}#result-banner h2{font-size:25px}.index-toolbar{gap:16px}.index-toolbar label:first-child{width:100%}.index-toolbar input[type=search]{width:100%}.chamber{scroll-margin-top:8px}}
@media(prefers-reduced-motion:reduce){.legendary-foil:after{animation:none;opacity:.22}}body.low-motion .legendary-foil:after{animation:none;opacity:.22}
.new-arrivals{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:35px;margin-top:80px;padding:45px 0;border-top:1px solid var(--line)}.new-arrivals p{max-width:420px;font-size:14px}.arrival-art{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-items:center}.arrival-art img{width:100%;height:230px;object-fit:contain;filter:drop-shadow(0 10px 30px #bda5f712)}@media(max-width:700px){.new-arrivals{grid-template-columns:1fr;margin-top:50px}.arrival-art img{height:170px}}
@media(max-height:550px){#stage{height:160px}.chamber-top{padding:9px 14px}.chamber-bottom{padding:10px 14px}.chamber-bottom p{font-size:11px;margin-bottom:8px}progress{margin:8px 0 10px}#result-banner h2{font-size:21px}}