@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--bg0:#070b1e;--bg1:#0d1233;--ink:#eef2ff;--sub:#9aa7d6;--neon:#6b8cff;--pink:#ff5fb4;--gold:#ffd43b;--mint:#63e6be}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg0);color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Pretendard Variable,Pretendard,-apple-system,sans-serif;overflow:hidden}#app{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100)}.screen{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8ca5ff59 transparent;width:100%;height:100%;display:none;overflow:hidden auto}.screen.active{flex-direction:column;display:flex}#screen-home{background:radial-gradient(1200px 700px at 70% -10%, #1a2258 0%, transparent 60%), radial-gradient(900px 600px at 10% 110%, #241a4d 0%, transparent 55%), linear-gradient(180deg, var(--bg0), var(--bg1));justify-content:flex-start;align-items:center;position:relative}.stars{pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#cdd8ff 50%,#0000 51%),radial-gradient(1px 1px at 32% 68%,#9db4ff 50%,#0000 51%),radial-gradient(2px 2px at 58% 14%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 74% 44%,#cdd8ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 76%,#9db4ff 50%,#0000 51%),radial-gradient(1px 1px at 44% 88%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 6% 56%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 94% 8%,#cdd8ff 50%,#0000 51%);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.home-inner{z-index:1;flex-direction:column;align-items:center;gap:42px;width:100%;margin:auto 0;padding:32px 24px 24px;display:flex;position:relative}.logo-wrap{text-align:center;position:relative}.logo-ball{background:radial-gradient(circle at 35% 30%,#fff,#cfe0ff 55%,#7b93d8);border-radius:50%;width:54px;height:54px;margin:0 auto 14px;animation:2.2s cubic-bezier(.35,0,.2,1) infinite bounce;box-shadow:0 0 30px #6b8cffaa,0 0 70px #6b8cff44}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-26px)scale(.98,1.02)}55%{transform:translateY(-26px)}95%{transform:translateY(0)scale(1.04,.94)}}.logo{letter-spacing:.06em;background:linear-gradient(105deg, #9db4ff, #fff 40%, var(--pink) 75%, var(--gold));color:#0000;filter:drop-shadow(0 4px 24px #6b8cff55);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,7vw,72px);font-weight:900;line-height:.95}.logo span{letter-spacing:.5em;margin-left:.25em;font-size:.62em;display:block}.tagline{color:var(--sub);margin-top:14px;font-size:17px;font-weight:500}.mode-cards{grid-template-columns:repeat(auto-fit,minmax(220px,240px));justify-content:center;gap:20px;width:100%;max-width:820px;display:grid}.mode-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--ink);cursor:pointer;text-align:center;background:linear-gradient(160deg,#788cff24,#1e285a47);border:1px solid #8ca5ff38;border-radius:22px;padding:28px 22px;font-family:inherit;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.mode-card:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;position:absolute;inset:0 0 auto}.mode-card:hover{border-color:#a0b9ffb3;transform:translateY(-6px);box-shadow:0 18px 44px #5a78ff47}.mode-card:hover .mode-emoji{transform:scale(1.1)translateY(-2px)}.home-info{text-align:center;border-top:1px solid #8ca5ff2e;border-bottom:1px solid #8ca5ff2e;width:min(820px,100%);padding:22px 24px}.home-info h2{margin-bottom:8px;font-size:20px}.home-info>p{max-width:680px;color:var(--sub);margin:0 auto;font-size:14px;line-height:1.7}.home-info-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.home-info-grid article{background:#788cff14;border:1px solid #8ca5ff1f;border-radius:12px;flex-direction:column;gap:5px;padding:14px;display:flex}.home-info-grid strong{color:#cdd8ff;font-size:13px}.home-info-grid span{color:var(--sub);font-size:12px;line-height:1.5}.mode-card.locked{opacity:.45;cursor:not-allowed}.mode-card.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.mode-emoji{margin-bottom:12px;font-size:42px;transition:transform .25s}.mode-name{margin-bottom:10px;font-size:21px;font-weight:800}.mode-desc{color:var(--sub);font-size:13px;line-height:1.6}.game-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px 4px;display:flex}.time-select,.start-select{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;transition:opacity .3s;display:flex}.time-select.locked,.start-select.locked{opacity:.35;pointer-events:none}.ctl-label{color:var(--sub);letter-spacing:.02em;font-size:13px;font-weight:700}.seg{background:#141e468c;border:1px solid #8ca5ff2e;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.time-btn,.start-btn{color:var(--sub);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s}.time-btn:hover,.start-btn:hover{color:var(--ink)}.time-btn.active,.start-btn.active{background:linear-gradient(100deg, var(--neon), #9b6bff);color:#fff;box-shadow:0 4px 14px #6b8cff73}.mini-btn{color:var(--sub);cursor:pointer;background:0 0;border:1px solid #8ca5ff4d;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s}.mini-btn:hover{color:var(--ink);border-color:#a0b9ffb3}.mini-btn.hidden,.time-extra{display:none}.custom-time{color:var(--sub);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.custom-time.hidden,.random-hint.hidden{display:none}.custom-time input{width:60px;color:var(--ink);text-align:center;background:#141e4699;border:1px solid #8ca5ff66;border-radius:10px;outline:none;padding:5px 8px;font-family:inherit;font-size:16px;font-weight:800}.custom-time input:focus{border-color:var(--neon);box-shadow:0 0 12px #6b8cff66}.custom-time input::-webkit-outer-spin-button{-webkit-appearance:none}.custom-time input::-webkit-inner-spin-button{-webkit-appearance:none}.random-hint{color:#ffd76b;font-size:13px;font-weight:600;animation:2s ease-in-out infinite hintpulse}.site-footer{z-index:1;flex-shrink:0;justify-content:center;gap:18px;padding:12px 0 18px;display:flex;position:relative}.site-footer a{color:var(--sub);opacity:.7;font-size:12px;text-decoration:none}.site-footer a:hover{opacity:1;color:var(--ink)}.shared-banner{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(560px,92vw);color:var(--ink);background:#0f163ceb;border:1px solid #8ca5ff59;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0006}.shared-banner-emoji{flex-shrink:0;font-size:24px}.shared-banner-text{flex:1;line-height:1.4}.shared-banner-text b{color:var(--gold)}.shared-banner-close{color:var(--sub);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:15px}.shared-banner-close:hover{color:var(--ink)}#screen-game{background:linear-gradient(180deg, var(--bg0), var(--bg1))}.game-topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c249e;border-bottom:1px solid #8ca5ff24;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}.game-title{text-align:center;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;font-weight:800;overflow:hidden}.ghost-btn{color:var(--sub);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #8ca5ff4d;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s}.ghost-btn:hover{color:var(--ink);background:#8ca5ff14;border-color:#a0b9ffb3}.icon-btn{cursor:pointer;background:0 0;border:1px solid #8ca5ff4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;line-height:1;transition:all .18s;display:inline-flex}.icon-btn:hover{background:#8ca5ff14;border-color:#a0b9ffb3}.icon-btn.muted{opacity:.55;filter:grayscale()}.timer-wrap{align-items:center;gap:12px;min-width:190px;display:flex}.timer-num{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;color:var(--gold);text-shadow:0 0 14px #ffd43b66;font-size:26px;font-weight:900}.timer-bar{background:#ffffff1a;border-radius:99px;flex:1;height:8px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--mint), var(--gold));border-radius:99px;width:100%;height:100%;transition:width .1s linear}.timer-fill.danger{background:linear-gradient(90deg,#ff8787,#ff5f5f)}.canvas-wrap{flex:1 0 auto;justify-content:center;align-items:center;padding:4px 12px 14px;display:flex;position:relative}#game-canvas{--chrome:184px;width:min(100%, max(320px, calc((var(--vh,1vh) * 100 - var(--chrome)) * .8298)));aspect-ratio:780/940;touch-action:none;cursor:grab;border:1px solid #8ca5ff3d;border-radius:20px;height:auto;display:block;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 60px #00000073,0 0 60px #5a78ff24}#game-canvas.picking{cursor:crosshair}.hint{color:#ffe9a8;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0a1030e0;border:1px solid #ffd43b66;border-radius:18px;max-width:calc(100% - 32px);padding:11px 20px;font-size:14px;line-height:1.4;animation:2s ease-in-out infinite hintpulse;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.hint.hidden{display:none}@keyframes hintpulse{0%,to{opacity:.85}50%{opacity:1}}@media (width<=640px){.home-inner{gap:30px;padding:24px 16px 16px}.tagline{font-size:15px}.mode-cards{grid-template-columns:1fr;max-width:320px}.mode-card{padding:22px 18px}.mode-emoji{font-size:36px}.mode-name{font-size:19px}.home-info{padding:18px 4px}.home-info h2{font-size:18px}.home-info>p{font-size:13px}.home-info-grid{grid-template-columns:1fr;gap:8px}.home-info-grid article{padding:11px 14px}.game-topbar{gap:10px;padding:10px 12px}.game-title{font-size:14px}.ghost-btn{padding:7px 11px;font-size:13px}.icon-btn{width:34px;height:34px;font-size:15px}.timer-wrap{gap:8px;min-width:118px}.timer-num{min-width:32px;font-size:22px}.game-controls{gap:6px;padding:8px 8px 2px}.time-select,.start-select{flex-wrap:nowrap;gap:8px}.ctl-label{display:none}.seg{flex-wrap:nowrap}.time-btn,.start-btn{white-space:nowrap;padding:6px 8px;font-size:11.5px}.mini-btn{white-space:nowrap;padding:6px 9px;font-size:11px}.canvas-wrap{padding:2px 8px 10px}#game-canvas{--chrome:176px;border-radius:16px}.hint{white-space:nowrap;border-radius:999px;max-width:calc(100% - 20px);padding:8px 14px;font-size:12px;bottom:14px}.result-card{padding:40px 24px 28px}.card-region{font-size:34px}}@media (width<=380px){.game-title{display:none}}@media (height<=560px){.game-controls{flex-flow:wrap;gap:10px 18px}#game-canvas{--chrome:140px}}@media (hover:none){.mode-card:hover{transform:none}}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#050816b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.overlay.visible{opacity:1;pointer-events:auto}.result-card{text-align:center;background:radial-gradient(500px 300px at 50% -20%,#788cff59,#0000 70%),linear-gradient(165deg,#171e4b,#100b2e);border:1px solid #a0b9ff59;border-radius:28px;width:min(420px,90vw);padding:48px 36px 36px;transition:transform .35s cubic-bezier(.2,1.4,.4,1);position:relative;transform:translateY(24px)scale(.94);box-shadow:0 30px 90px #0009,0 0 60px #6b8cff40}.overlay.visible .result-card{transform:translateY(0)scale(1)}.card-stamp{border:2px solid var(--pink);color:var(--pink);letter-spacing:.2em;opacity:.9;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:900;position:absolute;top:20px;right:22px;transform:rotate(8deg)}.card-emoji{filter:drop-shadow(0 6px 20px #0006);font-size:72px}.card-region{letter-spacing:-.01em;background:linear-gradient(100deg,#fff,#b9c8ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:40px;font-weight:900}.card-sub{color:var(--sub);margin-top:4px;font-size:15px;font-weight:700}.card-sub:empty{display:none}.card-desc{color:#c6d0f5;margin-top:16px;font-size:15px;line-height:1.7}.card-places{text-align:left;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.places-col h3{color:#9aa7d6;margin:0 0 8px;font-size:13px;font-weight:800}.places-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.places-list li{color:#dfe5ff;background:#ffffff0a;border-radius:8px;flex-direction:column;padding:6px 10px;font-size:13px;display:flex}.places-list li span{color:var(--sub);margin-top:1px;font-size:11px}.places-list li.places-loading,.places-list li.places-empty{color:var(--sub);background:0 0;padding:4px 2px}@media (width<=420px){.card-places{grid-template-columns:1fr}}.card-actions{flex-direction:column;gap:10px;margin-top:30px;display:flex}.cta{cursor:pointer;color:var(--ink);background:#8ca5ff24;border:1px solid #8ca5ff40;border-radius:14px;padding:14px;font-size:16px;font-weight:800;transition:all .18s}.cta:hover{background:#8ca5ff42}.cta.primary{background:linear-gradient(100deg, var(--neon), #9b6bff);border:none;box-shadow:0 8px 28px #6b8cff66}.cta.primary:hover{filter:brightness(1.12)}.cta.ghost{color:var(--sub);background:0 0;border-color:#0000}.cta.ghost:hover{color:var(--ink)}.cta.share{color:#a8f5dd;background:linear-gradient(100deg,#63e6be2e,#74c0fc2e);border:1px solid #63e6be66}.cta.share:hover{background:linear-gradient(100deg,#63e6be4d,#74c0fc4d)}.toast{z-index:200;color:#d9fff1;opacity:0;pointer-events:none;background:#141e46f2;border:1px solid #63e6be80;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;bottom:36px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 40px #00000080,0 0 24px #63e6be33}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.loading{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--sub);background:#050816d9;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-weight:600;display:flex;position:fixed;inset:0}.loading.hidden{display:none}.spinner{border:4px solid #8ca5ff33;border-top-color:var(--neon);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}