@font-face{font-family:Gmarket;src:url('/assets/fonts/GmarketSansMedium.woff') format('woff');font-weight:400 500;font-display:swap}@font-face{font-family:Gmarket;src:url('/assets/fonts/GmarketSansBold.woff') format('woff');font-weight:600 900;font-display:swap}
body,button,input,select{font-family:Gmarket,'Malgun Gothic',sans-serif}button,a{ -webkit-user-select:none;user-select:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #53c5ff;outline-offset:5px}
.game-panel{background:radial-gradient(ellipse at 50% 0,#fff 0,#fffdf4 50%,#ffeed3 100%);border:6px solid #fff3c9;box-shadow:0 0 0 5px #ffb79a,inset 0 0 0 3px white,0 10px 0 5px #dc8270,0 22px 60px #58443b55;border-radius:42px}
dialog::backdrop{background:#244c788a;backdrop-filter:blur(3px)}dialog[open]{animation:panel-arrive .25s cubic-bezier(.2,1.5,.5,1)}@keyframes panel-arrive{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}
.close{right:-15px;top:-19px;width:53px;height:53px;display:grid;place-items:center;padding:0 0 3px;background:radial-gradient(circle at 35% 15%,#ffb29b,#ff796c 55%,#ee5b56);border:4px solid #fff;box-shadow:0 0 0 4px #ffcaa2,inset 0 3px 0 #ffd9bc,0 5px 0 4px #cb7466;font-size:39px;line-height:1;z-index:3;text-shadow:0 2px #ce665f}
.sport-dialog{width:760px;max-width:calc(100vw - 46px);padding:42px 20px 15px;overflow:visible;margin:auto;text-align:center}
.sport-heading{position:absolute;top:-39px;left:50%;transform:translateX(-50%) rotate(-1deg);height:74px;min-width:290px;max-width:82%;padding:4px 20px;display:flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(#ffb194 0,#ff8a75 27%,#ff675d 80%,#ee6259);border:4px solid #fff3c9;border-radius:44px;box-shadow:inset 0 3px 0 #ffd3b7,0 4px 0 #c97258,0 0 0 4px #ffba98;color:white}
.sport-heading h2{margin:3px 0 0;font-size:34px;white-space:nowrap;text-shadow:0 3px 0 #c94d45,2px 0 #dc6454}.sport-heading img{width:68px;height:68px;margin-top:-13px;filter:drop-shadow(0 4px 1px #b03e4544)}.badge-star{font-size:25px;color:#ffef7e;text-shadow:0 3px #de8949}
.sport-content{display:grid;grid-template-columns:1.05fr 1fr;gap:17px;align-items:stretch;text-align:left;margin:10px 0 12px;line-height:1.4}.sport-preview{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;border-radius:27px;padding:0 8px 10px;background:radial-gradient(ellipse at 50% 30%,#ecfcff,#d8effa 60%,#fff5df 85%);border:3px solid white;box-shadow:inset 0 0 20px #abd4f433}.sport-preview .island-art{width:100%;margin:-15px auto -17px;max-width:340px;filter:drop-shadow(0 7px 4px #71958e25)}.sport-preview p{position:relative;margin:0;text-align:center;font-size:13px;line-height:1.5;padding:9px 12px;background:#fffaf0;border:2px solid white;border-radius:18px;color:#7a5144}
.sport-instructions{display:flex;flex-direction:column;gap:10px;padding:5px 0}.instruction{display:flex;align-items:center;gap:12px;border:3px solid white;border-radius:20px;box-shadow:inset 0 2px 0 #fff9;padding:3px 12px 3px 5px;min-height:76px}.instruction img{width:65px;height:65px;flex-shrink:0;filter:drop-shadow(0 3px 1px #677d7030)}.instruction p{margin:0;font-size:15px;line-height:1.5;text-wrap:balance}.movement{background:linear-gradient(#e3f6ff,#c3e8fc);color:#376ba6}.aim{background:linear-gradient(#fff7d8,#ffeabc);color:#b6623c}.score{background:linear-gradient(#eef6db,#d9edb9);color:#607947}.entry-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#ae7462;font-size:12px;margin-top:auto}.entry-note img{width:30px;height:27px}
.sport-footer{display:flex;gap:15px;align-items:center;border-top:2px solid #eddcb9;padding:13px 5px 1px}.sport-footer .primary{width:auto;flex:1;max-width:420px;margin:0 auto;border:4px solid #fff4cf;border-radius:45px;background:linear-gradient(#ffac87,#ff7b61 45%,#fa5c53);box-shadow:0 0 0 3px #ffb598,inset 0 3px 0 #ffd9ad,0 6px 0 3px #cc6c55;padding:8px 15px;min-height:65px;font-size:27px;text-shadow:0 3px #c75548;gap:10px}.sport-footer .primary img{width:48px;height:42px;transform:rotate(-14deg)}.sport-footer .primary small{font-size:12px;border:2px solid #ffddbb;border-radius:25px;padding:7px 8px;background:#e15b4855}.back-button{display:flex;align-items:center;gap:6px;border:3px solid #fff;background:linear-gradient(#fff8e5,#eedab2);border-radius:25px;color:#977252;font-size:13px;min-height:43px;padding:7px 13px;box-shadow:0 4px 0 #c3a785}.back-button>span:first-child{font-size:27px;line-height:1}
.menu-toggle{width:78px;height:78px;right:28px;bottom:27px;border:4px solid #fff6ce;border-radius:26px;background:radial-gradient(ellipse at 35% 10%,#ffd0a6,#ff9d7b 35%,#f47165 85%);box-shadow:0 0 0 3px #ffc5a0,inset 0 3px 0 #ffe7b7,0 7px 0 3px #bc735c,0 13px 25px #77695844}.menu-lines{top:35%}.menu-caption{position:absolute;bottom:10px;left:0;right:0;font-size:10px;color:#fff9e5;text-shadow:0 2px #ba6958;letter-spacing:.06em}.menu-toggle[aria-expanded=true] .menu-lines{top:38%}.game-menu{bottom:133px;right:30px;width:510px;max-width:calc(100vw - 34px);padding:32px 22px 17px;gap:18px 15px;border:5px solid #fff2cd;border-radius:36px;background:radial-gradient(ellipse at top,#fffff5,#ffebc9);box-shadow:0 0 0 4px #ffc3a0,inset 0 0 0 3px #fff,0 10px 0 4px #c4936e,0 20px 60px #36495c77;backdrop-filter:none}.menu-tile{position:relative;width:100%;height:122px;border:3px solid #fff7d9;border-radius:24px;background:radial-gradient(ellipse at 40% 0,#ffe4c1,#ffb197 37%,#ef8b78);box-shadow:inset 0 3px 0 #fff6dfaa,0 5px 0 #c77a60,0 8px 8px #c1a78b40;font-size:12px;text-shadow:0 2px #ab695d}.menu-tile:nth-child(2n){background:radial-gradient(ellipse at 40% 0,#e0f9ff,#91d6e5 40%,#69b2c9);box-shadow:inset 0 3px 0 #f4ffffb0,0 5px 0 #578f9d,0 8px 8px #c1a78b40;text-shadow:0 2px #548f9e}.menu-tile:nth-child(3n){background:radial-gradient(ellipse at 40% 0,#fff4b3,#f8d67e 40%,#d9ad55);box-shadow:inset 0 3px 0 #fffadd,0 5px 0 #ae8745,0 8px 8px #c1a78b40;text-shadow:0 2px #aa8345}.menu-tile img{width:58px;height:58px;filter:drop-shadow(0 3px 1px #b27d5350)}.menu-tile span{margin-bottom:7px;line-height:1}.menu-tile:hover{transform:rotate(-2deg) scale(1.03)}.menu-logout{grid-column:1/-1;margin:5px 0 0;text-align:center}.menu-logout button{border:2px solid #fff8dd;border-radius:20px;background:linear-gradient(#e9d0ac,#d6b38b);box-shadow:0 3px 0 #aa8864;color:#74543d;padding:9px 25px;font-size:12px;display:inline-flex;gap:10px;align-items:center}
.rank-button{min-width:100px;position:relative;background:radial-gradient(ellipse at 35% 10%,#fff5ad,#ffd87f 40%,#e9ac54);box-shadow:inset 0 3px 0 #fff8d6,0 0 0 2px #f9d499,0 6px 0 2px #b38448;border-radius:25px;padding:12px 13px;font-size:12px;color:#94602f}.trophy-icon{width:54px;height:54px}.leaderboard{border-radius:24px}.leaderboard h2{font-size:12px}.empty-ranking{font-size:10px}.topbar{gap:12px}.season{font-size:11px}.language.game-control{font-size:11px}.user-chip{font-size:12px}.picker-dialog h2,.info-dialog h2{background:linear-gradient(#ffb797,#f5806d);border:3px solid #fff4d2;box-shadow:0 4px #c78163;border-radius:30px;color:#fff9e8;text-shadow:0 2px #bb7057;padding:10px 20px;font-size:23px}.profile-panel h1{color:#ce785c}.primary:hover{filter:brightness(1.06);transform:translateY(-2px)}.primary:active{transform:translateY(3px)}.search-box input::-webkit-search-cancel-button{cursor:pointer}
@media(max-width:600px){.sport-dialog{padding:35px 11px 10px;border-radius:30px}.sport-heading{height:57px;top:-30px;min-width:230px;padding:3px 12px;gap:7px}.sport-heading h2{font-size:25px}.sport-heading img{width:52px;height:52px}.badge-star{font-size:19px}.close{width:42px;height:42px;font-size:30px;right:-12px;top:-18px}.sport-content{grid-template-columns:.96fr 1.04fr;gap:7px;margin:5px 0 8px}.sport-preview{padding:0 3px 7px;border-radius:20px;justify-content:center}.sport-preview .island-art{max-width:none;margin:0 auto -4px}.sport-preview p{font-size:10px;padding:6px 4px;border-radius:12px}.instruction{gap:3px;padding:3px;min-height:61px;border-width:2px;border-radius:15px}.instruction img{width:42px;height:42px}.instruction p{font-size:10px;line-height:1.55}.sport-instructions{gap:6px;padding:2px 0}.entry-note{font-size:9px;gap:3px}.entry-note img{width:22px}.sport-footer{gap:9px;padding:10px 0 0}.sport-footer .primary{font-size:18px;min-height:50px;padding:5px 8px;gap:5px}.sport-footer .primary img{width:32px;height:32px}.sport-footer .primary small{font-size:8px;padding:5px}.back-button{font-size:9px;padding:5px 8px;min-height:37px}.menu-toggle{width:65px;height:65px;right:19px;bottom:22px;border-radius:22px}.menu-caption{font-size:9px;bottom:7px}.game-menu{right:17px;bottom:112px;padding:22px 14px 13px;gap:14px 9px}.menu-tile{height:100px;font-size:10px;border-radius:20px}.menu-tile img{width:45px;height:45px}.menu-logout button{padding:7px 21px}.rank-button{min-width:0;padding:5px 14px}.rank-button .trophy-icon{width:32px;height:32px}.leaderboard h2{font-size:9px}.empty-ranking{font-size:8px}.topbar{gap:6px;padding:12px 10px}.season{font-size:8px;padding:7px}.language.game-control{font-size:9px;padding:5px}.language img{width:20px}.top-actions{gap:6px}.small-brand img{width:84px}.picker-dialog{border-radius:29px}.picker-dialog h2{font-size:21px}.info-dialog{padding:24px}.profile-panel{padding:25px 20px}}
@media(max-height:530px) and (min-width:601px){.sport-dialog{width:620px;padding-top:30px}.sport-content{margin:0}.sport-preview .island-art{max-width:220px}.instruction{min-height:51px}.instruction img{width:44px;height:44px}.instruction p{font-size:12px}.sport-footer .primary{min-height:47px;font-size:22px}.sport-heading{height:54px;top:-26px}.sport-heading h2{font-size:25px}.sport-heading img{width:52px;height:52px}}