[hidden]{display:none!important}
.completion-dialog{width:min(440px,calc(100% - 32px));padding:36px 28px;text-align:center;border:1px solid #796d50;border-radius:22px;background:radial-gradient(ellipse at top,#393147,#141923 70%);color:#f3f1ec;box-shadow:0 30px 100px #0008}
.completion-dialog::backdrop{background:#060910bb;backdrop-filter:blur(5px)}
.completion-emblem{font-size:68px;line-height:1.2;color:#f3d391;text-shadow:0 0 40px #e9c78066}
.completion-eyebrow{color:#e9c780;font-size:13px;letter-spacing:.08em;margin:20px 0 10px}
.completion-dialog h2{font-size:29px;margin:0 0 12px;letter-spacing:-1px}
.completion-dialog p:not(.completion-eyebrow){font-size:15px;color:#b8bed0}
.completion-dialog .next-button{width:100%;margin-top:20px}
.completion-back{display:block;margin:14px auto 0;padding:8px;border:0;background:transparent;color:#b8bed0;font:inherit;font-size:14px}
.completion-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
.completion-stats>div{padding:18px 20px;border:1px solid #424254;border-radius:12px;background:#0d111d66}
.completion-stats span{display:block;color:#a4acbf;font-size:13px;margin-bottom:6px}
.completion-stats strong{font-size:30px;color:#f0d395;font-variant-numeric:tabular-nums}
.completion-stats small{font-size:16px;font-weight:400;color:#a4acbf}
@media(max-width:600px){.completion-stats{grid-template-columns:repeat(2,1fr);gap:8px}.completion-stats>div{padding:14px}.completion-dialog{padding:26px 20px}}
@media(prefers-reduced-motion:no-preference){.completion-dialog[open]{animation:completion-in .45s ease-out}.completion-emblem{animation:completion-glow 1.6s ease-in-out 2}@keyframes completion-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes completion-glow{50%{transform:scale(1.1);text-shadow:0 0 60px #e9c780aa}}}
img{font-size:12px;line-height:1.4}
.image-unavailable{display:inline-grid;place-items:center;max-width:100%;padding:6px;color:#a4acbf;font:12px/1.5 "Malgun Gothic",sans-serif;text-align:center;word-break:keep-all}
.evo .image-unavailable{width:100%;min-height:54px}
.suggestions .image-unavailable,.summary-results>.image-unavailable{width:38px;flex-shrink:0;font-size:10px}
.modebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.mode-switch{display:flex;gap:4px;padding:5px;border:1px solid #303647;border-radius:12px;background:#121621}
.mode-switch button{border:0;border-radius:8px;background:transparent;color:#a4acbf;padding:9px 20px;font-size:14px;font-weight:700}
.mode-switch button[aria-pressed=true]{background:#343447;color:#f3f1ec;box-shadow:0 2px 8px #0003}
.mode-switch button:hover{color:#fff}
.medal-guide-button{border:0;border-bottom:1px solid #62616e;padding:5px 0;color:#bcb7cd;background:transparent;font-size:14px}
.round-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:0 0 24px}
.round-slot{height:62px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #2c3244;border-radius:10px;background:#141823;color:#778096;font-size:14px;font-variant-numeric:tabular-nums}
.round-slot.current{border-color:#baa16f;background:#e9c78009;color:#e9c780}
.round-slot.complete{background:#1c202c}
.round-slot img{width:52px;height:52px;object-fit:contain}
.round-slot .empty-medal{width:34px;height:34px;margin:0}
.slot-number{position:absolute;left:6px;top:3px;font-size:12px;color:#a4acbf}
.source-links{display:flex;gap:18px}
.award{display:flex;align-items:center;gap:20px;padding:18px 24px;border-top:1px solid #3a3f51;background:linear-gradient(110deg,#b1a7ee12,transparent)}
.award-icon{width:100px;height:100px;flex-shrink:0;display:grid;place-items:center}
.award-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #0005)}
.award-label{margin:0;color:#a4acbf;font-size:14px}
.award h3{font-size:25px;letter-spacing:-1px;line-height:1.3;margin:4px 0;color:#ece5ff}
.award[data-medal=gold] h3{color:#efd28c}
.award[data-medal=silver] h3{color:#c3d4ef}
.award[data-medal=bronze] h3{color:#e9b17f}
.award[data-medal=none] h3{color:#a4acbf}
.award small{font-size:14px;color:#a4acbf}
.empty-medal{display:block;width:64px;height:64px;border:1px dashed #6b7183;border-radius:50%;background:#ffffff02}
.next-round{display:flex;justify-content:flex-end;padding-top:18px}
.next-button,.replay-button{border:1px solid #c6ac76;background:#e9c780;color:#201b12;border-radius:10px;padding:12px 24px;font:inherit;font-weight:800}
.next-button:hover,.replay-button:hover{background:#f3d9a4}
#medalDialog{width:min(650px,calc(100% - 32px));padding:28px}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}
.dialog-heading h2{margin:0}
.dialog-close{width:36px;height:36px;border:1px solid #363b4d;background:transparent;color:#a4acbf;border-radius:8px;font-size:24px;line-height:1}
.medal-rules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0}
.medal-rule{text-align:center;padding:10px 0;border:1px solid #303647;border-radius:10px;background:#10141e}
.medal-rule .medal-visual{height:80px;display:grid;place-items:center}
.medal-rule img{width:80px;height:80px;object-fit:contain}
.medal-rule .empty-medal{width:42px;height:42px}
.medal-rule strong{display:block;color:#f3f1ec;font-size:14px;font-weight:600}
.medal-rule small{color:#a4acbf;font-size:14px}
#medalDialog .medal-footnote{font-size:14px}
.run-summary{grid-column:1/-1;padding:30px;border:1px solid #3a3f51;border-radius:18px;background:linear-gradient(155deg,#202535,#131722)}
.summary-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.summary-heading h2{font-size:27px;line-height:1.3;margin:4px 0 0;letter-spacing:-1px}
.summary-heading p{font-size:14px;color:#a4acbf;margin:0}
.summary-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-bottom:28px;border-bottom:1px solid #363b4d}
.medal-count{display:flex;align-items:center;gap:10px;justify-content:center;background:#0d111d77;border:1px solid #303647;border-radius:12px;padding:12px}
.medal-count .medal-visual{width:64px;height:64px;display:grid;place-items:center;flex-shrink:0}
.medal-count img{width:64px;height:64px;object-fit:contain}
.medal-count .empty-medal{width:38px;height:38px}
.medal-count small{display:block;color:#a4acbf;font-size:13px}
.medal-count b{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums}
.summary-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:26px 0 0;padding:0}
.summary-results li{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid #303647;border-radius:10px;background:#131722}
.summary-number{color:#858fa5;font-size:14px;font-variant-numeric:tabular-nums}
.summary-unit{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.summary-name{flex:1;min-width:0}
.summary-name strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.summary-name small{font-size:13px;color:#a4acbf}
.summary-results .medal-visual{width:56px;height:56px;display:grid;place-items:center;flex-shrink:0}
.summary-results .medal-visual img{width:56px;height:56px;object-fit:contain}
.summary-results .empty-medal{width:34px;height:34px}
.suggestions button:focus-visible{outline-offset:-4px}
.clue .answer{line-height:1.5}
.loading .retry{margin-top:8px}
@media(max-width:980px){.summary-counts{gap:7px}.medal-count{flex-direction:column;gap:0;text-align:center;padding:10px 4px}.medal-count small{margin-bottom:5px}.award{max-width:none}.round-slot{height:56px}.round-slot img{width:46px;height:46px}}
@media(max-width:600px){.mode-switch button{padding:9px 15px}.modebar{margin-top:18px;gap:12px}.medal-guide-button{font-size:13px}.round-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:20px}.round-slot{height:52px}.round-slot img{width:44px;height:44px}.round-slot .empty-medal{width:27px;height:27px}.award{gap:14px;padding:14px 20px}.award-icon{width:84px;height:84px}.award h3{font-size:23px}.run-summary{padding:20px 14px}.summary-heading{align-items:flex-start;flex-direction:column;gap:16px}.summary-heading h2{font-size:24px}.replay-button{width:100%}.summary-results{grid-template-columns:1fr}.summary-counts{gap:5px;padding-bottom:20px}.medal-count .medal-visual,.medal-count img{width:48px;height:48px}.medal-count small{font-size:12px}.medal-count b{font-size:21px}.medal-count .empty-medal{width:30px;height:30px}.medal-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}#medalDialog{padding:20px}.next-button{width:100%}.slot-number{font-size:12px;top:1px;left:4px}}
@media(max-width:600px){.round-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:52px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:6px}.round-slot{height:52px}}
@media(prefers-reduced-motion:no-preference){.award-icon{animation:award-in .35s ease-out}@keyframes award-in{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}}
