@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:CookieRun;src:url(/fonts/CookieRun-Regular.woff) format("woff");font-weight:400;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0a0a1a;color:#fff;font-family:CookieRun,Pretendard,-apple-system,sans-serif}#app{width:100%;height:100%;position:relative;overflow:hidden}#pixi-root{position:absolute;top:0;right:0;bottom:0;left:0}#pixi-root canvas{width:100%!important;height:100%!important}#game-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#popup-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}#popup-container:not(:empty){pointer-events:auto}#hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;z-index:10}#hud-gold{display:flex;align-items:center;gap:6px;background:#0000008c;border:2px solid #f5c842;border-radius:20px;padding:5px 14px 5px 8px;font-size:18px;font-weight:700;color:#ffe066;text-shadow:0 1px 4px #000}#hud-right{display:flex;gap:8px}#btn-collection{display:flex;align-items:center;gap:5px;background:#0000008c;border:2px solid #7ecbff;border-radius:20px;padding:5px 14px 5px 8px;cursor:pointer;color:#7ecbff;font-size:15px;font-family:inherit;pointer-events:auto}.hud-icon{width:24px;height:24px;object-fit:contain}#depth-gauge{position:absolute;left:12px;top:calc(env(safe-area-inset-top,0px) + 60px);bottom:calc(env(safe-area-inset-bottom,0px) + 110px);width:16px;background:#0006;border:2px solid rgba(100,200,255,.3);border-radius:8px;overflow:hidden}#depth-fill{position:absolute;bottom:0;left:0;right:0;height:0%;background:linear-gradient(to top,#1a0a3a,#1b4f8a,#2a8fd4);transition:height .4s ease}#phase-label{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px #000,0 1px 3px #000,0 0 20px rgba(100,200,255,.5);background:#00000073;border-radius:16px;padding:6px 20px;pointer-events:none;text-align:center;transition:opacity .3s}#tap-zone{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;cursor:pointer;z-index:20}#tap-zone.hidden{display:none}#reel-minigame{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 120px);width:min(320px,88vw);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto;z-index:25;background:#000000b3;border:2px solid rgba(100,200,255,.4);border-radius:16px;padding:14px 16px 16px}#reel-minigame.hidden{display:none}#reel-tap-hint{font-size:15px;font-weight:700;color:#7ecbff;text-align:center;text-shadow:0 1px 6px #000}#reel-bar{width:100%;height:44px;background:#ffffff1a;border-radius:22px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.15);cursor:pointer}#reel-green-zone{position:absolute;top:0;bottom:0;background:#50dc648c;border-radius:8px;transition:left .05s linear,width .05s linear}#reel-cursor{position:absolute;top:4px;bottom:4px;width:8px;background:#fff;border-radius:4px;box-shadow:0 0 8px #ffffffe6;transform:translate(-50%);transition:left .02s linear}#miss-panel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 64px);left:50%;transform:translate(-50%);background:#0a0a1ee0;border:2px solid rgba(255,80,80,.7);border-radius:22px;padding:10px 28px;color:#f99;font-size:16px;font-weight:700;text-align:center;pointer-events:none;z-index:30;transition:opacity .5s ease;white-space:nowrap}#miss-panel.hidden{display:none}#result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:auto}#result-overlay.hidden{display:none}#result-card{background:#081226eb;border-radius:20px;padding:24px 20px 20px;width:min(320px,85vw);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;box-shadow:0 0 50px #3278dc80}.result-card-frame-img{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);object-fit:fill;pointer-events:none;z-index:1;border-radius:20px}#result-grade-badge,#result-creature-img,#result-name,#result-desc,#result-new-badge,#result-gold,#btn-result-close{position:relative;z-index:2}#result-grade-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:4px 18px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid currentColor;z-index:3}.grade-badge-normal{background:#1a3a1a;color:#7fff7a;border-color:#7fff7a}.grade-badge-weird{background:#2a1a3a;color:#c77fff;border-color:#c77fff}.grade-badge-abyss{background:#1a0a2a;color:#00e8ff;border-color:#00e8ff}#result-creature-img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(100,200,255,.4))}#result-name{font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(100,200,255,.5)}#result-desc{font-size:13px;color:#aac;text-align:center;line-height:1.5}#result-new-badge{background:linear-gradient(135deg,#f5c842,#ff8c00);color:#000;font-size:14px;font-weight:700;padding:4px 20px;border-radius:20px;letter-spacing:2px}#result-new-badge.hidden{display:none}#result-gold{color:#ffe066;font-size:18px;font-weight:700}#result-gold.hidden{display:none}#btn-result-close{width:100%;padding:14px;background:linear-gradient(135deg,#2a6fcc,#1a4f9a);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:4px;pointer-events:auto;position:relative;z-index:10;touch-action:manipulation}#bottom-bar{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);left:36px;right:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;pointer-events:auto;z-index:10}#bait-slots{display:flex;gap:8px;align-items:flex-end}.bait-btn{width:72px;height:72px;border-radius:14px;background:#0009;border:3px solid rgba(100,200,255,.25);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;transition:border-color .2s,transform .1s;padding:4px}.bait-btn img{width:44px;height:44px;object-fit:contain}.bait-btn.selected{border-color:#f5c842;background:#f5c84226}.bait-count{font-size:13px;font-weight:700;color:#fff}.bait-btn[data-empty=true]{opacity:.35}#btn-cast{width:90px;height:90px;border-radius:50%;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s;pointer-events:auto}#btn-cast img{width:100%;height:100%;object-fit:contain}#btn-cast:active{transform:scale(.93)}#btn-cast:disabled{opacity:.4}#bait-empty-panel{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 100px);left:50%;transform:translate(-50%);background:#000000d9;border:2px solid #f5c842;border-radius:16px;padding:16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto;z-index:10;min-width:220px}#bait-empty-panel.hidden{display:none}#bait-empty-text{color:#ffe066;font-size:16px;font-weight:700;text-align:center}#btn-refill{background:linear-gradient(135deg,#f5c842,#e08800);color:#000;font-size:16px;font-weight:700;border:none;border-radius:10px;padding:10px 24px;cursor:pointer;font-family:inherit;pointer-events:auto}#collection-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e1f3a,#060c1c);display:flex;flex-direction:column;pointer-events:auto;z-index:40}#collection-screen.hidden{display:none}#collection-header{padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}#btn-close-collection{align-self:flex-start;background:#ffffff1a;border:none;border-radius:8px;padding:6px 14px;color:#aac;font-size:14px;cursor:pointer;font-family:inherit}#collection-title{font-size:22px;font-weight:700;color:#7ecbff}#collection-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}#collection-progress-fill{height:100%;background:linear-gradient(90deg,#2a8fd4,#7ecbff);transition:width .4s ease;border-radius:3px}#collection-progress-text{font-size:13px;color:#7ecbff}#collection-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;-webkit-overflow-scrolling:touch}.collection-card{aspect-ratio:3/4;background:linear-gradient(160deg,#0e1f3a,#080f22);border-radius:12px;border:2px solid rgba(100,200,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;gap:4px}.collection-card.discovered{border-color:#64c8ff80}.collection-card img{width:70%;aspect-ratio:1;object-fit:contain}.collection-card .card-silhouette{width:70%;aspect-ratio:1;background:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff26;font-weight:700}.collection-card .card-name{font-size:11px;color:#aac;text-align:center;line-height:1.2}.collection-card.discovered .card-name{color:#fff}.card-grade-dot{width:8px;height:8px;border-radius:50%}.card-grade-dot.normal{background:#7fff7a}.card-grade-dot.weird{background:#c77fff}.card-grade-dot.abyss{background:#00e8ff}.card-grade-dot.legendary{background:gold}.grade-badge-legendary{background:#1a1200;color:gold;border-color:gold}#underwater-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 38% 78%,#001e5066,#00051499);pointer-events:none;z-index:1;opacity:0;transition:opacity .6s ease}#tension-panel{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:20px;right:20px;background:#000514eb;border:2px solid rgba(60,140,220,.5);border-radius:18px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;z-index:25;touch-action:none;user-select:none;-webkit-user-select:none}#tension-panel.hidden{display:none}#tension-panel.danger{border-color:#ff5028cc;animation:tension-pulse .3s ease-in-out infinite alternate}@keyframes tension-pulse{0%{box-shadow:0 0 8px #ff3c1e4d}to{box-shadow:0 0 20px #ff3c1eb3}}#tension-panel.thrashing{border-color:#ffa028e6}#tension-label{font-size:13px;font-weight:700;color:#7ecbff;letter-spacing:1px;text-align:center;text-transform:uppercase}#tension-bar-wrap{display:flex;align-items:center;gap:8px}#tension-bar{flex:1;height:28px;background:#ffffff14;border-radius:14px;overflow:hidden;border:1.5px solid rgba(255,255,255,.12);position:relative}#tension-fill{height:100%;width:0%;background:#32c81e;border-radius:14px;transition:width .06s linear,background-color .15s}#tension-danger-marker{position:absolute;top:0;bottom:0;right:0;width:25%;background:linear-gradient(90deg,transparent,rgba(255,50,20,.25));border-radius:0 14px 14px 0;pointer-events:none}.t-icon-calm{color:#60d0ff;font-size:18px;font-weight:700}.t-icon-danger{color:#f42;font-size:18px;font-weight:700}#tension-icons{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px}#fight-progress-wrap{width:100%}#fight-progress-bar{width:100%;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}#fight-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#1a4f9a,#2a8fd4,#7ecbff);border-radius:5px;transition:width .08s linear}#tension-hint{font-size:12px;color:#b4c8dcb3;text-align:center}#toast-panel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 64px);left:50%;transform:translate(-50%);background:#0a0a1eeb;border:2px solid rgba(255,100,80,.7);border-radius:22px;padding:10px 28px;color:#faa;font-size:16px;font-weight:700;text-align:center;pointer-events:none;z-index:35;transition:opacity .5s ease;white-space:nowrap}#toast-panel.hidden{display:none}#tap-zone.biting-active{background:radial-gradient(ellipse at 38% 78%,rgba(255,200,0,.08),transparent);animation:biting-glow .5s ease-in-out infinite alternate}@keyframes biting-glow{0%{background:radial-gradient(ellipse at 38% 78%,rgba(255,200,0,.05),transparent)}to{background:radial-gradient(ellipse at 38% 78%,rgba(255,200,0,.14),transparent)}}#tap-zone.nibble-active{background:transparent}#bait-bar.hidden-uw{opacity:0;pointer-events:none;transition:opacity .4s}#demo-banner{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);background:#ffc800e6;color:#000;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;z-index:500;pointer-events:none}#ota-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1a;display:flex;align-items:center;justify-content:center;z-index:9999}.ota-spinner{width:40px;height:40px;border:3px solid rgba(100,200,255,.2);border-top-color:#7ecbff;border-radius:50%;animation:ota-spin .8s linear infinite}@keyframes ota-spin{to{transform:rotate(360deg)}}.hidden{display:none!important}@keyframes shudder{0%{transform:translate(0)}20%{transform:translate(-3px) rotate(-1deg)}40%{transform:translate(3px) rotate(1deg)}60%{transform:translate(-4px) rotate(-1.5deg)}80%{transform:translate(4px) rotate(1.5deg)}to{transform:translate(0)}}#reveal-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;z-index:100;opacity:0}