*{box-sizing:border-box}html{min-height:100%;background:#c8eceb}body{margin:0;color:#443c35;font-family:Arial,'Malgun Gothic',sans-serif;font-weight:700;min-height:100vh}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #1d7c99;outline-offset:4px}[hidden]{display:none!important}.world-bg{position:fixed;inset:0;background:#c9ece8 url('/assets/background.webp') center/cover no-repeat;z-index:-2}.topbar{min-height:105px;display:flex;align-items:center;gap:16px;padding:15px 36px;position:relative;z-index:3}.small-brand img{width:165px;display:block}.season{background:#fff4d4;padding:10px 20px;border:3px solid #fff8e9;border-radius:30px;box-shadow:0 4px 0 #d4b891;color:#856850;font-size:14px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.language{background:#ffffffd9;display:flex;align-items:center;padding:9px 12px;border:2px solid #fff;border-radius:100px;box-shadow:0 3px 0 #91bab7}.language select{border:0;background:transparent;color:#4d5e5c;max-width:105px;font-size:13px}.user-chip{display:flex;align-items:center;gap:8px;background:#fff9ea;border:3px solid white;border-radius:30px;padding:4px 15px 4px 4px;font-size:14px}.user-chip img{width:35px;border-radius:50%}.login-scene{max-width:1450px;margin:auto;min-height:calc(100vh - 105px);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:0 6% 6vh;gap:5%}.hero{height:min(680px,77vh);min-height:480px;position:relative}.hero-logo{position:absolute;width:74%;left:13%;top:0;z-index:2;filter:drop-shadow(0 7px 2px #79523820)}.mascot{position:absolute;width:91%;left:7%;bottom:10%;z-index:2;filter:drop-shadow(0 0 28px #fff9dba0)}.stage{position:absolute;width:103%;left:-1.5%;bottom:0;z-index:1}.beta-flag{position:absolute;top:32%;left:-5%;font-size:17px;color:#fff9e4;transform:rotate(-6deg);text-shadow:0 2px 1px #b45e52;background:#edaa95;padding:14px 19px;clip-path:polygon(0 0,100% 3%,96% 100%,0 91%);z-index:1}.login-panel{width:100%;max-width:385px;margin:80px auto 0;padding:24px 17px;background:linear-gradient(#fffdf28f,#ffffff15);border-radius:30px}.provider-form{margin:0 0 15px}.social{position:relative;width:100%;height:57px;border-radius:12px;border:2px solid #ffffffb0;box-shadow:0 5px 0 #00000018,0 9px 16px #51686018;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:transform .15s;font-size:15px}.social:hover:not(:disabled){transform:translateY(-3px)}.social:active:not(:disabled){transform:translateY(2px)}.social.google{background:#fff;color:#353535}.social.apple{background:#272928;color:#fff}.social.line{background:#23c85b;color:#fff}.social.kakao{background:#ffe229;color:#3b2c23}.social:disabled{opacity:.65}.social small{font-size:10px;position:absolute;right:9px;opacity:.8}.provider-icon{position:absolute;left:19px;font-size:24px;font-weight:900}.google .provider-icon{color:#4285f4}.line .provider-icon{font-size:10px;border:2px solid white;border-radius:50%;padding:6px 2px}.intro-link{display:block;text-align:center;font-size:14px;margin:27px auto 20px}.legal-links{font-size:11px;display:flex;gap:10px;justify-content:center;color:#777e76}.error{color:#a63333;font-size:13px;line-height:1.5}.error:empty{display:none}.skip{position:fixed;bottom:28px;right:30px;z-index:30;border:2px solid white;border-radius:30px;background:#ffffffc0;padding:13px 24px;color:#5a716d}.intro-playing .world-bg{animation:background-enter 1.2s both}.intro-playing .stage{animation:rise .85s .2s both}.intro-playing .mascot{animation:mascot-enter 1.15s .65s both}.intro-playing .hero-logo{animation:logo-enter .85s 1.4s both}.intro-playing .login-panel{animation:rise .7s 1.9s both}.intro-playing .beta-flag{animation:rise .8s 1.2s both}@keyframes background-enter{from{opacity:.15;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes rise{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@keyframes mascot-enter{0%{opacity:0;translate:0 -100px;scale:.8}65%{opacity:1;translate:0 8px;scale:1.04}100%{translate:0 0;scale:1}}@keyframes logo-enter{from{opacity:0;scale:.7;rotate:-5deg}70%{scale:1.05;rotate:2deg}to{opacity:1;scale:1;rotate:0deg}}
.game-panel{background:linear-gradient(150deg,#fffdf2,#fff3da);border:6px solid #fff;border-radius:33px;box-shadow:0 9px 0 #d5b39b,0 20px 65px #574e3d44;padding:35px;color:#544236}.profile-panel{max-width:430px;margin:7vh auto 70px}.profile-panel h1{text-align:center;font-size:25px}.profile-mascot{display:block;width:110px;border-radius:50%;margin:-85px auto 25px;border:5px solid #fff}.profile-panel label{display:block;margin:21px 0 9px}.profile-panel input,.profile-panel select{display:block;width:100%;min-height:52px;border:2px solid #e0cead;border-radius:12px;padding:12px;background:#fff;color:#544236}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:3px solid white;border-radius:16px;padding:16px 22px;background:linear-gradient(#ffa18e,#f07764);color:#fff;text-shadow:0 2px 1px #bd584c;box-shadow:0 5px 0 #be6454;font-size:20px;font-weight:900;cursor:pointer}.profile-panel .primary{margin-top:28px}.leaderboards{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;max-width:1260px;margin:0 auto;padding:12px 26px;background:#d4efeac9;backdrop-filter:blur(12px);border-radius:25px}.leaderboard{background:#fffaf0;border:3px solid white;border-radius:17px;box-shadow:0 5px 0 #c9be9f;overflow:hidden}.leaderboard h2{font-size:14px;margin:0;padding:8px 13px;background:#ffcab7;color:#85604a}.leaderboard.national h2{background:#b8e0f3;color:#4a7691}.leaderboard.club h2{background:#bbe1c2;color:#577e5b}.empty-ranking{display:flex;align-items:center;gap:10px;padding:11px;font-size:11px;color:#a09887;min-height:53px}.rank-placeholder{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8e0d3;font-size:20px;color:#b2a590}.rank-button{align-self:center;border:3px solid white;background:#f6d87e;border-radius:15px;box-shadow:0 5px 0 #c3a15d;padding:17px 10px;color:#766036;cursor:pointer;display:grid;gap:5px;font-size:13px}.rank-button>span:first-child{font-size:25px}.menu-toggle{position:fixed;bottom:27px;right:30px;width:70px;height:65px;border:4px solid #fff3d2;border-radius:21px;background:linear-gradient(#ffae91,#f3786e);box-shadow:0 6px 0 #ba6f5f,0 8px 22px #98735130;z-index:21;cursor:pointer}.menu-lines,.menu-lines:before,.menu-lines:after{height:4px;width:29px;background:#fff7de;border-radius:3px;position:absolute;left:50%;top:50%;margin-left:-14.5px;transition:transform .2s,opacity .2s}.menu-lines:before,.menu-lines:after{content:'';top:0}.menu-lines:before{transform:translateY(-9px)}.menu-lines:after{transform:translateY(9px)}.menu-toggle[aria-expanded=true] .menu-lines{background:transparent}.menu-toggle[aria-expanded=true] .menu-lines:before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{transform:rotate(-45deg)}.game-menu{position:fixed;bottom:115px;right:30px;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);gap:17px;background:#fff4dfdf;backdrop-filter:blur(16px);border:5px solid #fff9ec;border-radius:30px;padding:24px;box-shadow:0 12px 0 #bdb19d,0 15px 70px #52787866;animation:menu-in .25s ease-out;transform-origin:bottom right}.menu-tile{width:140px;height:115px;border:3px solid #fff7e8;border-radius:20px;background:linear-gradient(#ffb5a0,#f49183);box-shadow:0 6px 0 #c77763;color:#fff;font-size:14px;cursor:pointer}.menu-tile:nth-child(2n){background:linear-gradient(#9cd5df,#7ab7c8);box-shadow:0 6px 0 #6794a0}.menu-tile:nth-child(3n){background:linear-gradient(#eed684,#d8b769);box-shadow:0 6px 0 #ab8e50}.menu-tile span{display:block;font-size:36px;margin-bottom:8px}.menu-tile:hover{translate:0 -4px}@keyframes menu-in{from{opacity:0;scale:.7;translate:30px 25px}to{opacity:1;scale:1;translate:0 0}}dialog{max-width:calc(100vw - 28px)}dialog::backdrop{background:#335d6470;backdrop-filter:blur(6px)}.close{position:absolute;right:13px;top:12px;border:3px solid #fff;background:#ef8975;color:white;width:42px;height:42px;border-radius:50%;font-size:29px;cursor:pointer;box-shadow:0 3px 0 #bd6c57}.sport-dialog{width:720px;border-color:#ffbca1;text-align:center}.sport-dialog h2{font-size:34px;margin:12px}.mini-season{font-size:12px;color:#b58a64}.sport-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;text-align:left;line-height:1.7}.sport-content .island-art{width:100%;min-width:0}.connection-note{font-size:12px;color:#8b857a}.ticket-icon{background:#ffdf79;color:#ba7943;display:inline-block;padding:0 15px;transform:rotate(-12deg);border:2px dashed #eab760;border-radius:5px;font-size:22px}.info-dialog{width:460px;line-height:1.7}.text-page{max-width:700px;margin:35px auto 80px;line-height:1.9}.about-mascot{display:block;width:220px;margin:auto}body[data-route='/'] .small-brand{visibility:hidden}
@media(max-width:900px){.topbar{padding:15px 20px}.season{font-size:12px;padding:8px 12px}.small-brand img{width:130px}.login-scene{gap:1%;padding:0 3% 5vh}.hero{min-height:400px;height:60vw;max-height:650px}.leaderboards{gap:8px;padding:10px}.empty-ranking{font-size:10px;padding:8px}.rank-button{font-size:11px}.game-menu{gap:12px;padding:17px}.menu-tile{width:120px}.user-chip span{max-width:90px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:600px){.topbar{min-height:75px;padding:11px 15px;gap:8px}.small-brand img{width:95px}.season{font-size:10px;padding:6px 8px}.language{padding:7px}.language select{font-size:11px;max-width:70px}.user-chip{padding:2px;border-width:2px}.user-chip span{display:none}.user-chip img{width:28px}.top-actions{gap:8px}.login-scene{display:flex;flex-direction:column;padding:0 22px 30px;gap:0;min-height:0}.hero{width:100%;height:340px;min-height:0;max-width:390px}.hero-logo{width:65%;left:17.5%}.mascot{width:76%;left:14%;bottom:7%}.stage{width:86%;left:7%;bottom:0}.beta-flag{font-size:11px;left:0;top:36%;padding:10px}.login-panel{margin:8px auto 0;padding:12px 17px;max-width:360px}.social{height:49px;font-size:14px}.provider-form{margin-bottom:12px}.intro-link{margin:20px auto 14px}body[data-route='/'] .small-brand{display:none}.leaderboards{margin:0 8px;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:17px}.leaderboard h2{font-size:11px;padding:8px}.empty-ranking{padding:8px 5px;font-size:9px;gap:5px}.rank-placeholder{width:23px;height:23px;flex-shrink:0;font-size:17px}.rank-button{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:6px;gap:10px}.rank-button>span:first-child{font-size:17px}.menu-toggle{right:18px;bottom:22px;width:61px;height:57px}.game-menu{right:14px;bottom:102px;width:calc(100vw - 28px);gap:12px;padding:16px}.menu-tile{width:100%;height:98px;font-size:11px}.menu-tile span{font-size:28px}.sport-dialog{padding:30px 20px}.sport-content{grid-template-columns:1fr;text-align:center;gap:0}.sport-content .island-art{max-width:220px;margin:auto}.sport-dialog h2{font-size:28px}.game-panel{border-width:4px}.profile-panel{margin:70px 20px 40px;padding:25px}.text-page{margin:20px 15px;padding:25px;font-size:14px}.skip{bottom:16px;right:18px;padding:10px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared game controls: every picker is a designed layer, never a native select. */
.game-control{appearance:none;border:3px solid #fff8e5;border-radius:16px;background:linear-gradient(170deg,#fffdf0,#efdfbe);box-shadow:inset 0 2px 0 #fff,0 5px 0 #b8a184,0 8px 15px #6c685526;color:#6c5945;font-weight:900;cursor:pointer;transition:transform .15s,box-shadow .15s}
.game-control:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff,0 7px 0 #b8a184,0 12px 20px #6c685526}.game-control:active{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff,0 2px 0 #b8a184}
.language.game-control{display:flex;gap:9px;align-items:center;border-radius:18px;min-height:49px;padding:6px 13px;background:linear-gradient(#d8f5f3,#9ad5d8);border-color:#fff9e6;box-shadow:inset 0 2px 0 #fff,0 5px 0 #72a4ad,0 8px 16px #6c685526;color:#436a70;font-size:13px}.language img{width:28px;height:28px}.chevron{display:inline-block;width:9px;height:9px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg);margin:-5px 3px 0 8px}
.user-chip{background:linear-gradient(#fff8e3,#ecd2aa);box-shadow:inset 0 2px 0 white,0 5px 0 #b69b78,0 8px 16px #6c685526;border-color:#fff8e0;border-radius:19px}.season{background:linear-gradient(#fff0b5,#ecc777);box-shadow:inset 0 2px 0 #fff8dc,0 5px 0 #bb955e,0 8px 16px #6c685520;border-color:#fff8da;color:#886132;text-shadow:0 1px #fff8d9}
.leaderboards{background:linear-gradient(#c0e8e798,#ffffff10);border:0;backdrop-filter:blur(5px);padding:16px 25px 21px}.leaderboard{border:4px solid #fff5da;background:linear-gradient(#fffced,#f1e2c7);border-radius:22px;box-shadow:inset 0 3px 0 white,0 7px 0 #b7a389,0 11px 18px #6f72502a;transform:rotate(-.4deg)}.leaderboard.national{transform:rotate(.35deg)}.leaderboard h2{background:linear-gradient(#f9b599,#e48d71);border-bottom:3px solid #cc805e;box-shadow:inset 0 2px 0 #ffe2bd;color:#fffdf0;text-shadow:0 2px 0 #ae685b;padding:11px 15px;letter-spacing:.02em}.leaderboard.national h2{background:linear-gradient(#93d7e3,#64acbf);border-color:#548e9f;color:#fffef0;text-shadow:0 2px #4a8496}.leaderboard.club h2{background:linear-gradient(#b0dca2,#7faf83);border-color:#669171;color:#ffffee;text-shadow:0 2px #587b60}.empty-ranking{color:#9b8569;font-size:12px;padding:14px;min-height:68px}.rank-placeholder{width:40px;height:40px;background:linear-gradient(#fef1d3,#dec4a0);border:2px solid #fff7db;box-shadow:0 3px 0 #c5ac87;border-radius:12px;flex-shrink:0}.rank-placeholder img{width:32px;height:32px;object-fit:contain;border-radius:9px;opacity:.78}.rank-button{border:4px solid #fff4cf;background:linear-gradient(#ffe5a0,#e6b65e);box-shadow:inset 0 3px 0 #fff6cc,0 7px 0 #ac8550,0 10px 18px #6f725030;border-radius:21px;text-shadow:0 1px #ffe9b4}.trophy-icon{width:40px;height:40px;margin:auto;filter:drop-shadow(0 3px 1px #a2754450)}.menu-tile img{width:44px;height:44px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 3px 0 #96664540)}
.picker-dialog{width:540px;padding:28px;overflow:visible;border:6px solid #fff4d6;background:linear-gradient(140deg,#fff8e4,#f1d9b4);box-shadow:inset 0 3px 0 white,0 9px 0 #b79571,0 22px 90px #314e6266}.picker-dialog h2{font-size:27px;text-align:center;color:#876347;text-shadow:0 2px #fff4da;margin:7px 0 22px}.dialog-emblem{width:68px;height:68px;border:5px solid #fff9df;background:linear-gradient(#f7d998,#e8b871);border-radius:23px;margin:-64px auto 12px;box-shadow:0 5px 0 #bf9866;transform:rotate(-5deg);display:grid;place-items:center}.dialog-emblem img{width:48px;height:48px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.language-option{min-height:54px;font-size:15px}.country-select{display:flex;align-items:center;gap:13px;width:100%;min-height:58px;text-align:left;padding:12px 17px}.country-select img{width:35px;height:25px;object-fit:contain}.country-select .chevron{margin-left:auto}.search-box{display:flex;align-items:center;gap:10px;background:#fffdf2;border:3px solid #d9b98e;border-radius:17px;box-shadow:inset 0 4px 0 #f0dec4;padding:5px 13px}.search-box svg{width:24px;height:24px;fill:none;stroke:#b69a75;stroke-width:3;stroke-linecap:round;flex-shrink:0}.search-box input{appearance:none;width:100%;padding:12px 0;border:0;outline:0;background:transparent;font-size:15px;color:#66503b;min-width:0}.search-box:focus-within{border-color:#f39e7d;box-shadow:inset 0 3px 0 #f5e3c9,0 0 0 3px #ffe8c1}.picker-status{font-size:12px;color:#a0896d;min-height:18px;margin:14px 4px 9px}.country-options{height:min(360px,45vh);overflow:auto;padding:3px 8px 8px 2px;display:flex;flex-direction:column;gap:11px;scrollbar-color:#c09a70 #f0dab9;scrollbar-width:thin}.country-option{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:59px;text-align:left;padding:10px 16px;font-size:16px;border-radius:15px}.country-option img{width:40px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 1px #8c6f432a)}.country-option small{margin-left:auto;color:#aa9070;font-size:11px}.country-option:hover,.country-option:focus-visible{background:linear-gradient(#ffe7bc,#fac390);border-color:#fff8df}.profile-panel input:not([type=hidden]){border:3px solid #dabf95;box-shadow:inset 0 4px 0 #f2e2c9;background:#fffdf3}.game-panel{border-color:#fff2d2;box-shadow:inset 0 3px 0 white,0 9px 0 #b99b7c,0 20px 65px #574e3d44}
@media(max-width:600px){.language.game-control{min-height:43px;padding:5px 8px;font-size:11px;gap:5px}.language img{width:24px;height:24px}.chevron{width:7px;height:7px;margin-left:4px}.leaderboards{padding:12px 8px 17px;gap:8px}.leaderboard h2{padding:8px;font-size:11px}.empty-ranking{font-size:9px;padding:10px 5px;gap:5px}.rank-placeholder{width:27px;height:29px;border-radius:9px}.rank-placeholder img{width:23px;height:23px}.trophy-icon{width:25px;height:25px;margin:0}.rank-button{padding:5px;border-radius:14px}.picker-dialog{padding:24px 17px;border-width:4px;width:calc(100vw - 28px)}.picker-dialog h2{font-size:23px}.country-option{font-size:14px}.language-option{font-size:14px}.country-options{height:min(340px,48vh)}.season{font-size:10px}}