:root{--blue-50: #eef4fe;--blue-100: #e0ebfd;--blue-200: #c3d9fb;--blue-500: #2b7fff;--blue-600: #1667eb;--blue-700: #0a4bbc;--footer-blue: #2a6fd6;--green-50: #eaf7ef;--green-600: #12a150;--green-700: #167b07;--purple-50: #f3eefd;--purple-600: #8257e5;--rank-gold: #f5b31e;--rank-silver: #aeb6c2;--rank-bronze: #ff7a3d;--ball-1: #fbc400;--ball-2: #69c8f2;--ball-3: #ff7272;--ball-4: #aaaaaa;--ball-5: #b0d840;--page-bg: #f4f7fc;--card-bg: #ffffff;--card-bg-alt: #f8fafd;--card-border: #e8edf5;--text: #1e2733;--text-muted: #6b7686;--text-faint: #6b7480;--divider: #eef1f6;--ad-bg: #eceef1;--ad-border: #dce0e6;--ad-text: #8b93a0;--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Segoe UI", "Noto Sans KR", system-ui, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 34px;--fs-4xl: 42px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(29, 45, 77, .05);--shadow-md: 0 4px 16px rgba(29, 45, 77, .06);--shadow-lg: 0 8px 28px rgba(29, 45, 77, .1);--maxw: 1240px;--header-h: 68px}:root[data-theme=dark]{--blue-50: #16233c;--blue-100: #1b2c4a;--page-bg: #0f1521;--card-bg: #172033;--card-bg-alt: #131b2b;--card-border: #263243;--text: #e7ecf3;--text-muted: #9aa6b6;--text-faint: #6f7c8e;--divider: #232f42;--ad-bg: #1c2740;--ad-border: #2a3550;--ad-text: #6f7c8e}@media(prefers-color-scheme:dark){:root:not([data-theme]){--blue-50: #16233c;--blue-100: #1b2c4a;--page-bg: #0f1521;--card-bg: #172033;--card-bg-alt: #131b2b;--card-border: #263243;--text: #e7ecf3;--text-muted: #9aa6b6;--text-faint: #6f7c8e;--divider: #232f42;--ad-bg: #1c2740;--ad-border: #2a3550;--ad-text: #6f7c8e}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:8px;top:-48px;z-index:100;background:var(--blue-600);color:#fff;padding:8px 14px;border-radius:var(--r-sm);font-weight:700;transition:top .15s}.skip-link:focus{top:8px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4)}main.container{padding-top:var(--sp-5);padding-bottom:var(--sp-6);min-height:60vh}.stack>*+*{margin-top:var(--sp-4)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--sp-5)}.card-title{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em}.badge{display:inline-block;background:var(--blue-50);color:var(--blue-600);font-size:var(--fs-xs);font-weight:700;padding:3px 10px;border-radius:var(--r-full)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--r-md);font-weight:700;font-size:var(--fs-base);border:1px solid transparent;transition:filter .15s,background .15s}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--blue-600);color:#fff}.btn.lg,.btn-primary.lg{padding:15px 22px;font-size:var(--fs-md);border-radius:var(--r-md);width:100%}.btn-outline{background:var(--card-bg);color:var(--text);border-color:var(--card-border)}.btn-chip{background:var(--blue-50);color:var(--blue-600);font-size:var(--fs-sm);padding:8px 14px;border-radius:var(--r-md)}.btn-chip.green{background:var(--green-50);color:var(--green-700)}.btn-chip.purple{background:var(--purple-50);color:var(--purple-600)}.link-more{color:var(--blue-600);font-weight:700;font-size:var(--fs-sm)}.ball{--sz: 44px;width:var(--sz);height:var(--sz);flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:calc(var(--sz) * .42);text-shadow:0 0 2px rgba(0,0,0,.55),0 1px 1px rgba(0,0,0,.38);background-image:radial-gradient(circle at 32% 26%,#fff9,#fff0 55%),linear-gradient(160deg,#ffffff1f,#0000001f);box-shadow:inset 0 -3px 6px #00000024,var(--shadow-sm)}.ball.g1{background-color:var(--ball-1)}.ball.g2{background-color:var(--ball-2)}.ball.g3{background-color:var(--ball-3)}.ball.g4{background-color:var(--ball-4)}.ball.g5{background-color:var(--ball-5)}.ball.lg{--sz: 58px}.ball.sm{--sz: 34px}.ball.xs{--sz: 27px;font-size:12px}.ball-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ball-plus{color:var(--text-faint);font-size:var(--fs-xl);font-weight:700}.ad{display:flex;align-items:center;justify-content:center;background:var(--ad-bg);border:1px solid var(--ad-border);border-radius:var(--r-md);color:var(--ad-text);font-size:var(--fs-sm);min-height:90px;width:100%}.ad.sq{min-height:250px}.ad.tall{min-height:600px}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--card-bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--card-border)}.site-header .inner{height:var(--header-h);display:flex;align-items:center;gap:var(--sp-5)}.brand img{height:34px;width:auto}.site-nav{display:flex;gap:var(--sp-5);margin:0 auto}.site-nav a{font-weight:700;color:var(--text-muted);padding:6px 2px;position:relative}.site-nav a[aria-current=page]{color:var(--blue-600)}.site-nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:3px;background:var(--blue-600);border-radius:3px}.header-icons{display:flex;gap:var(--sp-3);color:var(--text-muted)}.header-icons .ic{width:24px;height:24px}.header-icons button{background:none;border:0;color:inherit;padding:0;display:flex}.header-bell{display:none;margin-left:auto;background:none;border:0;color:var(--text-muted);padding:0;min-width:44px;min-height:44px;align-items:center;justify-content:center}.header-bell .ic{width:24px;height:24px}.mobile-only,.tabbar{display:none}.site-footer{background:var(--footer-blue);color:#fff;margin-top:var(--sp-7)}.site-footer .inner{padding:var(--sp-5) var(--sp-4);text-align:center}.site-footer .disc{font-size:var(--fs-sm);line-height:1.85;opacity:.97}.site-footer .links{margin-top:var(--sp-3);font-size:var(--fs-xs);opacity:.85}.site-footer .links a{margin:0 8px;text-decoration:underline}.section-title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.grid{display:grid;gap:var(--sp-4)}.mascot{width:100%;height:auto;object-fit:contain}@media(max-width:900px){.site-nav,.header-icons.desktop-only{display:none}.header-bell,.mobile-only{display:flex}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--card-bg);border-top:1px solid var(--card-border);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--text-faint);font-weight:600;padding:2px 0;position:relative}.tabbar a .ic{width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--blue-600)}.tabbar a[aria-current=page]:before{content:"";position:absolute;top:-6px;width:26px;height:3px;background:var(--blue-600);border-radius:3px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.site-header .inner{height:60px}.site-footer{margin-bottom:0}.btn-chip,.btn.sm,.link-more{min-height:44px;display:inline-flex;align-items:center}}.toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(10px);background:#141c2cf0;color:#fff;padding:11px 18px;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:600;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.cd-grid.cd-msg{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cd-grid.cd-msg b{color:var(--blue-700);font-weight:800;font-size:var(--fs-lg)}.cd-grid.cd-msg span{color:var(--text-muted);font-size:var(--fs-sm)}.qr-overlay{position:fixed;inset:0;z-index:300;background:#080c14eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-5)}.qr-overlay video{width:min(90vw,420px);aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);background:#000;outline:3px solid rgba(255,255,255,.5)}.qr-hint{color:#fff;font-weight:600;text-align:center}.qr-close{background:#fff}.an-cell{background:var(--card-bg-alt);border-radius:var(--r-md);padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:3px}.an-k{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.an-v{font-size:var(--fs-lg);font-weight:800;color:var(--blue-700)}.games-head{font-weight:800;margin-bottom:var(--sp-3)}.grow{display:flex;align-items:center;gap:var(--sp-3);padding:8px 0;border-bottom:1px solid var(--divider);flex-wrap:wrap}.grow:last-child{border-bottom:none}.grow-tag{width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:var(--blue-100);color:var(--blue-700);font-weight:800;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center}.grow-rr{margin-left:auto;font-size:var(--fs-sm);font-weight:700}.games .grow-rr{color:var(--rank-gold)}.grow-share{padding:6px 12px}.res-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) 0;text-align:center}.res-card{display:flex;flex-direction:column;gap:var(--sp-4)}.res-badge{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}.res-badge.win{color:var(--blue-700)}.res-badge.miss{color:var(--text-muted)}.res-pending .res-badge{color:var(--rank-bronze)}.res-congrats{font-weight:700}.cmp{display:grid;gap:6px;background:var(--card-bg-alt);border-radius:var(--r-md);padding:var(--sp-4)}.cmp-lab{font-size:var(--fs-xs);font-weight:700}.cmp-row{gap:6px}.cmp-b{position:relative;display:inline-flex}.cmp-b.hit .ball{outline:2px solid var(--green-600);outline-offset:1px}.cmp-b.hit:after{content:"✓";position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:var(--green-600);color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:1}.qr-games{display:flex;flex-direction:column;gap:4px}.qr-games .ball.hit{outline:2px solid var(--green-600);outline-offset:1px}.qr-games .grow-rr{color:var(--text-muted)}.qr-games .grow-rr.win{color:var(--blue-700)}.claim{background:var(--blue-50);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:10px}.sr-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.sr-head b{font-size:var(--fs-lg)}.sr-head .btn-chip{margin-left:auto}.sr-list{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.sr-list .row{display:grid;grid-template-columns:130px 130px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--divider)}.sr-list .row:last-child{border-bottom:none}.sr-list .rd-no{font-weight:700}.sr-list .rd-date{font-size:var(--fs-sm)}.sr-list .ball.hit{outline:2px solid var(--blue-700);outline-offset:1px}.sr-empty{padding:var(--sp-6);text-align:center}.sr-more{margin-top:var(--sp-3);text-align:center}@media(max-width:900px){.sr-list .row{grid-template-columns:1fr;gap:8px;padding:var(--sp-4)}.sr-list .rd-date{order:-1}}