.stone-total{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 24px;background:var(--soft);border-radius:22px}.stone-total>strong{font-size:32px}.stone-total strong span{font-size:20px;color:var(--muted)}.stone-total>span{color:var(--muted);font-size:13px}.stone-total progress{margin-left:auto;width:160px;height:6px;accent-color:#bda16e}.stone-shelf{margin-top:38px}.stone-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.stone-shelf-heading h2{margin:0}.stone-shelf-heading>span{color:var(--muted);font-size:12px}.stone-shelf .stone-grid{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stone-collection .collection-stone{min-width:0;min-height:218px;padding:20px 12px;gap:12px;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);box-shadow:0 8px 26px #00000008;transition:transform .18s,box-shadow .18s}.collection-stone:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000016}.collection-stone>strong{font-size:13px;line-height:1.5;text-align:center}.collection-stone.locked{background:var(--soft)}.stone-outline{width:96px;height:110px;fill:color-mix(in srgb,var(--muted) 6%,transparent);stroke:var(--muted);stroke-width:1;opacity:.45}.collection-stone.mythical.earned{background:radial-gradient(ellipse at 50% 30%,#ae82ef20,transparent 70%),var(--soft);border-color:#ad8ad040}.mythical-stone-art{display:block;width:120px;height:120px;flex:none;background-image:url('/hskduel/mythical-stones.png');background-size:300% 200%;background-position:calc(var(--myth-col) * 50%) calc(var(--myth-row) * 100%);background-repeat:no-repeat}.stone-detail{text-align:center;max-width:460px;margin:auto;padding:16px 8px}.stone-detail>.stone-cell,.stone-detail>.mythical-stone-art,.stone-detail>.stone-outline{margin:16px auto 22px;width:180px}.stone-detail>.mythical-stone-art,.stone-detail>.stone-outline{height:180px}.stone-detail h2{margin:0 0 12px;font-size:26px}.stone-rarity{display:inline-block;border-radius:20px;padding:5px 12px;background:var(--soft);color:var(--muted);font-size:11px}.stone-rarity[data-rarity=Mythical]{background:#a777e522;color:#9870ba}.stone-detail dl{display:grid;grid-template-columns:1fr;text-align:left;margin:26px 0;padding:20px;background:var(--soft);border-radius:18px;gap:6px}.stone-detail dt{color:var(--muted);font-size:11px}.stone-detail dd{margin:0 0 12px;font-size:14px;line-height:1.5}.stone-detail dd:last-child{margin-bottom:0}.stone-detail>button{margin-top:14px}.stone-finders{list-style:none;padding:0;margin:14px 0}.stone-finders li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.stone-finders time{color:var(--muted)}.stone-discovery{display:block;color:#b89457;letter-spacing:.08em;font-size:12px;margin-bottom:12px}.stone-reveal>.stone-cell,.stone-reveal>.mythical-stone-art{animation:stone-reveal .9s ease-out both}.treasure-reward .mythical-stone-art{margin:auto}.stone-extra-reward{font-size:12px;color:var(--muted)}
/* Each source row has its own height. Explicitly size both axes, overriding global image rules. */
.hskduel-ui .stone-cell{flex-shrink:0;mask-image:radial-gradient(ellipse at center,#000 52%,#000 60%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 52%,#000 60%,transparent 75%)}
.hskduel-ui .stone-cell img{width:calc(887 / var(--w) * 100%)!important;height:calc(1774 / var(--h) * 100%)!important;max-width:none!important;max-height:none!important;left:calc(var(--x) / var(--w) * -100%)!important;top:calc(var(--y) / var(--h) * -100%)!important;object-fit:fill!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
@keyframes stone-reveal{from{opacity:0;transform:translateY(20px) scale(.7);filter:brightness(2)}to{opacity:1;transform:none;filter:none}}
@media(max-width:720px){.stone-shelf .stone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stone-collection .collection-stone{min-height:200px;padding:16px 8px}.stone-collection header{flex-wrap:wrap;height:auto}.stone-collection header h1{margin:0;font-size:25px}.stone-total{padding:18px;gap:10px}.stone-total progress{width:100%;margin:0}.stone-finders li{flex-wrap:wrap}.mythical-stone-art{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.stone-reveal>.stone-cell,.stone-reveal>.mythical-stone-art{animation:none}.stone-collection .collection-stone{transition:none;transform:none}}

.hskduel-ui .practice-level-chooser button,.hskduel-ui .practice-level-chooser button.selected{color:var(--fg)!important}
.mythical-frame{background:none;clip-path:none!important;color:#be91ed;filter:drop-shadow(0 0 4px #ae7dfb80)}.mythical-frame>svg{width:100%;height:100%;overflow:visible}.mythical-frame[data-mythic="1"]{color:#5fdde6;filter:drop-shadow(0 0 4px #5fdde680)}.mythical-frame[data-mythic="2"]{color:#969bf7}.mythical-frame[data-mythic="3"]{color:#eda1c3;filter:drop-shadow(0 0 4px #eda1c380)}.mythical-frame[data-mythic="4"]{color:#e9ab46;filter:drop-shadow(0 0 5px #f0a83880)}.mythical-frame[data-mythic="5"]{color:#bbe8df;filter:drop-shadow(0 0 5px #d1baf980)}.mythical-frame-gem{position:absolute;display:block;left:35%;bottom:-5%;width:30%;height:30%;background:url('/hskduel/mythical-stones.png') no-repeat;background-size:300% 200%;background-position:calc(var(--myth-col) * 50%) calc(var(--myth-row) * 100%)}.player-title[data-rarity=Mythical]{color:#c7a7e8;text-shadow:0 0 12px #ae7ee649;font-weight:700}.stone-set-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;background:var(--soft);border-radius:20px;margin:14px 0 26px}.stone-set-preview>.profile-icon{width:140px;height:140px;margin:4px 0 16px}.stone-set-preview>span{font-size:12px;color:var(--muted)}.stone-set-preview>.player-title{font-size:15px}.stone-set-preview>button{margin-top:6px}.stone-set-preview .profile-icon-crop img{width:calc(887 / var(--w) * 100%)!important;height:calc(1774 / var(--h) * 100%)!important;object-fit:fill!important}

#modal.collection-dialog{width:min(980px,calc(100vw - 24px));max-width:980px;max-height:90dvh;overflow-y:auto;border-radius:26px}
#modal .stone-collection{max-width:none;padding:8px 4px 20px}
#modal .stone-collection header{position:static;height:auto;padding:0 0 20px;border:0;box-shadow:none;background:none}
#modal.collection-dialog:has(.stone-collection)>#close-modal{display:none}
#modal .stone-collection header{min-height:0}

.stone-undiscovered{display:block;filter:grayscale(1) brightness(.5);opacity:.75}.stone-undiscovered>.stone-cell{width:110px}.stone-detail>.stone-undiscovered{margin:16px auto 22px;width:max-content}.stone-detail>.stone-undiscovered>.stone-cell,.stone-detail>.stone-undiscovered>.mythical-stone-art{width:180px;height:180px}.collection-stone.locked .stone-undiscovered .atlas-cell{filter:none}