.skindle-head{padding-bottom:14px}.skindle-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(18px,3vw,36px);display:grid}.skindle-view{aspect-ratio:4/3;border-radius:var(--radius);background:radial-gradient(circle at 50% 50%, var(--rarity,var(--accent)), transparent 70%), var(--card-bg);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skindle-view{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--rarity,var(--accent)) 25%, transparent), transparent 70%), var(--card-bg)}}.skindle-view{box-shadow:inset 0 0 0 1px var(--card-edge), 0 30px 70px -30px #000000e6}.skindle-view img.is-gray{filter:grayscale()contrast(1.15)brightness(.9)}.skindle-zoom{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;bottom:12px;left:14px}.skindle-sparks{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.skindle-sparks span{border-radius:50%;grid-area:1/1;width:9px;height:9px}.hints{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.hints b{font-size:14px}.hint-locked{color:var(--muted);opacity:.6;font-weight:400}.guess-box{margin-bottom:12px;position:relative}.suggest{z-index:10;border:1px solid var(--line);background:var(--bg-2);border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 24px 50px -20px #000000e6}.suggest [role=option]:hover{background:var(--rarity)}@supports (color:color-mix(in lab, red, red)){.suggest [role=option]:hover{background:color-mix(in oklab, var(--rarity) 18%, transparent)}}.suggest span{display:grid}.guess-name{font-size:14px;font-weight:600;display:grid}.guess-marks{gap:4px;display:flex}.result-weapon{color:var(--muted);font-size:13px;display:block}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.result-stats b{font-size:22px}.result-actions{gap:8px;display:grid}.next-in{text-align:center;color:var(--muted);margin:12px 0 0;font-size:12px}@media (max-width:860px){.skindle-grid{grid-template-columns:1fr}.guess-marks i{padding:3px 5px}}.skindle-view{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.skindle-view img{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.skindle-back{color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.suggest{max-height:min(var(--suggest-room,420px), 420px);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.suggest ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.suggest [role=option].is-active{background:var(--rarity)}@supports (color:color-mix(in lab, red, red)){.suggest [role=option].is-active{background:color-mix(in oklab, var(--rarity) 24%, transparent)}}.suggest [role=option].is-active{box-shadow:inset 0 0 0 1px var(--rarity)}@supports (color:color-mix(in lab, red, red)){.suggest [role=option].is-active{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rarity) 45%, transparent)}}.suggest-count{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg-2);border-bottom:1px solid var(--line);margin:-6px -6px 4px;padding:9px 14px 7px;font-size:10px;transition:color .2s;position:sticky;top:-6px}.suggest-count.is-nudged{color:var(--accent)}.result-rank{color:var(--like);margin:-6px 0 14px;font-weight:600}.dist-bar{display:block;position:relative}.dist-bar i{position:relative}.dist-crowd{background:repeating-linear-gradient(135deg, var(--ink) 0 4px, transparent 4px 8px);border-radius:4px;position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.dist-crowd{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--ink) 12%, transparent) 0 4px, transparent 4px 8px)}}.dist-crowd{pointer-events:none}.dist-legend{text-align:right;color:var(--muted);margin:2px 0 0;font-size:10px}@media (max-width:860px){.skindle-grid{flex-direction:column;align-items:stretch;gap:12px;display:flex}.skindle-left,.skindle-right{display:contents}.skindle-view{order:1;align-self:center;width:min(100%,61svh)}.skindle .hints{order:3;margin:0}}@media (max-width:640px){.skindle-head{gap:6px;padding:10px 0 12px}.skindle-head .page-title{font-size:40px}.skindle-head .battle-sub{max-width:36ch;font-size:13px;line-height:1.4}.skindle-view{aspect-ratio:16/10;width:min(100%,54svh)}.skindle:not(.is-done) .skindle-view{z-index:3;transition:width .25s var(--ease);position:sticky;top:8px}.skindle:not(.is-done):has(.guess-box input:focus) .skindle-view{width:min(100%,35svh)}.skindle .hints{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.skindle .hints li{grid-column:span 2;align-content:start;min-width:0;min-height:54px;padding:7px 9px}.skindle .hints li:nth-child(n+4){grid-column:span 3}.skindle .hints .mono{letter-spacing:.06em;font-size:9px}.skindle .hints b{overflow-wrap:anywhere;font-size:13px;line-height:1.2}.skindle .hint-locked{font-size:11px}}.hints-locked{color:var(--muted);margin:10px 0 0;font-size:12px}@media (max-width:860px){.skindle .hints-locked{order:3;margin:0}}