@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Noto+Sans+KR:wght@400;600;700;900&display=swap");:root{color-scheme:dark;--bg:#020617;--panel:rgba(9,16,35,0.76);--panel-strong:rgba(15,23,42,0.92);--text:#f8fbff;--muted:#9fb0cd;--cyan:#33e7ff;--gold:#ffd36a;--pink:#ff4ecd;--line:rgba(255,255,255,0.15)}hr,p{margin:0;padding:0}*{box-sizing:border-box}body,html{width:100%;min-height:100%;overflow:hidden;background:var(--bg)}body{margin:0;font-family:Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.75}.appShell{position:relative;display:grid;place-items:center;width:100%;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 0,rgba(14,165,233,.26),transparent 28rem),radial-gradient(circle at 10% 92%,rgba(255,78,205,.16),transparent 20rem),#020617}.mapBackdrop{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(51,231,255,.12),transparent 38%),linear-gradient(180deg,rgba(2,6,23,.36),rgba(2,6,23,.9))}.mapBackdrop:after,.mapBackdrop:before{content:"";position:absolute;inset:-20%;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1px),radial-gradient(circle,rgba(51,231,255,.58) 0 1px,transparent 1px);background-size:86px 86px,131px 131px;animation:starDrift 40s linear infinite;opacity:.25}.mapBackdrop:after{animation-duration:62s;transform:scale(1.35);opacity:.14}.globeBackdrop{display:grid;place-items:center}.globeBackdrop>div:first-child{position:relative;z-index:1}.globeBackdrop canvas{display:block;filter:saturate(1.18) contrast(1.06) drop-shadow(0 0 42px rgba(51,231,255,.28));transition:filter .72s ease,transform .72s ease}.globeBackdrop.isLocked canvas{filter:saturate(1.34) contrast(1.12) drop-shadow(0 0 58px rgba(255,211,106,.32))}.globeFallback{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.16),transparent 12%),radial-gradient(circle,rgba(51,231,255,.28),rgba(15,23,42,.12) 58%,transparent 70%);box-shadow:0 0 90px rgba(51,231,255,.18);animation:launchBreath 2.4s ease-in-out infinite}.globeScanline{z-index:2;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),radial-gradient(circle at 50% 42%,transparent 0 22%,rgba(2,6,23,.14) 48%,rgba(2,6,23,.62) 100%);mix-blend-mode:screen;opacity:.42}.globeScanline,.mapGlow{position:absolute;inset:0;pointer-events:none}.mapGlow{z-index:3;background:radial-gradient(circle at 50% 42%,rgba(255,211,106,.16),transparent 15rem),radial-gradient(circle at 50% 48%,transparent 0 24rem,rgba(2,6,23,.46) 38rem),linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.68));opacity:.95}.mapBackdrop.isSpinning .mapGlow{background:radial-gradient(circle at 50% 42%,rgba(51,231,255,.2),transparent 16rem),radial-gradient(circle at 50% 48%,transparent 0 24rem,rgba(2,6,23,.44) 38rem),linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.64))}.launchScreen{position:relative;z-index:2;display:grid;place-items:center;width:100%;min-height:100dvh;padding:20px}.launchButton{display:grid;place-items:center;width:min(68vw,260px);aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.58),transparent 13%),linear-gradient(135deg,#34e8ff,#8b5cf6 48%,#ff4ecd);box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 42px rgba(51,231,255,.48),inset 0 0 38px rgba(255,255,255,.14);font-family:Orbitron,sans-serif;animation:launchBreath 2.2s ease-in-out infinite}.launchButton span{font-size:clamp(30px,10vw,48px);font-weight:900;letter-spacing:-.05em}.launchButton em{margin-top:-52px;font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:900;font-size:14px}.launchButton:active{transform:scale(.96)}.playScreen{position:relative;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:10px;gap:10px;width:min(460px,100%);min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.topBar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 4px;font-family:Orbitron,sans-serif;letter-spacing:.08em}.topBar span{color:var(--cyan);font-size:13px;font-weight:900;text-shadow:0 0 18px rgba(51,231,255,.45)}.topBar strong{color:var(--gold);font-size:11px}.rollingCaption{align-self:end;display:grid;place-items:center;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(9,16,35,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.rollingCaption span{width:58px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold));animation:loadingBar .72s ease-in-out infinite alternate}.rollingCaption p{margin:0;color:#d9e6ff;font-weight:800;font-size:13px}.resultFrame{position:relative;align-self:end;width:100%;padding-top:16px}.resultBadge{position:absolute;top:-10px;left:50%;z-index:2;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 12px 24px rgba(2,6,23,.42),0 0 0 1px rgba(255,255,255,.08)}.resultSheet{position:relative;display:grid;grid-gap:9px;gap:9px;width:100%;padding:8px 14px 14px;border:1px solid var(--result-border,rgba(255,255,255,.17));border-radius:24px;background:linear-gradient(180deg,var(--result-surface-start,rgba(15,23,42,.94)),var(--result-surface-end,rgba(9,16,35,.84)));box-shadow:var(--result-shadow,0 -12px 70px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow:hidden}.resultSheet:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,var(--result-glow,rgba(51,231,255,.18)),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.05),transparent 50%);pointer-events:none}.resultSheet>*{position:relative;z-index:1}.resultHead{display:grid;place-items:center;min-width:0;text-align:center}.resultCountryName{display:block;max-width:100%;color:var(--result-accent,var(--text));font-size:22px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 18px rgba(255,255,255,.12)}.gradeBadge,.resultCountryName{font-weight:900;white-space:nowrap}.gradeBadge{display:inline-grid;place-items:center;min-width:82px;height:30px;padding:0 10px;border-radius:999px;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.04em;line-height:1}.grade-n{background:linear-gradient(135deg,#64748b,#cbd5e1);color:#101827}.grade-r{background:linear-gradient(135deg,#38bdf8,#2563eb)}.grade-c{background:linear-gradient(135deg,#34d399,#0ea5e9);color:#06211a}.grade-sr{background:linear-gradient(135deg,#d946ef,#7c3aed)}.grade-ssr{background:linear-gradient(135deg,#fff1a8,#f59e0b);color:#2b1700}.grade-sss,.grade-ur{background:linear-gradient(90deg,#ff4ecd,#ffd36a,#32e6ff,#9b5cff,#ff4ecd);background-size:240% 100%;color:#12051a;animation:holo 2.4s linear infinite}.result-grade-n{--result-accent:#cbd5e1;--result-surface-start:rgba(30,41,59,0.96);--result-surface-end:rgba(12,18,30,0.86);--result-border:rgba(148,163,184,0.34);--result-glow:rgba(148,163,184,0.18);--result-shadow:0 -12px 70px rgba(8,15,28,0.52),inset 0 1px 0 rgba(255,255,255,0.08)}.result-grade-c{--result-accent:#6ee7b7;--result-surface-start:rgba(9,63,79,0.96);--result-surface-end:rgba(7,24,37,0.86);--result-border:rgba(45,212,191,0.34);--result-glow:rgba(45,212,191,0.2);--result-shadow:0 -12px 70px rgba(4,25,33,0.56),inset 0 1px 0 rgba(255,255,255,0.08)}.result-grade-r{--result-accent:#7dd3fc;--result-surface-start:rgba(18,52,92,0.96);--result-surface-end:rgba(9,21,44,0.86);--result-border:rgba(96,165,250,0.34);--result-glow:rgba(96,165,250,0.22);--result-shadow:0 -12px 70px rgba(8,15,35,0.56),inset 0 1px 0 rgba(255,255,255,0.08)}.result-grade-sr{--result-accent:#c084fc;--result-surface-start:rgba(52,24,89,0.97);--result-surface-end:rgba(16,10,36,0.88);--result-border:rgba(192,132,252,0.34);--result-glow:rgba(192,132,252,0.22);--result-shadow:0 -12px 70px rgba(16,10,36,0.6),inset 0 1px 0 rgba(255,255,255,0.08)}.result-grade-ssr{--result-accent:#fde68a;--result-surface-start:rgba(104,67,7,0.97);--result-surface-end:rgba(39,22,8,0.88);--result-border:rgba(251,191,36,0.36);--result-glow:rgba(251,191,36,0.22);--result-shadow:0 -12px 70px rgba(39,22,8,0.6),inset 0 1px 0 rgba(255,255,255,0.08)}.result-grade-sss,.result-grade-ur{--result-accent:#ffe08a;--result-surface-start:rgba(62,15,70,0.97);--result-surface-end:rgba(11,13,35,0.88);--result-border:rgba(255,255,255,0.34);--result-glow:rgba(51,231,255,0.24);--result-shadow:0 -12px 70px rgba(11,13,35,0.64),inset 0 1px 0 rgba(255,255,255,0.08)}.probMain{padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));text-align:center}.probMain .probPopulation{margin-top:3px}.probMain>span{display:block;color:var(--muted);font-size:11px;font-weight:800}.probMain strong{display:flex;justify-content:center;align-items:center;margin-top:2px;color:var(--result-accent,var(--gold));font-family:Orbitron,sans-serif;font-size:clamp(10px,11vw,44px);line-height:1}.probMain strong.jobName{font-size:clamp(10px,11vw,24px)}.probMain p{margin-top:2px;color:var(--result-accent,var(--gold))}.probMain hr{margin:10px 0;border:1px solid var(--line);border-top:none}.slot-container{display:inline-flex;align-items:baseline;justify-content:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:inherit;line-height:1}.slot-digit-container{display:inline-block;height:1em;width:.72em;line-height:1;overflow:hidden;vertical-align:bottom;position:relative;flex-shrink:0;margin:0 .03em}.slot-digit-track{display:flex;flex-direction:column;width:100%}.slot-digit-number{display:flex;align-items:center;justify-content:center;height:1em;width:100%;line-height:1;font-size:inherit;flex-shrink:0}.slot-literal{display:inline-block;height:1em;line-height:1;vertical-align:bottom;margin:0 .08em}.probMain em{display:block;margin-top:6px;color:#e6f0ff;font-style:normal;font-size:12px;font-weight:900}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.primaryButton,.secondaryButton{min-height:44px;border:0;border-radius:15px;font-weight:900}.primaryButton{background:linear-gradient(135deg,var(--gold),#ff9d00);color:#261400}.secondaryButton{background:rgba(255,255,255,.09);border:1px solid var(--line)}.shareStatus{margin:0;color:var(--cyan);text-align:center;font-size:12px;font-weight:800}.stageButton{grid-column:1/-1}.creatureFade{position:absolute;inset:0;z-index:1;background:#000;pointer-events:none;opacity:0;animation-name:creatureFadeToBlack;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes creatureFadeToBlack{0%{opacity:0}to{opacity:1}}.creaturePhotoStack{position:absolute;inset:0;z-index:1;pointer-events:none;animation:creaturePhotoStackIn 1.1s ease-in-out both}@keyframes creaturePhotoStackIn{0%{opacity:0}to{opacity:1}}.creaturePhotoStack:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.32),rgba(2,6,23,.62) 55%,rgba(2,6,23,.86))}.creaturePhotoBackdrop{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;pointer-events:none;opacity:0;transition:opacity 1.1s ease-in-out}.creaturePhotoBackdrop.isActive{opacity:1}.creaturePhotoBackdrop.isSettled{animation:creaturePhotoDrift 14s linear both}@keyframes creaturePhotoDrift{0%{transform:scale(1)}to{transform:scale(1.12)}}.creatureSubtitle{color:var(--muted);font-size:11px;font-weight:600;margin-top:2px}.creatureAttribution{display:block;color:var(--muted);font-size:9px;opacity:.55;margin-top:6px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes starDrift{0%{transform:translateZ(0)}to{transform:translate3d(-86px,86px,0)}}@keyframes launchBreath{0%,to{transform:scale(.985)}50%{transform:scale(1.035)}}@keyframes loadingBar{0%{transform:scaleX(.35);opacity:.5}to{transform:scaleX(1);opacity:1}}@keyframes holo{to{background-position:240% 0}}@media (min-width:760px){.playScreen{width:min(430px,100%)}}@media (max-height:700px){.playScreen{gap:7px;padding-top:8px;padding-bottom:8px}.topBar{min-height:28px}.resultFrame{padding-top:12px}.resultSheet{gap:6px;padding:14px 10px 10px;border-radius:20px}.resultCountryName{font-size:19px}.probMain{padding:9px}.probMain strong{font-size:clamp(28px,9vw,40px)}.probMain em{font-size:11px}.primaryButton,.secondaryButton{min-height:38px}}@media (max-width:360px){.playScreen{padding-left:10px;padding-right:10px}.resultCountryName{font-size:19px}}