@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep-ocean:#030712;--bg-abyss:#070f1e;--bg-trench:#0b1528;--primary-teal:#00f5d4;--primary-cyan:#00bbf9;--accent-purple:#7209b7;--accent-magenta:#f72585;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--glass-border:#ffffff0f;--neon-border-teal:#00f5d44d;--neon-border-cyan:#00bbf94d;--neon-shadow-teal:0 0 15px #00f5d433;--neon-shadow-cyan:0 0 15px #00bbf933;--glass-bg:#0b1528a6;--glass-bg-hover:#0f1e36cc;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep-ocean);color:var(--text-primary);word-break:keep-all;overflow-wrap:break-word;flex-direction:column;min-height:100vh;font-family:Outfit,Noto Sans KR,sans-serif;display:flex;overflow-x:hidden}button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,span,div{word-break:keep-all;overflow-wrap:break-word}.app-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:0 0 40px;display:flex}.app-container.board-game-container{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.ocean-bg{z-index:-2;background:radial-gradient(circle,#0c1c38 0%,#030814 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.ocean-bg:after{content:"";z-index:-1;background:radial-gradient(circle at 10% 20%,#00f5d40d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#7209b714 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.bubble-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.bubble{background:radial-gradient(circle at 30% 30%,#ffffff1a,#00f5d40d);border-radius:50%;animation:15s linear infinite float-up;position:absolute;bottom:-100px;box-shadow:0 4px 10px #00f5d40d,inset 0 2px 5px #ffffff1a}@keyframes float-up{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-120vh)translate(50px)scale(.8)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:24px;box-shadow:0 8px 32px #00000080}.glass-card:hover{box-shadow:0 8px 32px 0 #0009, var(--neon-shadow-teal);border-color:#00f5d440}.glass-card-neon-cyan{border:1px solid #00bbf933}.glass-card-neon-cyan:hover{box-shadow:0 8px 32px 0 #0009, var(--neon-shadow-cyan);border-color:#00bbf966}.text-neon-teal{color:var(--primary-teal);text-shadow:0 0 10px #00f5d466}.text-neon-cyan{color:var(--primary-cyan);text-shadow:0 0 10px #00bbf966}.text-neon-purple{color:#c77dff;text-shadow:0 0 10px #7209b766}.btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-cyan) 100%);color:var(--bg-deep-ocean);box-shadow:0 4px 15px #00f5d44d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #00f5d480, 0 0 12px var(--primary-teal);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-magenta) 100%);color:#fff;box-shadow:0 4px 15px #7209b74d}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px #7209b780, 0 0 12px var(--accent-purple);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#050c18b3;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.input-field:focus{border-color:var(--primary-teal);box-shadow:0 0 0 2px #00f5d426, var(--neon-shadow-teal)}.chat-container{border:1px solid var(--glass-border);background:#050c1880;border-radius:16px;flex-direction:column;height:680px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:14px;max-width:80%;padding:12px 16px;font-size:15px;line-height:1.5;animation:.3s fadeIn}.bubble-user{background:#00bbf91f;border:1px solid #00bbf933;border-bottom-right-radius:2px;align-self:flex-end}.bubble-ai{box-shadow:var(--neon-shadow-teal);background:#00f5d414;border:1px solid #00f5d440;border-bottom-left-radius:2px;align-self:flex-start;position:relative}.bubble-system{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-self:center;padding:6px 12px;font-size:13px}.bubble-hint{color:#fbbf24;text-align:center;background:#f59e0b14;border:1px solid #f59e0b40;align-self:center;max-width:90%;font-size:14px;box-shadow:0 0 15px #f59e0b1a}.bubble-attempt-wrong{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444440;align-self:center;font-size:14px}.bubble-attempt-correct{color:#34d399;text-align:center;background:#10b9811f;border:1px solid #10b9814d;align-self:center;font-size:15px;font-weight:600;box-shadow:0 0 20px #10b98133}.typing-dots{align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.typing-dots span{background-color:var(--primary-teal);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00f5d44d}.pulse-teal{animation:2s infinite pulse-animation-teal}@keyframes pulse-animation-teal{0%{box-shadow:0 0 #00f5d466}70%{box-shadow:0 0 0 8px #00f5d400}to{box-shadow:0 0 #00f5d400}}.game-grid{grid-template-columns:1fr 450px;gap:24px;display:grid}@media (width<=1024px){.game-grid{grid-template-columns:1fr}}.scoreboard-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}@media (width<=768px){.scoreboard-grid{grid-template-columns:1fr}}.lobby-grid{grid-template-columns:1fr 1.3fr;gap:20px;margin:12px 0;display:grid}@media (width<=640px){.lobby-grid{grid-template-columns:1fr}body{font-size:14px}h1{font-size:20px!important}h2{font-size:16px!important}}.game-room-header{background-color:#0b152880;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.game-room-header-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.game-room-header-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.game-room-header-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.game-room-code-badge{color:#94a3b8;white-space:nowrap;font-size:14px}.game-room-leave-btn{white-space:nowrap;padding:6px 14px;font-size:12px}@media (width<=640px){.game-room-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px!important}.game-room-header-left{justify-content:flex-start;gap:8px}.game-room-header-title{white-space:normal;width:100%;margin-top:4px;font-size:15px!important}.game-room-header-right{border-top:1px solid #ffffff0d;justify-content:space-between;gap:8px;width:100%;padding-top:8px}.game-room-code-badge{font-size:12px}.game-room-leave-btn{padding:4px 10px;font-size:11px}}.app-main{z-index:10;width:100%;max-width:1600px;padding:24px 24px 0}.app-main.board-game-active{flex-direction:column;display:flex;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}@media (width<=1024px){.game-grid{flex-direction:column!important;gap:16px!important;display:flex!important}.game-grid-left,.game-grid-right{display:contents!important}}@media (width<=768px){.main-lobby-grid{flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}}@media (width<=640px){.app-main{padding:16px 10px 0!important}.app-container{padding:0 0 20px!important}.glass-card{box-sizing:border-box!important;border-radius:14px!important;max-width:100%!important;padding:14px!important}.chat-container{height:480px!important}.mystery-question{font-size:14.5px!important;line-height:1.6!important}.welcome-header-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.welcome-player-profile{justify-content:flex-start!important;width:100%!important}.welcome-stats-badges{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}.welcome-stats-badges>div{box-sizing:border-box!important;flex-direction:column!important;flex:130px!important;gap:4px!important;min-width:0!important;max-width:100%!important;display:flex!important}.welcome-stats-badges>div>div{box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:8px 10px!important;font-size:12px!important}.welcome-nickname-input{flex:1!important;width:100%!important}}.welcome-nickname-input{width:160px}.story-reading-content{font-size:20px!important;font-weight:400!important;line-height:1.9!important}@media (width<=768px){.story-reading-content{font-size:16px!important;line-height:1.7!important}}body{flex-direction:column!important;display:flex!important}#root{flex-grow:1!important;order:1!important}#seo-footer-content{color:#94a3b8;z-index:10;background-color:#0b152859;border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:960px;margin:40px auto 20px;padding:30px 20px;font-family:Outfit,Noto Sans KR,sans-serif;font-size:14px;line-height:1.7;order:2!important}#seo-footer-content nav a{color:#00f5d4;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}#seo-footer-content nav a:hover{color:#00bbf9;text-decoration:underline}.welcome-divider{display:block}@media (width<=768px){.welcome-divider{display:none!important}}@keyframes auroraSweep{0%{border-color:var(--bubble-color,#10b981);box-shadow:-6px -6px 14px 1px var(--bubble-color,#10b981), 0 0 8px #ffffff4d, inset -3px -3px 8px var(--bubble-color,#10b981)}25%{box-shadow:6px -6px 16px 2px var(--bubble-color,#10b981), 0 0 12px #ffffff80, inset 3px -3px 8px var(--bubble-color,#10b981);border-color:#ffffffe6}50%{border-color:var(--bubble-color,#10b981);box-shadow:6px 6px 16px 2px var(--bubble-color,#10b981), 0 0 10px #ffffff4d, inset 3px 3px 8px var(--bubble-color,#10b981)}75%{box-shadow:-6px 6px 16px 2px var(--bubble-color,#10b981), 0 0 12px #ffffff80, inset -3px 3px 8px var(--bubble-color,#10b981);border-color:#ffffffe6}to{border-color:var(--bubble-color,#10b981);box-shadow:-6px -6px 14px 1px var(--bubble-color,#10b981), 0 0 8px #ffffff4d, inset -3px -3px 8px var(--bubble-color,#10b981)}}@keyframes stardustTwinkle{0%,to{border-color:var(--bubble-color,#fb7185);box-shadow:0 0 6px var(--bubble-color,#fb7185), -5px -5px 10px #fff3, 5px 5px 10px var(--bubble-color,#fb7185)}15%{box-shadow:0 0 16px #fffc, -8px -8px 14px #fff9, 8px 8px 14px var(--bubble-color,#fb7185), inset 0 0 8px #fff6;border-color:#fffffff2}35%{border-color:var(--bubble-color,#fb7185);box-shadow:0 0 8px var(--bubble-color,#fb7185), 5px -5px 10px #ffffff40, -5px 5px 10px var(--bubble-color,#fb7185)}60%{box-shadow:0 0 18px #fffc, 5px -8px 15px #fff9, -5px 8px 15px var(--bubble-color,#fb7185), 0 0 20px var(--bubble-color,#fb7185), inset 0 0 10px #fff6;border-color:#fffffff2}80%{border-color:var(--bubble-color,#fb7185);box-shadow:0 0 8px var(--bubble-color,#fb7185), 0 0 12px #fff3}}@keyframes cyberRainbow{0%{border-color:#ff007f #fee440 #00f5d4 #7209b7;box-shadow:0 -5px 15px 2px #ff007f99,5px 0 12px #fee44080,inset 0 4px 8px #ff007f40}25%{border-color:#7209b7 #ff007f #fee440 #00f5d4;box-shadow:5px 0 15px 2px #fee44099,0 5px 12px #00f5d480,inset -4px 0 8px #fee44040}50%{border-color:#00f5d4 #7209b7 #ff007f #fee440;box-shadow:0 5px 15px 2px #00f5d499,-5px 0 12px #7209b780,inset 0 -4px 8px #00f5d440}75%{border-color:#fee440 #00f5d4 #7209b7 #ff007f;box-shadow:-5px 0 15px 2px #7209b799,0 -5px 12px #ff007f80,inset 4px 0 8px #7209b740}to{border-color:#ff007f #fee440 #00f5d4 #7209b7;box-shadow:0 -5px 15px 2px #ff007f99,5px 0 12px #fee44080,inset 0 4px 8px #ff007f40}}@keyframes cosmicPulse{0%,to{border-color:var(--bubble-color,#3b82f6);box-shadow:0 0 6px var(--bubble-color,#3b82f6);opacity:.95}4%{box-shadow:0 0 18px #ffffffd9, -8px 0 22px var(--bubble-color,#3b82f6), 8px 0 22px #38bdf8, inset 0 0 10px #ffffff80;opacity:1;border-color:#fff}8%{border-color:var(--bubble-color,#3b82f6);box-shadow:0 0 4px var(--bubble-color,#3b82f6);opacity:.9}12%{box-shadow:0 0 20px #ffffffd9, 0 -8px 24px #38bdf8, 0 8px 24px var(--bubble-color,#3b82f6), inset 0 0 10px #38bdf866;opacity:1;border-color:#fff}16%{border-color:var(--bubble-color,#3b82f6);box-shadow:0 0 5px var(--bubble-color,#3b82f6);opacity:.92}48%{border-color:var(--bubble-color,#3b82f6);box-shadow:0 0 7px var(--bubble-color,#3b82f6);opacity:.95}52%{box-shadow:0 0 22px #ffffffe6, -10px -5px 25px var(--bubble-color,#3b82f6), 10px 5px 25px #fff9, inset 0 0 12px #ffffff80;opacity:1;border-color:#fff}56%{border-color:#38bdf8;box-shadow:0 0 8px #38bdf8}84%{box-shadow:0 0 24px #ffffffe6, 0 0 30px var(--bubble-color,#3b82f6), 0 0 35px #38bdf8, inset 0 0 12px #ffffff80;opacity:1;border-color:#fff}88%{border-color:var(--bubble-color,#3b82f6);box-shadow:0 0 5px var(--bubble-color,#3b82f6);opacity:.9}}@keyframes infernoRage{0%{border-top-color:#fef08a;border-right-color:var(--bubble-color,#ef4444);border-bottom-color:#991b1b;border-left-color:var(--bubble-color,#ef4444);box-shadow:0 -6px 14px var(--bubble-color,#ef4444), 0 0 10px #f97316, inset 0 -4px 8px #ef44444d}25%{border-color:#fff #f59e0b #ef4444;box-shadow:0 -12px 22px #ef4444,0 -4px 15px #f59e0b,0 0 12px #fef08a80,inset 0 -5px 10px #f9731659}50%{border-color:#fef08a #ef4444 #7f1d1d;box-shadow:0 -16px 28px #ef4444,0 -6px 18px #f97316,0 -2px 14px #fef08a,inset 0 -6px 12px #fef08a66}75%{border-color:#fff #f97316 #ef4444;box-shadow:0 -20px 32px #f97316,0 -8px 20px #fff9,0 -4px 16px #ef4444,inset 0 -8px 14px #ef444473}to{border-top-color:#fef08a;border-right-color:var(--bubble-color,#ef4444);border-bottom-color:#991b1b;border-left-color:var(--bubble-color,#ef4444);box-shadow:0 -6px 14px var(--bubble-color,#ef4444), 0 0 10px #f97316, inset 0 -4px 8px #ef44444d}}@keyframes divineMajesty{0%{border-top-color:#fff;border-right-color:var(--bubble-color,gold);border-bottom-color:var(--bubble-color,gold);border-left-color:var(--bubble-color,gold);box-shadow:0 -8px 20px 2px #fffc, 0 0 14px var(--bubble-color,gold), 0 0 28px var(--bubble-color,gold), inset 0 0 10px #fff6, inset 0 0 16px var(--bubble-color,gold)}12.5%{border-top-color:#fff;border-right-color:#fff;border-bottom-color:var(--bubble-color,gold);border-left-color:var(--bubble-color,gold);box-shadow:6px -6px 20px 2px #fffc, 0 0 16px var(--bubble-color,gold), 0 0 30px var(--bubble-color,gold), inset 0 0 10px #fff6, inset 0 0 18px var(--bubble-color,gold)}25%{border-top-color:var(--bubble-color,gold);border-right-color:#fff;border-bottom-color:var(--bubble-color,gold);border-left-color:var(--bubble-color,gold);box-shadow:8px 0 22px 2px #fffc, 0 0 18px var(--bubble-color,gold), 0 0 32px var(--bubble-color,gold), inset 0 0 12px #fff6, inset 0 0 20px var(--bubble-color,gold)}37.5%{border-top-color:var(--bubble-color,gold);border-bottom-color:#fff;border-right-color:#fff;border-left-color:var(--bubble-color,gold);box-shadow:6px 6px 20px 2px #fffc, 0 0 16px var(--bubble-color,gold), 0 0 30px var(--bubble-color,gold), inset 0 0 10px #fff6, inset 0 0 18px var(--bubble-color,gold)}50%{border-top-color:var(--bubble-color,gold);border-right-color:var(--bubble-color,gold);border-bottom-color:#fff;border-left-color:var(--bubble-color,gold);box-shadow:0 8px 24px 2px #ffffffd9, 0 0 20px var(--bubble-color,gold), 0 0 36px var(--bubble-color,gold), 0 0 45px #fff6, inset 0 0 12px #ffffff73, inset 0 0 22px var(--bubble-color,gold)}62.5%{border-top-color:var(--bubble-color,gold);border-right-color:var(--bubble-color,gold);box-shadow:-6px 6px 20px 2px #fffc, 0 0 16px var(--bubble-color,gold), 0 0 30px var(--bubble-color,gold), inset 0 0 10px #fff6, inset 0 0 18px var(--bubble-color,gold);border-bottom-color:#fff;border-left-color:#fff}75%{border-top-color:var(--bubble-color,gold);border-right-color:var(--bubble-color,gold);border-bottom-color:var(--bubble-color,gold);box-shadow:-8px 0 22px 2px #fffc, 0 0 18px var(--bubble-color,gold), 0 0 32px var(--bubble-color,gold), inset 0 0 12px #fff6, inset 0 0 20px var(--bubble-color,gold);border-left-color:#fff}87.5%{border-top-color:#fff;border-right-color:var(--bubble-color,gold);border-bottom-color:var(--bubble-color,gold);box-shadow:-6px -6px 20px 2px #fffc, 0 0 16px var(--bubble-color,gold), 0 0 30px var(--bubble-color,gold), inset 0 0 10px #fff6, inset 0 0 18px var(--bubble-color,gold);border-left-color:#fff}to{border-top-color:#fff;border-right-color:var(--bubble-color,gold);border-bottom-color:var(--bubble-color,gold);border-left-color:var(--bubble-color,gold);box-shadow:0 -8px 20px 2px #fffc, 0 0 14px var(--bubble-color,gold), 0 0 28px var(--bubble-color,gold), inset 0 0 10px #fff6, inset 0 0 16px var(--bubble-color,gold)}}div[style*="position: fixed"][style*="z-index: 99"],div[style*="position: fixed"][style*="zIndex: 99"],div[style*="position: fixed"][style*="z-index: 9999"],div[style*="position: fixed"][style*="zIndex: 9999"],div[style*="position: fixed"][style*="z-index: 99999"],div[style*="position: fixed"][style*="zIndex: 99999"]{-webkit-backdrop-filter:blur(12px)!important}.board-game-3d-stage{box-sizing:border-box;grid-template-rows:repeat(3,minmax(270px,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:1100px;margin:0 auto;padding:12px;display:grid}@media (width<=768px){.board-game-3d-stage{grid-template-rows:repeat(3,minmax(230px,1fr));gap:8px;padding:6px}}.board-tile-3d{-webkit-user-select:none;user-select:none;border-bottom:2px solid #ffffff1f;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;position:relative;box-shadow:0 8px #050d1a,0 14px 22px #0009}.hq-center-tile{border:2px solid #00f5d480!important;box-shadow:0 8px #031c18,0 16px 26px #00f5d440!important}.hq-center-tile:hover{transform:translateY(-4px);box-shadow:0 12px #031c18,0 22px 32px #00f5d466!important}.board-tile-3d.active-roll-landing{animation:.6s ease-out tileLandingPulse}@keyframes tileLandingPulse{0%{transform:translateY(-12px)scale(1.03);box-shadow:0 16px #050d1a,0 25px 35px #00f5d4cc}50%{transform:translateY(2px)scale(.98)}to{transform:translateY(0)scale(1)}}.pawn-standee-container{pointer-events:none;z-index:30;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.pawn-standee-body{filter:drop-shadow(0 6px 10px #000000b3);flex-direction:column;align-items:center;animation:2.2s ease-in-out infinite pawnBob;display:flex}.pawn-standee-shadow{background:radial-gradient(#000000d9 0%,#0000 75%);border-radius:50%;height:5px;margin-top:-1px;animation:2.2s ease-in-out infinite pawnShadow}@keyframes pawnBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.03)}}@keyframes pawnShadow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.landmark-pin-badge{transform-origin:bottom;animation:.6s cubic-bezier(.34,1.56,.64,1) landmarkDrop}@keyframes landmarkDrop{0%{opacity:0;transform:translateY(-20px)scale(.4)rotate(-15deg)}70%{opacity:1;transform:translateY(2px)scale(1.1)rotate(5deg)}to{transform:translateY(0)scale(1)rotate(0)}}.track-neon-arrow{animation:1.6s ease-in-out infinite alternate trackArrowGlow;display:inline-block}@keyframes trackArrowGlow{0%{opacity:.6;transform:scale(.95)}to{opacity:1;filter:drop-shadow(0 0 6px);transform:scale(1.15)}}@keyframes dice3DTumble{0%{transform:perspective(600px)rotateX(0)rotateY(0)scale(1)}25%{transform:perspective(600px)rotateX(180deg)rotateY(90deg)scale(1.3)}50%{transform:perspective(600px)rotateX(360deg)rotateY(270deg)scale(1.35)}75%{transform:perspective(600px)rotateX(540deg)rotateY(450deg)scale(1.25)}to{transform:perspective(600px)rotateX(720deg)rotateY(720deg)scale(1)}}@keyframes pawnHopStep{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-28px)scale(.9,1.15)rotate(4deg)}70%{transform:translateY(-32px)scale(.95,1.1)rotate(-3deg)}to{transform:translateY(0)scale(1.1,.9)}}@keyframes diceFlyIn{0%{opacity:0;transform:translateY(-160px)rotateX(720deg)rotateY(360deg)scale(.3)}60%{opacity:1;transform:translateY(15px)rotateX(180deg)rotateY(90deg)scale(1.2)}80%{transform:translateY(-10px)rotateX(0)rotateY(0)scale(1.05)}to{transform:translateY(0)rotateX(0)rotateY(0)scale(1)}}@keyframes diceShockwave{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.4)}}@keyframes cutscene3DFlip{0%{opacity:0;transform:perspective(1000px)rotateY(90deg)scale(.6)}60%{opacity:1;transform:perspective(1000px)rotateY(-15deg)scale(1.06)}80%{transform:perspective(1000px)rotateY(8deg)scale(.98)}to{transform:perspective(1000px)rotateY(0)scale(1)}}@keyframes cutsceneSunburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-tile-3d{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.board-tile-3d:hover{transform:translateY(-6px);box-shadow:0 14px #031c26,0 22px 35px #00f5d473!important}.board-tile-3d:active{transform:translateY(2px);box-shadow:0 4px #031c26,0 8px 15px #0009!important}.active-roll-landing{animation:1.4s ease-in-out infinite alternate rollLandingPulse}@keyframes rollLandingPulse{0%{box-shadow:0 10px #04242e,0 0 20px #00f5d499}to{box-shadow:0 12px #04242e,0 0 35px #00f5d4f2,0 0 15px #f59e0b}}.pawn-standee-container{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pawn-standee-body{transform-origin:bottom;flex-direction:column;align-items:center;display:flex}.pawn-standee-shadow{background:radial-gradient(#000000bf 0%,#0000 70%);border-radius:50%;height:6px;margin-top:-2px}.track-neon-arrow{animation:1s ease-in-out infinite alternate trackArrowGlow}.modoo-board-container{background:radial-gradient(circle at 50% 35%,#142850 0%,#0c1829 70%,#060c14 100%);border-radius:32px;width:100%;max-width:1200px;margin:0 auto;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000e6,inset 0 0 100px #00f5d414,0 0 0 4px #1e3a5f,0 0 0 8px #0f172a}.modoo-board-container:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#00f5d41f 0%,#0000 40%),radial-gradient(circle at 80% 80%,#a855f71f 0%,#0000 40%);position:absolute;inset:0}.board-game-3d-stage{z-index:10;grid-template-rows:repeat(3,minmax(290px,auto));grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid;position:relative}.modoo-tile-block{box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:22px;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:290px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;display:flex;position:relative}.modoo-mystery-card{cursor:pointer;background:linear-gradient(165deg,#1e1b4b 0%,#0f172a 45%,#1e1b4b 100%);border:3px solid #fbbf24;border-bottom:8px solid #92400e;box-shadow:0 14px #050b14,0 22px 35px #000c,inset 0 2px 4px #fff6,inset 0 -4px 10px #0009}.modoo-mystery-card:hover{border-color:#fef08a;transform:translateY(-8px);box-shadow:0 22px #050b14,0 32px 45px #fbbf2466,inset 0 3px 6px #fff9!important}.modoo-mystery-card:active{border-bottom-width:4px;transform:translateY(3px);box-shadow:0 6px #050b14,0 12px 20px #000c!important}.modoo-revealed-card{cursor:pointer;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:3px solid #38bdf8;border-bottom:8px solid #0369a1;box-shadow:0 14px #050b14,0 22px 35px #000c,inset 0 2px 4px #ffffff4d}.modoo-revealed-card:hover{transform:translateY(-6px);box-shadow:0 20px #050b14,0 30px 45px #38bdf866!important}.modoo-gold-ribbon{color:#451a03;text-shadow:0 1px #fffc;letter-spacing:.5px;background:linear-gradient(#fef08a 0%,#f59e0b 50%,#b45309 100%);border:1.5px solid #fffbeb;border-radius:12px;padding:4px 14px;font-weight:900;box-shadow:0 3px 6px #0006,inset 0 1px 2px #fffc}.modoo-btn-roll{color:#fff;text-shadow:0 2px 4px #7c2d12,0 0 10px #00000080;cursor:pointer;letter-spacing:.5px;background:linear-gradient(#fde047 0%,#f59e0b 45%,#ea580c 100%);border:2px solid #fef08a;border-bottom:6px solid #9a3412;border-radius:18px;width:100%;padding:14px 20px;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px #7c2d12,0 15px 30px #ea580c99,inset 0 2px 4px #fffc}.modoo-btn-roll:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px #7c2d12,0 20px 35px #ea580ccc,inset 0 3px 6px #ffffffe6}.modoo-btn-roll:active:not(:disabled){border-bottom-width:2px;transform:translateY(4px);box-shadow:0 2px #7c2d12,0 6px 15px #ea580c80}.modoo-btn-roll:disabled{color:#cbd5e1;text-shadow:none;cursor:not-allowed;background:linear-gradient(#64748b 0%,#334155 100%);border-color:#94a3b8 #94a3b8 #1e293b;border-bottom-style:solid;border-bottom-width:4px;box-shadow:0 4px #0f172a}.modoo-btn-action-cyan{color:#fff;text-shadow:0 1px 2px #0369a1;cursor:pointer;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:1.5px solid #bae6fd;border-bottom:4px solid #0369a1;border-radius:12px;padding:6px 10px;font-weight:900;box-shadow:0 4px #082f49,0 6px 12px #0284c766}.modoo-btn-action-cyan:hover{filter:brightness(1.1);transform:translateY(-1px)}.modoo-btn-action-cyan:active{border-bottom-width:2px;transform:translateY(2px);box-shadow:0 1px #082f49}.modoo-btn-action-gold{color:#451a03;text-shadow:0 1px #fffc;cursor:pointer;background:linear-gradient(#fde047 0%,#f59e0b 50%,#d97706 100%);border:1.5px solid #fef08a;border-bottom:4px solid #92400e;border-radius:12px;padding:6px 10px;font-weight:900;box-shadow:0 4px #451a03,0 6px 12px #f59e0b80}.modoo-btn-action-gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.modoo-btn-action-gold:active{border-bottom-width:2px;transform:translateY(2px);box-shadow:0 1px #451a03}.modoo-3d-viewport{perspective:1400px;perspective-origin:50% 36%;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 15%,#1e3a8a 0%,#0f172a 50%,#020617 100%);border-radius:32px;justify-content:center;align-items:center;width:100%;min-height:700px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000f2,inset 0 0 120px #000000d9,0 0 0 4px #1e293b,0 0 0 8px #0f172a}.modoo-island-ambient{pointer-events:none;background:radial-gradient(circle at 50% 65%,#0ea5e92e 0%,#0000 60%),radial-gradient(circle at 20% 80%,#38bdf81f 0%,#0000 40%),radial-gradient(circle at 80% 20%,#a855f71f 0%,#0000 40%);position:absolute;inset:0}.modoo-island-platform{width:600px;height:600px;transform-style:preserve-3d;margin-top:-30px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateX(54deg)rotate(-40deg)}.modoo-cliff-layer-1{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:4px solid #334155;border-radius:40px;position:absolute;inset:-14px;transform:translateZ(-25px);box-shadow:0 0 50px #000000f2}.modoo-cliff-layer-2{background:linear-gradient(135deg,#0f172a 0%,#020617 100%);border:4px solid #1e293b;border-radius:48px;position:absolute;inset:-28px;transform:translateZ(-55px);box-shadow:0 45px 90px #000000fa}.modoo-iso-grid{transform-style:preserve-3d;background:radial-gradient(circle,#1e3a5f 0%,#0f2744 70%,#081729 100%);border:4px solid #f59e0b;border-radius:36px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;display:grid;position:absolute;inset:0;box-shadow:0 0 35px #f59e0b66,inset 0 0 40px #000000b3}.modoo-iso-slab{width:100%;height:100%;min-height:175px;transform-style:preserve-3d;cursor:pointer;border-radius:18px;transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s;position:relative}.modoo-iso-slab:hover{transform:translateZ(28px)scale(1.04)}.modoo-iso-slab:active{transform:translateZ(8px)scale(.98)}.modoo-iso-slab-mystery{background:linear-gradient(165deg,#1e1b4b 0%,#0f172a 50%,#1e1b4b 100%);border:3px solid #fbbf24;border-bottom:8px solid #92400e;box-shadow:0 14px #050b14,0 20px 30px #000c,inset 0 2px 4px #fff6}.modoo-iso-slab-mystery:hover{border-color:#fef08a;box-shadow:0 22px #050b14,0 30px 45px #fbbf2480,inset 0 3px 6px #ffffffb3}.modoo-iso-slab-revealed{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:3px solid #38bdf8;border-bottom:8px solid #0369a1;box-shadow:0 14px #050b14,0 20px 30px #000c,inset 0 2px 4px #ffffff4d}.modoo-iso-slab-revealed:hover{border-color:#7dd3fc;box-shadow:0 22px #050b14,0 30px 45px #38bdf880}.modoo-standee-upright{transform-origin:bottom;transform-style:preserve-3d;pointer-events:auto;transform:rotate(40deg)rotateX(-54deg)}.modoo-center-plaza{box-sizing:border-box;width:100%;height:100%;transform-style:preserve-3d;background:radial-gradient(circle,#0f2d4a 0%,#081a2e 70%,#040e1a 100%);border:3px solid #00f5d4;border-bottom:8px solid #042f2e;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;display:flex;position:relative;box-shadow:0 14px #050b14,0 20px 35px #00f5d466,inset 0 0 25px #000c}.modoo-hud-container{flex-direction:column;justify-content:space-between;gap:8px;display:flex;box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:8px 16px 10px!important;overflow:hidden!important}.modoo-bottom-deck{z-index:100;box-sizing:border-box;background:radial-gradient(#1e3a5f 0%,#0c1829 100%);border:2px solid #38bdf8;border-bottom:5px solid #0369a1;border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:980px;margin:0 auto;padding:8px 18px;display:flex;position:relative;box-shadow:0 10px 25px #000c,inset 0 2px 4px #ffffff4d}.modoo-board-mat{box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#162a45 0%,#0d1b2e 60%,#060e18 100%);border:3px solid #1e3a5f;border-radius:28px;width:100%;max-width:1180px;margin:0 auto;padding:22px;position:relative;box-shadow:0 25px 60px #000000e6,inset 0 0 80px #00f5d40f,0 0 0 4px #0f172a}.modoo-front-grid{z-index:10;grid-template-rows:repeat(3,minmax(290px,auto));grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid;position:relative}.modoo-tile-3d{box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:290px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex;position:relative}.modoo-tile-mystery{background:linear-gradient(165deg,#1e1b4b 0%,#0f172a 45%,#1e1b4b 100%);border:3px solid #fbbf24;border-bottom:8px solid #92400e;box-shadow:0 12px #050b14,0 18px 30px #000000bf,inset 0 2px 4px #fff6}.modoo-tile-mystery:hover{border-color:#fef08a;transform:translateY(-8px)scale(1.02);box-shadow:0 20px #050b14,0 28px 40px #fbbf2473,inset 0 3px 6px #ffffffb3}.modoo-tile-mystery:active{border-bottom-width:4px;transform:translateY(2px);box-shadow:0 6px #050b14,0 10px 20px #000c}.modoo-tile-revealed{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:3px solid #38bdf8;border-bottom:8px solid #0369a1;box-shadow:0 12px #050b14,0 18px 30px #000000bf,inset 0 2px 4px #ffffff4d}.modoo-tile-revealed:hover{border-color:#7dd3fc;transform:translateY(-6px)scale(1.02);box-shadow:0 18px #050b14,0 26px 38px #38bdf873}.modoo-tile-landing{animation:1.2s ease-in-out infinite alternate modooLandingGlow}@keyframes modooLandingGlow{0%{box-shadow:0 12px #04242e,0 0 25px #00f5d499}to{box-shadow:0 16px #04242e,0 0 45px #00f5d4f2,0 0 20px #fbbf24}}.pawn-jumping-3d{transform-origin:bottom;animation:.28s cubic-bezier(.25,.8,.25,1) infinite pawn3DArcJump}@keyframes pawn3DArcJump{0%{transform:translateY(0)scale(1)rotate(0)}35%{filter:drop-shadow(0 25px 20px #000c);transform:translateY(-45px)scale(1.25)rotate(-10deg)}70%{transform:translateY(-40px)scale(1.2)rotate(8deg)}90%{transform:translateY(0)scale(1.18,.84)rotate(0)}to{transform:translateY(0)scale(1)rotate(0)}}.pawn-shadow-dynamic{background:radial-gradient(#000000d9 0%,#0000 70%);border-radius:50%;height:8px;margin-top:-3px;transition:transform .12s,opacity .12s}.landing-shockwave{pointer-events:none;border:3px solid #00f5d4;border-radius:50%;width:70px;height:25px;animation:.6s ease-out forwards landingRing;position:absolute}@keyframes landingRing{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}@keyframes landmarkPinDrop{0%{opacity:0;transform:translateY(-40px)scale(.4)}60%{opacity:1;transform:translateY(4px)scale(1.15)}80%{transform:translateY(-2px)scale(.95)}to{transform:translateY(0)scale(1)}}.landmark-pin-animated{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards landmarkPinDrop}.pawn-3d-wrapper{-webkit-user-select:none;user-select:none;transform-style:preserve-3d;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.pawn-3d-cursor{z-index:50;pointer-events:none;transform-style:preserve-3d;flex-direction:column;align-items:center;animation:1s ease-in-out infinite alternate pawnCursorBob;display:flex;position:absolute;top:-24px}@keyframes pawnCursorBob{0%{filter:drop-shadow(0 0 6px #fbbf24);transform:translateY(0)scale(.95)}to{filter:drop-shadow(0 0 16px #f59e0b);transform:translateY(-8px)scale(1.15)}}.pawn-3d-figure-body{transform-origin:bottom;z-index:20;transform-style:preserve-3d;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.pawn-3d-pedestal{z-index:10;border-top:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:100%;margin-top:-6px;display:flex;position:relative;box-shadow:0 5px #050b14,0 8px 14px #000000e6,inset 0 2px 4px #ffffffb3}.pawn-3d-ground-shadow{background:radial-gradient(#000000f2 0%,#0000 70%);border-radius:50%;height:8px;margin-top:1px;transition:transform .12s,opacity .12s}.pawn-3d-jumping{animation:.26s cubic-bezier(.2,.8,.2,1) infinite pawn3DParabolicHop}@keyframes pawn3DParabolicHop{0%{transform:translateY(0)scale(1)}35%{filter:drop-shadow(0 25px 20px #000000e6);transform:translateY(-38px)scale(1.18)}70%{transform:translateY(-28px)scale(1.1)}to{transform:translateY(0)scale(1)}}.modoo-3d-world-viewport{perspective:1400px;perspective-origin:50%;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 30%,#1e40af 0%,#0f172a 55%,#020617 100%);border-radius:24px;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000f2,inset 0 0 100px #000000d9,0 0 0 3px #1e293b,0 0 0 6px #0f172a}.modoo-island-environment{pointer-events:none;background:radial-gradient(circle,#0ea5e940 0%,#0000 65%),radial-gradient(circle at 15% 85%,#38bdf826 0%,#0000 45%),radial-gradient(circle at 85% 15%,#a855f726 0%,#0000 45%);position:absolute;inset:0}.modoo-3d-island-platform{width:min(760px,70vh);height:min(760px,70vh);transform-style:preserve-3d;margin-top:-55px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateX(52deg)rotate(-45deg)}.modoo-cliff-wall-layer-1{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:4px solid #334155;border-radius:34px;position:absolute;inset:-15px;transform:translateZ(-28px);box-shadow:0 0 50px #000000f2}.modoo-cliff-wall-layer-2{background:linear-gradient(135deg,#0f172a 0%,#020617 100%);border:4px solid #1e293b;border-radius:44px;position:absolute;inset:-30px;transform:translateZ(-60px);box-shadow:0 45px 100px #000000fa}.modoo-3d-board-grid{box-sizing:border-box;transform-style:preserve-3d;background:radial-gradient(circle,#1e3a5f 0%,#0f2744 70%,#081729 100%);border:4.5px solid #f59e0b;border-radius:30px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid;position:absolute;inset:0;box-shadow:0 0 45px #f59e0b80,inset 0 0 50px #000c}.modoo-3d-tile-slab{width:100%;min-width:0;height:100%;min-height:0;transform-style:preserve-3d;cursor:pointer;box-sizing:border-box;border-radius:18px;flex-direction:column;transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s;display:flex;position:relative;overflow:hidden}.modoo-3d-tile-slab:hover{transform:translateZ(28px)scale(1.03)}.modoo-3d-tile-slab:active{transform:translateZ(8px)scale(.98)}.modoo-3d-tile-mystery{background:linear-gradient(165deg,#1e1b4b 0%,#0f172a 50%,#1e1b4b 100%);border:3px solid #fbbf24;border-bottom:7px solid #92400e;box-shadow:0 12px #050b14,0 20px 30px #000000d9,inset 0 2px 4px #fff6}.modoo-3d-tile-mystery:hover{border-color:#fef08a;box-shadow:0 20px #050b14,0 30px 45px #fbbf248c,inset 0 3px 6px #ffffffb3}.modoo-3d-tile-revealed{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:3px solid #38bdf8;border-bottom:7px solid #0369a1;box-shadow:0 12px #050b14,0 20px 30px #000000d9,inset 0 2px 4px #ffffff4d}.modoo-3d-tile-revealed:hover{border-color:#7dd3fc;box-shadow:0 20px #050b14,0 30px 45px #38bdf88c}.modoo-3d-standee-upright{transform-origin:50%;transform-style:preserve-3d;pointer-events:auto;transform:rotate(45deg)rotateX(-52deg)translateZ(42px)}.modoo-3d-center-plaza{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;transform-style:preserve-3d;background:radial-gradient(circle,#0f2d4a 0%,#081a2e 70%,#040e1a 100%);border:3px solid #00f5d4;border-bottom:7px solid #042f2e;border-radius:18px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px #050b14,0 20px 30px #00f5d473,inset 0 0 30px #000000d9}@keyframes matchSlotPopIn{0%{opacity:0;transform:scale(.4)translateY(30px)}70%{opacity:1;transform:scale(1.08)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes matchSpinPulse{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes gameStartSlam{0%{opacity:0;filter:blur(8px);transform:scale(2.2)}60%{opacity:1;filter:blur();transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes matchToastPop{0%{opacity:0;transform:translateY(-20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media screen and (height<=540px),screen and (width<=920px){.corner-case-dossier{display:none!important}.modoo-hud-container{gap:4px!important;padding:4px 10px!important}.modoo-3d-world-viewport{border-radius:16px!important;padding:0!important}.modoo-3d-island-platform{width:min(360px,56vh)!important;height:min(360px,56vh)!important;margin-top:-10px!important;transform:rotateX(50deg)rotate(-45deg)scale(.92)!important}.modoo-3d-tile-slab{border-radius:10px!important}.modoo-bottom-deck{border-radius:14px!important;gap:8px!important;max-width:720px!important;padding:4px 12px!important}.modoo-bottom-deck button{padding:6px 12px!important;font-size:11px!important}}