.court-cards{--cc-lapis: #0f1a2e;--cc-lapis-2: #1b2b4a;--cc-gold: #c9a24a;--cc-gold-hi: #f3d98f;--cc-gold-lo: #8a6a26;--cc-parch: #f5ead0;--cc-parch-2: #e9d8b0;--cc-ink: #2a1c10;--cc-ink-soft: #6b5433;position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:max(8px,var(--safe-t, 0px)) max(12px,var(--safe-r, 0px)) max(8px,var(--safe-b, 0px)) max(12px,var(--safe-l, 0px));background:radial-gradient(ellipse at 50% 40%,#1b2b4a8c,#060a14eb 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='%23c9a24a' stroke-opacity='.09'%3E%3Ccircle cx='24' cy='24' r='15'/%3E%3Ccircle cx='24' cy='24' r='9'/%3E%3Ccircle cx='0' cy='0' r='9'/%3E%3Ccircle cx='48' cy='0' r='9'/%3E%3Ccircle cx='0' cy='48' r='9'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3C/g%3E%3C/svg%3E");backdrop-filter:blur(3px) saturate(.8);-webkit-backdrop-filter:blur(3px) saturate(.8);opacity:0;transition:opacity .45s ease;font-family:var(--font-ui)}.court-cards.in{opacity:1}.court-cards,.court-cards *{touch-action:pan-y}.court-cards[hidden]{display:none}.cc-card{position:relative;width:min(880px,100%);height:min(560px,calc(100vh - 16px));height:min(560px,calc(100svh - 16px));display:grid;grid-template-rows:minmax(0,1fr) auto;color:var(--cc-ink);background:radial-gradient(ellipse at 70% 0%,rgba(255,255,255,.55),transparent 55%),radial-gradient(ellipse at 10% 100%,rgba(160,120,60,.18),transparent 60%),linear-gradient(180deg,var(--cc-parch),var(--cc-parch-2));border-radius:6px;box-shadow:0 0 0 1px var(--cc-gold-lo),0 0 0 4px var(--cc-lapis),0 0 0 5px var(--cc-gold),0 24px 60px #0009,0 0 80px #c9a24a2e;transform:translateY(14px) scale(.985);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.court-cards.in .cc-card{transform:none}.cc-card:before{content:"";position:absolute;inset:7px;pointer-events:none;border-radius:3px;border:1px solid rgba(138,106,38,.55);box-shadow:inset 0 0 0 3px #f5ead099,inset 0 0 0 4px #8a6a2640}.cc-corner{position:absolute;width:34px;height:34px;pointer-events:none;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23a8812f' stroke-width='1.3'%3E%3Cpath d='M3 31V9a6 6 0 0 1 6-6h22'/%3E%3Cpath d='M8 26V13a5 5 0 0 1 5-5h13'/%3E%3C/g%3E%3Cg fill='%23a8812f'%3E%3Cpath d='M9 9c4-1 8 1 9 5-4 1-8-1-9-5z'/%3E%3Ccircle cx='9' cy='9' r='2.2'/%3E%3Ccircle cx='22' cy='3' r='1.2'/%3E%3Ccircle cx='3' cy='22' r='1.2'/%3E%3C/g%3E%3C/svg%3E") no-repeat}.cc-corner.tl{top:3px;left:3px}.cc-corner.tr{top:3px;right:3px;transform:scaleX(-1)}.cc-corner.bl{bottom:3px;left:3px;transform:scaleY(-1)}.cc-corner.br{bottom:3px;right:3px;transform:scale(-1)}.cc-main{min-height:0;display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:18px;padding:18px 20px 4px}.cc-main.from-next{animation:cc-in-next .42s cubic-bezier(.2,.8,.2,1)}.cc-main.from-prev{animation:cc-in-prev .42s cubic-bezier(.2,.8,.2,1)}@keyframes cc-in-next{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@keyframes cc-in-prev{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}.cc-art{position:relative;min-height:0;height:100%;overflow:hidden;border-radius:50% 50% 6px 6px/26% 26% 6px 6px;background:radial-gradient(ellipse at 50% 30%,var(--cc-lapis-2),var(--cc-lapis) 75%);box-shadow:0 0 0 2px var(--cc-gold),0 0 0 5px #c9a24a40,inset 0 0 40px #0000008c;display:grid;place-items:center}.cc-art:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle,rgba(243,217,143,.9) 0 1px,transparent 1.5px) 0 0 / 23px 19px;mask-image:linear-gradient(180deg,#000,transparent 55%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 55%)}.cc-art img{position:absolute;z-index:1;display:block;user-select:none}.cc-art-scene img{inset:6% -6%;width:112%;height:88%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55));animation:cc-drift 14s ease-in-out infinite alternate}.cc-art-figure img{inset:8% 0 0;width:100%;height:92%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}.cc-art-cover img{inset:0;width:100%;height:100%;object-fit:cover;animation:cc-pan 22s ease-in-out infinite alternate}.cc-art-cover:after{opacity:0}@keyframes cc-drift{0%{transform:scale(1) translateY(2%)}to{transform:scale(1.06) translateY(-1%)}}@keyframes cc-pan{0%{transform:scale(1.25) translate(-6%);object-position:70% 40%}to{transform:scale(1.25) translate(4%);object-position:60% 45%}}.cc-court{position:relative;width:min(100%,100cqh);aspect-ratio:1}.cc-art-court{container-type:size}.cc-court-seat,.cc-court-king{position:absolute;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%);z-index:1}.cc-court-king{--x: 50%;--y: 50%;filter:drop-shadow(0 0 18px rgba(243,217,143,.45))}.cc-court-seat{animation:cc-breathe 4s ease-in-out infinite}.cc-court-seat:nth-child(2n){animation-delay:-2s}@keyframes cc-breathe{50%{transform:translate(-50%,-50%) scale(1.07)}}.cc-art-seat{grid-template-rows:auto auto;align-content:center;justify-items:center;padding:10px;gap:10px}.cc-art-seat.cc-art-final{grid-template-rows:auto auto 1fr;align-content:start;padding-top:14%;gap:6px}.cc-crest-glow{position:relative;z-index:1;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--house) 70%,var(--cc-gold-hi)));animation:cc-rise .7s cubic-bezier(.2,.8,.2,1)}@keyframes cc-rise{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}.cc-house{position:relative;z-index:1;color:var(--cc-gold-hi);font-size:1.05rem;font-weight:800;letter-spacing:0;text-shadow:0 2px 6px rgba(0,0,0,.7)}.cc-crest{display:block;overflow:visible}.cc-crest-rim{fill:#e8cf86}.cc-crest-pearls circle{fill:#fff6dc;stroke:#a8812f;stroke-width:.8}.cc-crest-field{fill:var(--house);stroke:#a8812f;stroke-width:2}.cc-crest-inner{fill:none;stroke:#fff0c88c;stroke-width:1.2;stroke-dasharray:2 3}.cc-crest text.cc-mark-long{font-size:30px}.cc-crest text{fill:#fbecc2;font:900 46px var(--font-ui);paint-order:stroke;stroke:#00000059;stroke-width:2px}.cc-crown path,.cc-crown rect,.cc-crown circle{fill:#f3d98f;stroke:#8a6a26;stroke-width:1.2}.cc-lands{position:relative;z-index:1;width:100%;display:grid;gap:4px;align-self:end;text-align:center}.cc-lands small{color:var(--cc-gold);font-size:.72rem;font-weight:700}.cc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-height:92px;overflow-y:auto;scrollbar-width:none}.cc-chip{min-height:32px;padding:0 10px;border-radius:16px;cursor:pointer;touch-action:manipulation;font:700 .8rem var(--font-ui);color:var(--cc-ink);background:linear-gradient(180deg,#fbefd0,#e6cf98);border:1px solid var(--cc-gold-lo);box-shadow:0 2px #00000059}.cc-chip:active{transform:translateY(1px);box-shadow:0 1px #00000059}.cc-text{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cc-gold-lo) transparent;padding:2px 4px 8px 6px;display:grid;align-content:start;gap:8px}.cc-text.more{mask-image:linear-gradient(180deg,#000 82%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent)}.cc-tag{margin:0}.cc-tag span{display:inline-block;padding:2px 12px 3px;border-radius:2px;font-size:.74rem;font-weight:700;color:var(--cc-gold-hi);background:linear-gradient(180deg,var(--cc-lapis-2),var(--cc-lapis));box-shadow:0 0 0 1px var(--cc-gold-lo);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%,7px 50%);padding-inline:16px}.cc-title{margin:0;font-size:1.75rem;line-height:1.25;font-weight:900;background:linear-gradient(180deg,#7a5418 10%,#b8862c 55%,#5e3f10 95%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.4)}.cc-sub{margin:-4px 0 0;color:var(--cc-ink-soft);font-size:.9rem;font-weight:600}.cc-line{position:relative;margin:0;padding:2px 16px 2px 0;font-size:1.02rem;line-height:1.65;font-weight:700;color:#4a2f10;border-inline-start:3px solid var(--cc-gold)}.cc-body{margin:0;font-size:.92rem;line-height:1.8}.cc-ancestor{margin:2px 0;text-align:center;font-size:1.18rem;font-weight:900;color:#6d4a1c;line-height:1.6}.cc-ancestor:before,.cc-ancestor:after{content:"";display:block;height:10px;margin:2px auto;width:60%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M0 5h86M114 5h86' stroke='%23a8812f'/%3E%3Cpath d='M100 0l5 5-5 5-5-5z' fill='%23a8812f'/%3E%3Ccircle cx='90' cy='5' r='1.5' fill='%23a8812f'/%3E%3Ccircle cx='110' cy='5' r='1.5' fill='%23a8812f'/%3E%3C/svg%3E") center / contain no-repeat}.cc-aside{position:relative;margin:0;padding:9px 14px;border-radius:4px;font-size:.85rem;line-height:1.7;color:#3b2913;background:#fffaeb8c;box-shadow:inset 0 0 0 1px #a8812f73,inset 0 0 0 3px #fffaeb99,inset 0 0 0 4px #a8812f33}.cc-aside p{margin:0}.cc-aside h4{margin:6px 0 1px;font-size:.78rem;color:var(--cc-gold-lo);font-weight:800}.cc-aside h4:first-child{margin-top:0}.cc-aside-final p+p{margin-top:4px}.cc-warn{color:#8a2a1e;font-weight:700}.cc-tools{margin:0;padding:0;list-style:none;display:grid;gap:1px}.cc-tools li:before{content:"◆";color:var(--cc-gold);font-size:.6rem;margin-inline-end:6px;vertical-align:2px}.cc-neighbours{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px}.cc-neighbours li{display:inline-flex;align-items:center;gap:5px;font-weight:700}.cc-how{margin:0;font-size:.74rem;color:var(--cc-ink-soft)}.cc-how b{color:var(--cc-gold-lo);margin-inline-end:4px}.cc-foot{display:flex;align-items:center;gap:10px;padding:6px 20px 14px;border-top:1px solid rgba(168,129,47,.35);margin:0 20px;padding-inline:0}.cc-btn{min-height:44px;padding:0 18px;border-radius:4px;font:800 .95rem var(--font-ui);cursor:pointer;touch-action:manipulation}.cc-primary{min-width:150px;color:var(--cc-lapis);background:linear-gradient(180deg,var(--cc-gold-hi),var(--cc-gold) 55%,#a8812f);border:1px solid var(--cc-gold-lo);box-shadow:0 3px #6a4f18,0 6px 14px #00000040,inset 0 1px #fff9}.cc-primary:active{transform:translateY(2px);box-shadow:0 1px #6a4f18,inset 0 1px #fff9}.cc-final .cc-primary,.cc-card:has(.cc-aside-final) .cc-primary{animation:cc-glint 2.6s ease-in-out infinite}@keyframes cc-glint{50%{box-shadow:0 3px #6a4f18,0 0 22px #f3d98fd9,inset 0 1px #fff9}}.cc-ghost{color:var(--cc-ink);background:transparent;border:1px solid rgba(138,106,38,.6)}.cc-quiet{margin-inline-start:auto;color:var(--cc-ink-soft);background:none;border:0;font-weight:700}.cc-pearls{display:flex;align-items:center;gap:6px;margin:0 auto;padding:0;list-style:none}.cc-pearls li{width:9px;height:9px;border-radius:50%;background:#8a6a2640;box-shadow:inset 0 0 0 1px #8a6a2699;transition:all .3s}.cc-pearls li.done{background:var(--cc-gold)}.cc-pearls li.on{width:22px;border-radius:5px;background:linear-gradient(90deg,var(--cc-gold-hi),var(--cc-gold));box-shadow:0 0 8px #c9a24acc}.cc-pearls li.seat-start{margin-inline-start:8px}.cc-pearls li.seat-start:before{content:""}.cc-quiet:only-of-type{margin-inline-start:auto}@media(orientation:landscape)and (max-height:500px){.cc-main{padding:12px 14px 2px;gap:14px;grid-template-columns:minmax(0,33%) minmax(0,1fr)}.cc-title{font-size:1.32rem}.cc-sub{font-size:.8rem}.cc-line{font-size:.88rem;line-height:1.55;padding-inline-start:10px}.cc-body{font-size:.8rem;line-height:1.65}.cc-aside{font-size:.76rem;line-height:1.6;padding:6px 10px}.cc-ancestor{font-size:.98rem}.cc-text{gap:6px}.cc-foot{margin:0 14px;padding:4px 0 9px;gap:8px}.cc-btn{min-height:44px;font-size:.86rem;padding:0 14px}.cc-primary{min-width:128px}.cc-art-seat.cc-art-final{padding-top:11%}.cc-crest-glow svg{width:96px;height:96px}.cc-house{font-size:.92rem}.cc-chip{min-height:30px;font-size:.74rem;padding:0 8px}.cc-chips{max-height:66px}.cc-corner{width:26px;height:26px}}@media(max-width:600px)and (orientation:portrait){.cc-main{grid-template-columns:1fr;grid-template-rows:34% minmax(0,1fr)}.cc-pearls{display:none}}@media(prefers-reduced-motion:reduce){.court-cards,.cc-card{transition:none}.cc-main.from-next,.cc-main.from-prev,.cc-art img,.cc-court-seat,.cc-crest-glow,.cc-primary{animation:none!important}}.court-story{margin-top:8px;min-height:40px}