@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css";
@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";

:root{--paper-cream:#f4ecd8;--paper-cream-2:#eee3c4;--ink-dark:#1a1a1a;--ink-soft:#2d2d2d;--uniform-white:#fafafa;--navy-under:#1b2638;--burnt-orange:#e85d2c;--burnt-orange-hover:#d04a1c;--deep-red:#b33a2b;--deep-red-hover:#9a2d20;--mustard:#d4a53a;--morning-purple:#6b5b8c;--ground-brown:#8b6f47;--grass-green:#5b7a4f;--concrete-gray:#c9c5bd;--color-bg:var(--paper-cream);--color-bg-2:var(--paper-cream-2);--color-text:var(--ink-dark);--color-text-mute:#1a1a1aa6;--color-text-soft:#1a1a1ad9;--color-cta:var(--deep-red);--color-cta-hover:var(--deep-red-hover);--color-success:var(--grass-green);--color-warning:var(--mustard);--color-danger:var(--deep-red);--color-info:var(--morning-purple);--font-display:"Anton", "Pretendard", system-ui, sans-serif;--font-body:"Pretendard", "Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Consolas", monospace;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:48px;--fs-display:64px;--fs-hero:80px;--lh-tight:1.2;--lh-normal:1.5;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:900;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.05em;--ls-wider:.1em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--border-hair:1px solid var(--ink-dark);--border-thin:1.5px solid var(--ink-dark);--border-normal:2px solid var(--ink-dark);--border-thick:3px solid var(--ink-dark);--shadow-paper:2px 2px 0 #1a1a1a26;--shadow-card:4px 4px 0 #1a1a1a33;--shadow-card-lift:6px 6px 0 #1a1a1a40;--shadow-modal:8px 8px 0 #1a1a1a4d;--shadow-inset:inset 2px 2px 0 #1a1a1a1a;--icon-xs:12px;--icon-sm:16px;--icon-md:24px;--icon-lg:32px;--icon-xl:48px;--icon-2xl:64px;--icon-3xl:96px;--header-h:56px;--nav-h:72px;--app-frame-max:480px;--content-max:1200px;--content-pad:16px;--content-pad-lg:32px;--z-base:0;--z-content:10;--z-header:100;--z-nav:100;--z-overlay:500;--z-modal:900;--z-toast:1000;--t-fast:.15s ease;--t-normal:.25s ease;--t-slow:.4s ease}[data-time-mode=night]{--color-bg:#2a2520;--color-text:#e8ddc8;--color-text-mute:#e8ddc8a6}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-md);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:var(--z-base);background-image:radial-gradient(circle at 20% 30%,#8b6f470a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#1a1a1a08 0%,#0000 50%);position:fixed;inset:0}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}h1{font-size:var(--fs-display)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-sm)}.display{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:1.05}.section-num{font-family:var(--font-display);font-weight:var(--fw-black);color:var(--deep-red);font-size:var(--fs-2xl);letter-spacing:-.05em;margin-right:var(--sp-3);display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paper-bg{background-color:var(--paper-cream);background-image:repeating-linear-gradient(0deg,#0000 0 30px,#8b6f4705 30px 31px)}.dust-overlay:after{content:"";pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(1px 1px at 20% 30%,#fff6 50%,#0000),radial-gradient(1px 1px at 60% 70%,#ffffff4d 50%,#0000),radial-gradient(1px 1px at 80% 20%,#fff6 50%,#0000);position:absolute;inset:0}em.strong{color:var(--deep-red);font-style:normal;font-weight:var(--fw-bold)}strong{color:var(--deep-red);font-weight:var(--fw-bold)}.container{width:100%;max-width:var(--content-max);padding:0 var(--content-pad);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--content-pad-lg)}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}
.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-family:var(--font-body);font-size:var(--fs-md);font-weight:var(--fw-bold);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--uniform-white);color:var(--ink-dark);cursor:pointer;transition:transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);box-shadow:var(--shadow-paper);white-space:nowrap;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-card);transform:translate(-1px,-1px)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a33}.btn-primary{background:var(--deep-red);color:var(--uniform-white);border-color:var(--ink-dark)}.btn-primary:hover{background:var(--deep-red-hover)}.btn-secondary{background:var(--uniform-white);color:var(--ink-dark)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{box-shadow:var(--shadow-paper);border-color:var(--ink-dark);background:#1a1a1a0d}.btn-disabled,.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg)}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.btn-block{width:100%}.btn-icon{width:48px;height:48px;padding:0}.card{background:var(--uniform-white);border:var(--border-thin);padding:var(--sp-5);box-shadow:var(--shadow-card);position:relative}.card-paper{background:var(--paper-cream);border:var(--border-thin);padding:var(--sp-6) var(--sp-5) var(--sp-5);box-shadow:var(--shadow-card);background-image:repeating-linear-gradient(0deg,#0000 0 28px,#8b6f470a 28px 29px);position:relative}.card-paper h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.card-paper p{font-size:var(--fs-sm);color:var(--color-text-soft);line-height:var(--lh-normal)}.pushpin{background:radial-gradient(circle at 35% 35%, var(--deep-red) 0%, var(--deep-red-hover) 50%, #6b1f18 100%);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:1px 1px #0000004d,inset -1px -1px 2px #0003}.pushpin-tl{top:-7px;left:12px}.pushpin-tr{top:-7px;right:12px}.pushpin-bl{bottom:-7px;left:12px}.pushpin-br{bottom:-7px;right:12px}.pushpin-top-center{top:-7px;left:50%;transform:translate(-50%)}.card-locker{border:var(--border-normal);padding:var(--sp-5);box-shadow:var(--shadow-card);color:var(--uniform-white);background:linear-gradient(#5c6670 0%,#4a535d 100%);position:relative}.card-locker:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 4px,#0000000d 4px 5px);position:absolute;inset:0}.card-locker__nametag{background:var(--mustard);color:var(--ink-dark);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);border:1px solid var(--ink-dark);z-index:1;display:inline-block;position:relative}.card-trading{background:var(--uniform-white);border:var(--border-thin);width:160px;padding:var(--sp-2);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--t-fast), box-shadow var(--t-fast);position:relative}.card-trading:hover{box-shadow:var(--shadow-card-lift);transform:translate(-2px,-2px)}.card-trading img{aspect-ratio:1;object-fit:cover;background:var(--concrete-gray);border:1px solid var(--ink-dark);width:100%}.card-trading__label{margin-top:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center;border-top:1px solid var(--ink-dark)}.card-rank-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--paper-cream);border-bottom:1px dashed #1a1a1a33;grid-template-columns:48px 1fr auto;display:grid}.card-rank-row:last-child{border-bottom:0}.card-rank-row--mine{border-left:3px solid var(--deep-red);font-weight:var(--fw-bold);background:#e85d2c26}.card-rank-row__num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xl);color:var(--ink-dark);text-align:center}.card-rank-row--top1 .card-rank-row__num,.card-rank-row--top1{color:var(--deep-red)}.card-rank-row--top2 .card-rank-row__num,.card-rank-row--top3 .card-rank-row__num{color:var(--burnt-orange)}.card-news{background:var(--paper-cream);border:1px solid var(--ink-dark);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--shadow-paper);position:relative}.card-news__date{font-size:var(--fs-xs);color:var(--color-text-mute);margin-bottom:var(--sp-1)}.card-news__title{font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:var(--sp-2)}.card-news__body{font-size:var(--fs-sm);color:var(--color-text-soft);line-height:var(--lh-normal)}.card-news--new:after{content:"NEW";top:var(--sp-2);right:var(--sp-2);background:var(--deep-red);color:var(--uniform-white);font-size:10px;font-weight:var(--fw-bold);letter-spacing:.05em;padding:2px 6px;position:absolute}.badge{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);border:1px solid var(--ink-dark);background:var(--uniform-white);text-transform:uppercase;letter-spacing:var(--ls-wide);display:inline-flex}.badge-success{background:var(--grass-green);color:var(--uniform-white)}.badge-warning{background:var(--mustard);color:var(--ink-dark)}.badge-danger{background:var(--deep-red);color:var(--uniform-white)}.badge-info{background:var(--morning-purple);color:var(--uniform-white)}.stamp{border:3px solid var(--deep-red);width:64px;height:64px;color:var(--deep-red);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-sm);letter-spacing:var(--ls-wider);opacity:.85;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative;transform:rotate(-12deg)}.stamp:before{content:"";border:1px solid var(--deep-red);opacity:.5;border-radius:50%;position:absolute;inset:-2px}.stamp-empty{color:#1a1a1a33;border-style:dashed;border-color:#1a1a1a33}.attend-grid{gap:var(--sp-2);padding:var(--sp-4);background:var(--paper-cream);border:var(--border-thin);box-shadow:var(--shadow-paper);grid-template-columns:repeat(7,1fr);display:grid}.attend-cell{aspect-ratio:1;font-family:var(--font-display);font-size:var(--fs-md);color:var(--color-text-mute);background:var(--uniform-white);border:1px dashed #1a1a1a33;justify-content:center;align-items:center;display:flex;position:relative}.attend-cell--stamped{background:0 0;border-style:solid;border-color:#0000}.attend-cell--stamped:after{content:"";background:radial-gradient(circle, var(--deep-red) 30%, transparent 32%);opacity:.7;border:2px solid var(--deep-red);border-radius:50%;position:absolute;inset:4px;transform:rotate(-8deg)}.attend-cell--today{border-color:var(--deep-red);border-style:solid;border-width:2px;animation:2s ease-in-out infinite pulse-today}@keyframes pulse-today{0%,to{box-shadow:0 0 #b33a2b66}50%{box-shadow:0 0 0 4px #b33a2b00}}.token-display{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--paper-cream);border:var(--border-thin);font-family:var(--font-display);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;display:inline-flex}.token-display__icon{background:var(--mustard);border:1.5px solid var(--ink-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.token-display__icon:before,.token-display__icon:after{content:"";background:var(--ink-dark);position:absolute}.token-display__icon:before{width:1px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.token-display__icon:after{width:8px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.token-display__value{font-size:var(--fs-md)}.token-display--lg .token-display__value{font-size:var(--fs-2xl)}.token-display--lg .token-display__icon{width:32px;height:32px}.countdown{align-items:baseline;gap:var(--sp-2);padding:var(--sp-4);background:var(--ink-dark);color:var(--uniform-white);border:var(--border-thin);display:inline-flex}.countdown__label{font-size:var(--fs-sm);letter-spacing:var(--ls-wide);text-transform:uppercase}.countdown__value{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-3xl);color:var(--burnt-orange);letter-spacing:var(--ls-tight)}.countdown__unit{font-size:var(--fs-md);color:var(--color-text-mute)}.toast{top:calc(var(--header-h) + var(--sp-4));right:var(--sp-4);align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--paper-cream);border:var(--border-thin);box-shadow:var(--shadow-card);z-index:var(--z-toast);max-width:360px;animation:.3s ease-out toast-slide-in;display:flex;position:fixed}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast--success .toast__dot{background:var(--grass-green)}.toast--info .toast__dot{background:var(--morning-purple)}.toast--warn .toast__dot{background:var(--mustard)}.toast--danger .toast__dot{background:var(--deep-red)}.modal-overlay{z-index:var(--z-modal);padding:var(--sp-4);background:#1a1a1ab3;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper-cream);border:var(--border-normal);padding:var(--sp-8);width:100%;max-width:480px;box-shadow:var(--shadow-modal);background-image:repeating-linear-gradient(0deg,#0000 0 28px,#8b6f470a 28px 29px);animation:.3s cubic-bezier(.34,1.56,.64,1) modal-pop;position:relative}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal__close{top:var(--sp-3);right:var(--sp-3);border:1px solid var(--ink-dark);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute}.modal__title{font-family:var(--font-display);font-size:var(--fs-2xl);margin-bottom:var(--sp-4)}.modal__body{margin-bottom:var(--sp-6)}.modal__actions{gap:var(--sp-3);justify-content:flex-end;display:flex}.in-app-browser-overlay{z-index:calc(var(--z-modal) + 10)}.in-app-browser-modal{border:var(--border-normal);border-top:4px solid var(--deep-red)}.in-app-browser-modal__eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--deep-red);margin-bottom:var(--sp-2);font-weight:700}.in-app-browser-modal__body{margin-bottom:var(--sp-5)}.in-app-browser-modal__lead{font-size:var(--fs-md);line-height:var(--lh-loose);color:var(--color-text);margin-bottom:var(--sp-3)}.in-app-browser-modal__sub{font-size:var(--fs-sm);line-height:var(--lh-loose);color:var(--color-text-soft)}.in-app-browser-modal__ios-hint{align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-5);padding:var(--sp-4);background:var(--paper-cream-2);border:var(--border-thin);font-size:var(--fs-sm);line-height:var(--lh-loose);color:var(--color-text-soft);display:flex}.in-app-browser-modal__ios-hint-icon{border:var(--border-thin);background:var(--uniform-white);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.in-app-browser-modal__actions{gap:var(--sp-3);flex-direction:column;display:flex}.in-app-browser-modal__try{color:var(--color-text-mute);font-size:var(--fs-sm)}.input,.select{width:100%;padding:var(--sp-3) var(--sp-4);font-family:inherit;font-size:var(--fs-md);background:var(--uniform-white);border:var(--border-thin);color:var(--ink-dark);transition:border-color var(--t-fast);display:block}.input:focus,.select:focus{border-color:var(--deep-red);box-shadow:var(--shadow-paper);outline:none}.label{font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:var(--sp-2);display:block}.section-title{align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-2xl);margin-bottom:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:var(--border-normal);display:flex}.section-headline{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-black);margin-bottom:var(--sp-6);line-height:1.1}.section-headline em{color:var(--burnt-orange);font-style:normal}.empty-state{padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--color-text-mute);background:var(--paper-cream);border:2px dashed #1a1a1a33;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:64px;height:64px;margin-bottom:var(--sp-4);opacity:.5}.empty-state__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--ink-dark);margin-bottom:var(--sp-2)}.empty-state__body{font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.asset-placeholder{background:repeating-linear-gradient(45deg, var(--concrete-gray) 0px, var(--concrete-gray) 10px, #b8b5ad 10px, #b8b5ad 20px);color:var(--ink-dark);font-family:var(--font-mono);font-size:var(--fs-xs);border:2px dashed var(--ink-dark);text-align:center;padding:var(--sp-2);word-break:break-all;justify-content:center;align-items:center;display:flex}.icon{width:var(--icon-md);height:var(--icon-md);fill:currentColor;stroke:currentColor;flex-shrink:0;display:inline-block}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon-3xl{width:var(--icon-3xl);height:var(--icon-3xl)}
.app-shell{min-height:100vh;padding-top:var(--header-h);padding-bottom:var(--nav-h);flex-direction:column;display:flex}.app-shell--no-nav{padding-bottom:0}.app-header{height:var(--header-h);background:var(--paper-cream);border-bottom:var(--border-thin);z-index:var(--z-header);padding:0 var(--sp-4);align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px #1a1a1a1a}.app-header__logo{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);color:var(--ink-dark);text-decoration:none;display:flex}.app-header__logo-mark{background:var(--uniform-white);border:1.5px solid var(--ink-dark);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative}.app-header__logo-mark:before,.app-header__logo-mark:after{content:"";border-bottom:1px solid var(--deep-red);border-radius:50%;width:14px;height:6px;position:absolute}.app-header__logo-mark:before{top:6px}.app-header__logo-mark:after{bottom:6px;transform:rotate(180deg)}.app-header__title{font-size:var(--fs-md);letter-spacing:var(--ls-tight)}.app-header__sub{font-size:var(--fs-xs);color:var(--color-text-mute);font-weight:var(--fw-regular);letter-spacing:var(--ls-wide);margin-left:var(--sp-2)}.app-header__spacer{flex:1}.app-header__right{align-items:center;gap:var(--sp-3);display:flex}.app-header__profile{border:1.5px solid var(--ink-dark);background:var(--uniform-white);cursor:pointer;width:36px;height:36px;transition:transform var(--t-fast);overflow:hidden}.app-header__profile:hover{transform:scale(1.05)}.app-header__profile img{object-fit:cover;width:100%;height:100%}.app-nav{height:var(--nav-h);background:var(--uniform-white);border-top:var(--border-thin);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px #1a1a1a1a}.nav-item{padding:var(--sp-2);color:var(--color-text-mute);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:color var(--t-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--ink-dark)}.nav-item__icon{stroke:currentColor;stroke-width:1.5px;fill:none;width:24px;height:24px}.nav-item.active{color:var(--ink-dark)}.nav-item.active .nav-item__icon{stroke-width:2.5px}.nav-item.active:after{content:"";background:var(--deep-red);width:24px;height:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.nav-item__label{font-family:var(--font-body);letter-spacing:var(--ls-tight)}.nav-item__dot{background:var(--deep-red);border:1px solid var(--uniform-white);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:calc(50% - 18px)}@media (min-width:1024px){.app-shell{padding-bottom:0;padding-left:220px}.app-nav{top:var(--header-h);border-top:0;border-right:var(--border-thin);width:220px;height:auto;padding:var(--sp-4);gap:var(--sp-2);grid-template-columns:1fr;bottom:0;left:0;right:auto;box-shadow:2px 0 #1a1a1a1a}.nav-item{justify-content:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);flex-direction:row}.nav-item.active:after{width:3px;height:24px;top:50%;bottom:auto;left:-16px;transform:translateY(-50%)}.nav-item__dot{top:var(--sp-3);right:var(--sp-3)}}.app-main{padding:var(--sp-4) 0;z-index:var(--z-content);flex:1;position:relative}@media (min-width:768px){.app-main{padding:var(--sp-6) 0}}.hero{width:100%;min-height:calc(100vh - var(--header-h));background:var(--ink-dark);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero__kv{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{z-index:2;width:100%;padding:var(--sp-8) var(--sp-6) var(--sp-12);color:var(--uniform-white);background:linear-gradient(#0000 0%,#1a1a1a66 30%,#1a1a1ae6 100%);position:relative}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--burnt-orange);margin-bottom:var(--sp-3)}.hero__title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-4);color:var(--burnt-orange);line-height:.95}@media (min-width:768px){.hero__title{font-size:var(--fs-hero)}}.hero__tagline{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--sp-8);color:var(--uniform-white)}.hero__cta-block{gap:var(--sp-3);flex-direction:column;max-width:360px;display:flex}@media (min-width:768px){.hero__cta-block{flex-direction:row}}.grid-cards-3{gap:var(--sp-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-cards-3{grid-template-columns:repeat(3,1fr)}}.grid-roster-4{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.grid-roster-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.grid-roster-4{grid-template-columns:repeat(4,1fr)}}.carousel{gap:var(--sp-3);scroll-snap-type:x mandatory;padding:var(--sp-2);scrollbar-width:none;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel>*{scroll-snap-align:start;flex-shrink:0}.section{padding:var(--sp-10) 0}.section--paper{background:var(--paper-cream)}.section--dark{background:var(--ink-dark);color:var(--uniform-white)}.section--accent{background:var(--burnt-orange);color:var(--uniform-white)}.section--red{background:var(--deep-red);color:var(--uniform-white)}.app-footer{background:var(--ink-dark);color:var(--color-text-mute);padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--fs-xs)}.app-footer p{color:#fafafa99}.callout-block{padding:var(--sp-12) var(--sp-6);text-align:center;background:var(--ink-dark);color:var(--uniform-white);border-top:4px solid var(--deep-red);border-bottom:4px solid var(--deep-red)}.callout-kicker{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--color-text-mute);margin-bottom:var(--sp-2)}.callout-punchline{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--burnt-orange);margin-bottom:var(--sp-4)}.callout-detail{font-size:var(--fs-sm);color:#fafafa99}
.app-viewport{background-color:var(--navy-under);min-height:100vh}.app-viewport:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 20%,#5b7a4f24 0%,#0000 45%),radial-gradient(circle at 80% 80%,#8b6f471a 0%,#0000 45%);position:fixed;inset:0}body.app-viewport{background-color:var(--navy-under)}body.app-viewport:before{display:none}.app-frame{z-index:1;width:100%;max-width:var(--app-frame-max);background-color:var(--color-bg);min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 48px #00000059}.app-frame:before{content:"";pointer-events:none;z-index:var(--z-base);background-image:radial-gradient(circle at 20% 30%,#8b6f470a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#1a1a1a08 0%,#0000 50%);position:absolute;inset:0}@media (min-width: calc(var(--app-frame-max) + 1px)){.app-header,.app-nav{width:100%;max-width:var(--app-frame-max);left:50%;right:auto;transform:translate(-50%)}}.app-frame .app-shell{padding-left:0;padding-bottom:var(--nav-h)}.app-frame .app-nav{width:100%;max-width:var(--app-frame-max);height:var(--nav-h);border-top:var(--border-thin);padding-bottom:env(safe-area-inset-bottom);border-right:0;grid-template-columns:repeat(5,1fr);top:auto;bottom:0;box-shadow:0 -2px #1a1a1a1a}.app-frame .nav-item{padding:var(--sp-2);font-size:var(--fs-xs);flex-direction:column;justify-content:center;gap:2px}.app-frame .nav-item.active:after{width:24px;height:3px;top:auto;bottom:8px;left:50%;transform:translate(-50%)}.app-frame .nav-item__dot{top:8px;right:calc(50% - 18px)}@media (min-width:1024px){.app-frame .app-shell{padding-left:0;padding-bottom:var(--nav-h)}.app-frame .app-nav{width:100%;max-width:var(--app-frame-max);height:var(--nav-h);border-top:var(--border-thin);border-right:0;grid-template-columns:repeat(5,1fr);inset:auto auto 0 50%;transform:translate(-50%);box-shadow:0 -2px #1a1a1a1a}.app-frame .nav-item{font-size:var(--fs-xs);flex-direction:column;justify-content:center}}.app-frame .grid-cards-3{grid-template-columns:1fr}.app-frame .grid-roster-4{grid-template-columns:repeat(2,1fr)}.app-frame .hero__title{font-size:var(--fs-display)}.app-frame .hero__cta-block{flex-direction:column;max-width:360px}.app-frame .intro-cut__line{font-size:var(--fs-2xl)}@media (min-width:768px){.app-frame .hero__title{font-size:var(--fs-display)}.app-frame .hero__cta-block{flex-direction:column}.app-frame .grid-cards-3{grid-template-columns:1fr}.app-frame .intro-cut__line{font-size:var(--fs-2xl)}}
.section-body{font-size:var(--fs-md);color:var(--color-text-soft);line-height:var(--lh-loose);max-width:720px}.gallery-note{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--color-text-mute);text-align:center;font-style:italic}.diff-table{border:var(--border-normal);background:var(--uniform-white);box-shadow:var(--shadow-card);overflow:hidden}.diff-row{border-bottom:1px solid var(--ink-dark);grid-template-columns:1.2fr 1fr 1fr;display:grid}.diff-row:last-child{border-bottom:0}.diff-row>div{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);border-right:1px solid #1a1a1a1a}@media (min-width:768px){.diff-row>div{padding:var(--sp-4) var(--sp-5);font-size:var(--fs-md)}}.diff-row>div:last-child{border-right:0}.diff-row--header{background:var(--ink-dark);color:var(--uniform-white);font-weight:var(--fw-bold)}.diff-row--header .diff-row__ours{background:var(--deep-red)}.diff-row__ours{font-weight:var(--fw-bold);color:var(--deep-red);background:#e85d2c14}.daily-reward-card{background:var(--paper-cream);border:var(--border-normal);padding:var(--sp-6);text-align:center;box-shadow:var(--shadow-card-lift);margin-bottom:var(--sp-6);position:relative}.daily-reward-card__title{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-3)}.daily-reward-card__streak{color:var(--deep-red);font-weight:var(--fw-bold);font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.daily-reward-card__amount{font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--burnt-orange);margin-bottom:var(--sp-4)}.greeting-block{align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--uniform-white);border:var(--border-thin);margin-bottom:var(--sp-6);display:flex}.greeting-block__avatar{border:2px solid var(--ink-dark);flex-shrink:0;width:56px;height:56px;overflow:hidden}.greeting-block__avatar img{object-fit:cover;width:100%;height:100%}.greeting-block__text{flex:1}.greeting-block__name{font-weight:var(--fw-bold);margin-bottom:2px}.greeting-block__msg{font-size:var(--fs-sm);color:var(--color-text-soft)}.boost-widget{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--mustard);border:var(--border-thin);margin-bottom:var(--sp-5);display:flex;position:relative;overflow:hidden}.boost-widget--active{background:var(--burnt-orange);color:var(--uniform-white);animation:2s ease-in-out infinite boost-pulse}@keyframes boost-pulse{0%,to{box-shadow:0 0 #e85d2c66}50%{box-shadow:0 0 0 8px #e85d2c00}}.boost-widget__icon{flex-shrink:0;width:28px;height:28px}.boost-widget__label{font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase}.boost-widget__time{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.minigame-cards{gap:var(--sp-3);margin-bottom:var(--sp-6);grid-template-columns:1fr;display:grid}@media (min-width:600px){.minigame-cards{grid-template-columns:repeat(3,1fr)}}.minigame-card{background:var(--uniform-white);border:var(--border-thin);padding:var(--sp-5);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--t-fast), box-shadow var(--t-fast);position:relative}.minigame-card:hover{box-shadow:var(--shadow-card-lift);transform:translate(-2px,-2px)}.minigame-card__icon{width:48px;height:48px;margin-bottom:var(--sp-3);stroke:var(--ink-dark);stroke-width:1.5px;fill:none}.minigame-card__title{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-1)}.minigame-card__meta{font-size:var(--fs-sm);color:var(--color-text-mute);margin-bottom:var(--sp-3)}.minigame-card__score{font-family:var(--font-display);font-size:var(--fs-md);color:var(--burnt-orange);margin-bottom:var(--sp-3)}.crew-echo{padding:var(--sp-4);background:var(--paper-cream);border:var(--border-thin);margin-bottom:var(--sp-5)}.crew-echo__title{font-weight:var(--fw-bold);margin-bottom:var(--sp-2)}.crew-echo__amount{font-family:var(--font-display);color:var(--grass-green);font-size:var(--fs-xl)}.notice-board{background:var(--paper-cream);border:var(--border-normal);padding:var(--sp-6);margin-bottom:var(--sp-6);box-shadow:var(--shadow-card);background-image:repeating-linear-gradient(0deg,#0000 0 28px,#8b6f470a 28px 29px);position:relative}.notice-board__title{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:var(--border-thin)}
.intro-cut{height:60vh;min-height:400px;color:var(--uniform-white);margin-bottom:var(--sp-4);align-items:flex-end;display:flex;position:relative;overflow:hidden}.intro-cut img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro-cut__copy{z-index:1;padding:var(--sp-8) var(--sp-6);background:linear-gradient(#0000,#1a1a1ad9);position:relative}.intro-cut__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--burnt-orange);margin-bottom:var(--sp-2)}.intro-cut__line{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black);line-height:1.1}@media (min-width:768px){.intro-cut__line{font-size:var(--fs-3xl)}}.cut-nav{bottom:var(--sp-6);gap:var(--sp-1);z-index:10;display:flex;position:fixed;left:50%;transform:translate(-50%)}.cut-dot{border:1px solid var(--ink-dark);background:#ffffff4d;width:32px;height:4px}.cut-dot.active{background:var(--deep-red)}
.practice-hero{height:200px;margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-6);border-bottom:var(--border-thin);position:relative;overflow:hidden}.practice-hero img{object-fit:cover;width:100%;height:100%}.practice-hero__overlay{padding:var(--sp-5);color:var(--uniform-white);background:linear-gradient(#0000 0%,#1a1a1ab3 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.practice-hero__title{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:1}.practice-hero__sub{font-size:var(--fs-sm);color:#fafafacc;margin-top:var(--sp-1)}
.minigame-stage{background:var(--ink-dark);color:var(--uniform-white);padding:var(--sp-8);text-align:center;border:var(--border-normal);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.minigame-stage__bg{opacity:.15;z-index:0;background:url(/assets/kv/kv1_triumph_16x9.png) 50%/cover;position:absolute;inset:0}.minigame-stage>*{z-index:1;position:relative}.score-bar{padding:var(--sp-3) var(--sp-4);background:var(--paper-cream);border:var(--border-thin);margin-bottom:var(--sp-4);font-family:var(--font-display);justify-content:space-between;display:flex}.hrb-root{touch-action:manipulation;-webkit-user-select:none;user-select:none}.hrb-root--tension .hrb-stage{box-shadow:var(--shadow-card), inset 0 0 calc(20px + 30px * var(--hrb-tension,0)) rgba(232, 93, 44, calc(.08 + .12 * var(--hrb-tension,0)))}.hrb-stage{min-height:360px;padding:var(--sp-5)}.hrb-hud{gap:var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.hrb-hud strong{color:var(--burnt-orange)}.hrb-hud__combo{color:var(--burnt-orange);animation:.6s ease-in-out infinite alternate hrb-combo-pulse}.hrb-hud__combo strong{font-size:var(--fs-lg)}@keyframes hrb-combo-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.hrb-hud__tag{font-size:var(--fs-xs);border:1px solid #fafafa66;border-radius:4px;padding:2px 8px}.hrb-prompt{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 var(--sp-4);min-height:1.5em}.hrb-field{width:100%;max-width:280px;height:220px;margin:0 auto var(--sp-2);touch-action:none;cursor:crosshair;position:relative;overflow:visible}.hrb-field--aiming{cursor:grabbing}.hrb-aim-target{border:2px solid var(--burnt-orange);filter:blur(5px);pointer-events:none;z-index:1;will-change:left, top;background:radial-gradient(circle,#e85d2c80 0%,#e85d2c1f 60%,#0000 75%);border-radius:50%;width:52px;height:52px;position:absolute;transform:translate(-50%,-50%)}.hrb-aim-point{border:2px solid var(--uniform-white);pointer-events:none;z-index:4;background:#fafafa40;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff6}.hrb-aim-point--active{border-color:var(--burnt-orange);box-shadow:0 0 12px var(--burnt-orange);background:#e85d2c59}.hrb-timing-gauge{width:100%;max-width:280px;margin:0 auto var(--sp-3)}.hrb-timing-gauge__labels{font-size:var(--fs-xs);color:#fafafa8c;font-family:var(--font-display);justify-content:space-between;margin-bottom:4px;display:flex}.hrb-timing-gauge__track{background:var(--paper-cream);border:var(--border-thin);height:14px;position:relative;overflow:hidden}.hrb-timing-gauge__fill{background:linear-gradient(90deg, var(--grass-green), var(--burnt-orange));width:0;position:absolute;top:0;bottom:0;left:0}.hrb-timing-gauge__fill--ready{box-shadow:0 0 10px var(--burnt-orange)}.hrb-pitcher{background:var(--uniform-white);opacity:.5;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:0;left:50%}.hrb-swing-hint{font-size:var(--fs-sm);color:var(--color-text-soft);font-family:var(--font-display);margin:0}.hrb-ball-wrap{z-index:2;will-change:left, top;position:absolute;top:8%;left:50%;transform:translate(-50%,-50%)}.hrb-ball-wrap--fly{animation:.85s ease-out forwards hrb-flyout}.hrb-ball-wrap--hr-trail:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 30%,#ffdc64b3 50%,#0000 70%);border-radius:50%;animation:.85s ease-out forwards hrb-trail;position:absolute;inset:-8px -24px -8px -8px}@keyframes hrb-trail{0%{opacity:1;transform:scale(.5)translate(0)}to{opacity:0;transform:scale(1.4)translate(40px)}}.hrb-ball{width:48px;height:48px;color:var(--uniform-white);display:block}.hrb-flyout{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--burnt-orange);white-space:nowrap;position:absolute;top:-8px;left:100%}@keyframes hrb-flyout{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.3;transform:translate(40%,-120%)scale(.6)}}.hrb-plate{pointer-events:none;border:2px dashed #fafafa40;border-radius:50%;width:120px;height:120px;margin:0 0 0 -60px;position:absolute;bottom:10px;left:50%;box-shadow:inset 0 0 0 1px #e85d2c33}.hrb-vfx{pointer-events:none;z-index:3;width:120px;height:120px;position:absolute;transform:translate(-50%,-50%)}.hrb-vfx__flash{background:radial-gradient(circle,#fffffff2 0%,#ffc85080 35%,#0000 70%);border-radius:50%;animation:.35s ease-out forwards hrb-flash;position:absolute;inset:0}.hrb-vfx__flash--big{animation:.55s ease-out forwards hrb-flash-big}@keyframes hrb-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes hrb-flash-big{0%{opacity:1;transform:scale(.2)}40%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(2.8)}}.hrb-vfx__spark{background:var(--burnt-orange);width:6px;height:6px;box-shadow:0 0 8px var(--burnt-orange);border-radius:50%;margin:-3px;animation:.4s ease-out forwards hrb-spark;position:absolute;top:50%;left:50%}.hrb-vfx__spark--1{--hrb-spark-x:-28px;--hrb-spark-y:-18px;animation-delay:20ms}.hrb-vfx__spark--2{--hrb-spark-x:24px;--hrb-spark-y:-22px;animation-delay:50ms}.hrb-vfx__spark--3{--hrb-spark-x:4px;--hrb-spark-y:30px;animation-delay:80ms}@keyframes hrb-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--hrb-spark-x), var(--hrb-spark-y)) scale(.2)}}.hrb-vfx__trail{background:conic-gradient(from 200deg,#0000,#ffd23ccc,#0000);border-radius:50%;animation:.5s ease-out forwards hrb-burst-trail;position:absolute;inset:-20px}@keyframes hrb-burst-trail{0%{opacity:1;transform:scale(.4)rotate(0)}to{opacity:0;transform:scale(1.8)rotate(40deg)}}.hrb-vfx__burst{border:4px solid var(--burnt-orange);box-shadow:0 0 20px var(--burnt-orange), inset 0 0 16px #ffc85099;border-radius:50%;animation:.6s ease-out forwards hrb-burst;position:absolute;inset:-30px}@keyframes hrb-burst{0%{opacity:1;transform:scale(.2)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}.hrb-vfx__pop{font-family:var(--font-display);font-size:var(--fs-2xl);color:#fff;text-shadow:0 0 12px var(--burnt-orange), 0 2px 0 var(--deep-red);white-space:nowrap;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) forwards hrb-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}@keyframes hrb-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}35%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-90%)scale(1)}}.hrb-actions{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.hrb-summary{margin-top:var(--sp-4)}.hrb-summary__total{font-size:var(--fs-lg);margin:var(--sp-2) 0}.hrb-summary__grades{gap:var(--sp-2);text-align:center;font-size:var(--fs-xs);grid-template-columns:repeat(5,1fr);display:grid}.hrb-summary__grades strong{font-family:var(--font-display);font-size:var(--fs-lg);display:block}.hrb-cap-notice,.hrb-practice-notice{text-align:center;font-size:var(--fs-sm);color:var(--deep-red);margin-bottom:var(--sp-3)}.hrb-practice-notice{color:var(--color-text-soft)}.hrb-link-btn{color:var(--burnt-orange);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.hrb-submit-row{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.hrb-submit-msg{text-align:center;margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--grass-green)}
.pitch-stage{background:var(--navy-under);color:var(--uniform-white);padding:var(--sp-8);text-align:center;border:var(--border-normal);box-shadow:var(--shadow-card);min-height:400px;position:relative}.strike-zone{margin:var(--sp-6) auto;grid-template-rows:repeat(3,80px);grid-template-columns:repeat(3,80px);justify-content:center;gap:4px;display:grid}.zone-cell{font-family:var(--font-display);font-size:var(--fs-md);background:#e85d2c0d;border:2px solid #fafafa66;justify-content:center;align-items:center;transition:all .2s;display:flex}.zone-cell.active{background:var(--burnt-orange);border-color:var(--burnt-orange);transform:scale(1.05)}.zone-cell--hot{border-color:var(--burnt-orange);background:#e85d2c66;position:relative}.zone-cell__hot-badge{background:var(--deep-red);color:#fff;font-size:9px;font-family:var(--font-display);letter-spacing:var(--ls-wide);padding:1px 4px;position:absolute;top:-8px;right:-8px}.power-gauge{border:var(--border-thin);background:#0000004d;width:100%;max-width:400px;height:32px;margin:0 auto;position:relative;overflow:hidden}.power-gauge__fill{background:linear-gradient(90deg, var(--grass-green), var(--mustard), var(--deep-red));width:0;animation:1.2s ease-in-out infinite pg;position:absolute;top:0;bottom:0;left:0}@keyframes pg{0%,to{width:0}50%{width:100%}}
.fielding-stage{color:var(--uniform-white);padding:var(--sp-8);text-align:center;border:var(--border-normal);box-shadow:var(--shadow-card);background:linear-gradient(#5b7a4f 0%,#3f5535 100%);min-height:400px;position:relative;overflow:hidden}.ball-falling{background:var(--uniform-white);border:2px solid var(--ink-dark);border-radius:50%;width:24px;height:24px;animation:2.5s ease-in infinite fall;position:absolute;top:20%;left:50%}@keyframes fall{0%{top:-10%;transform:translate(-50%)rotate(0)}to{top:80%;transform:translate(-50%)translate(80px)rotate(720deg)}}.swipe-hint{bottom:var(--sp-6);font-family:var(--font-display);font-size:var(--fs-md);color:#fafafab3;justify-content:center;align-items:center;gap:var(--sp-2);animation:1s ease-in-out infinite alternate hint;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes hint{0%{transform:translate(-50%)}to{transform:translate(-50%)translate(10px)}}
.rank-period-tabs{gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.rank-period-tab{padding:var(--sp-2) var(--sp-3);background:var(--paper-cream-2);border:var(--border-thin);cursor:pointer;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--color-text-mute);flex:1}.rank-period-tab.active{background:var(--ink-dark);color:var(--uniform-white)}.rank-tabs{gap:var(--sp-1);margin-bottom:var(--sp-4);border-bottom:var(--border-thin);flex-wrap:wrap;display:flex}.rank-tab{padding:var(--sp-2) var(--sp-4);cursor:pointer;font-weight:var(--fw-bold);color:var(--color-text-mute);font-size:var(--fs-sm);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1.5px}.rank-tab.active{color:var(--ink-dark);border-bottom-color:var(--deep-red)}.medal{width:32px;height:32px;font-weight:var(--fw-black);font-family:var(--font-display);color:var(--uniform-white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.medal-1{color:var(--ink-dark);background:#d4a53a}.medal-2{background:#a8a8a8}.medal-3{background:#b87333}.ranking-list-panel{background:var(--paper-cream);border:var(--border-normal);box-shadow:var(--shadow-card);margin-bottom:var(--sp-6)}.ranking-list-section-label{padding:var(--sp-2) var(--sp-3);background:var(--paper-cream-2);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:var(--ls-wide)}.ranking-list-gap{opacity:.4;justify-content:center}
.crew-hero{height:200px;margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-6);border-bottom:var(--border-thin);position:relative;overflow:hidden}.crew-hero img{object-fit:cover;width:100%;height:100%}.crew-hero__overlay{padding:var(--sp-5);color:var(--uniform-white);background:linear-gradient(#0000,#1a1a1ab3);align-items:flex-end;display:flex;position:absolute;inset:0}.crew-slots{gap:var(--sp-3);margin-bottom:var(--sp-6);grid-template-columns:repeat(5,1fr);display:grid}.crew-slot{aspect-ratio:1;background:var(--uniform-white);border:var(--border-thin);box-shadow:var(--shadow-paper);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.crew-slot--empty{background:repeating-linear-gradient(45deg, var(--paper-cream), var(--paper-cream) 8px, var(--paper-cream-2) 8px, var(--paper-cream-2) 16px);color:var(--color-text-mute);font-size:var(--fs-xs);text-align:center;padding:var(--sp-2);border-style:dashed}.crew-slot img{object-fit:cover;width:100%;height:100%}.crew-slot__label{background:var(--ink-dark);color:var(--uniform-white);font-size:var(--fs-xs);text-align:center;font-weight:var(--fw-bold);padding:2px;position:absolute;bottom:0;left:0;right:0}.crew-slot__position{font-size:9px;font-weight:var(--fw-bold);color:var(--deep-red);background:var(--paper-cream);border:1px solid var(--ink-dark);padding:1px 4px;position:absolute;top:4px;left:4px}.crew-slot--leader:before{content:"대장";background:var(--mustard);color:var(--ink-dark);font-size:10px;font-weight:var(--fw-bold);z-index:1;padding:1px 4px;position:absolute;top:4px;left:4px}.activity-item{padding:var(--sp-3);border-bottom:1px dashed #1a1a1a26;justify-content:space-between;align-items:center;display:flex}.activity-item:last-child{border-bottom:0}.activity-item__echo{font-family:var(--font-display);color:var(--grass-green);font-weight:var(--fw-bold)}.crew-visitor-cta{text-align:center;padding:var(--sp-8) var(--sp-4);background:var(--paper-cream-2);border:var(--border-thin);margin-bottom:var(--sp-6)}.invite-card{background:var(--paper-cream);border:var(--border-normal);padding:var(--sp-6);text-align:center;box-shadow:var(--shadow-card);margin-bottom:var(--sp-6);position:relative}.invite-link{background:var(--uniform-white);border:var(--border-thin);margin:var(--sp-4) 0;font-family:var(--font-mono);font-size:var(--fs-sm);display:flex}.invite-link__url{padding:var(--sp-3);text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.invite-link__btn{background:var(--ink-dark);color:var(--uniform-white);padding:var(--sp-3) var(--sp-4);cursor:pointer;font-weight:var(--fw-bold);border:0}.qr-box{background:var(--uniform-white);border:var(--border-thin);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:1px;width:160px;height:160px;margin:0 auto;padding:8px;display:grid}.qr-cell{background:var(--ink-dark)}.qr-cell.off{background:0 0}.share-row{gap:var(--sp-2);margin-top:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.share-btn{aspect-ratio:1;background:var(--uniform-white);border:var(--border-thin);justify-content:center;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);cursor:pointer;flex-direction:column;display:flex}.share-btn__icon{background:var(--paper-cream-2);border:1px solid var(--ink-dark);width:28px;height:28px;font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.crew-code-display{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--uniform-white);border:2px dashed var(--ink-dark);margin-top:var(--sp-3);display:flex}.crew-code-display__value{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:.15em;color:var(--deep-red);flex:1}.crew-join-form{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.crew-join-form input{padding:var(--sp-3);border:var(--border-thin);font-family:var(--font-mono);font-size:var(--fs-md);text-transform:uppercase;flex:1}.crew-status-full{background:var(--deep-red);color:var(--uniform-white);font-size:var(--fs-xs);font-family:var(--font-display);letter-spacing:var(--ls-wide);padding:2px 8px;display:inline-block}
.roster-album{background:var(--paper-cream);border:var(--border-normal);padding:var(--sp-6);box-shadow:var(--shadow-card-lift);background-image:repeating-linear-gradient(0deg,#0000 0 28px,#8b6f470a 28px 29px);position:relative}.roster-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.roster-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.roster-grid{grid-template-columns:repeat(4,1fr)}}.roster-card{background:var(--uniform-white);border:1.5px solid var(--ink-dark);padding:var(--sp-2);box-shadow:var(--shadow-paper);transition:transform .15s;position:relative}.roster-card:hover{box-shadow:var(--shadow-card);transform:translate(-2px,-2px)}.roster-card img{aspect-ratio:1;object-fit:cover;border:1px solid var(--ink-dark);width:100%}.roster-card__label{margin-top:var(--sp-2);padding:var(--sp-1);font-size:var(--fs-xs);text-align:center;border-top:1px solid var(--ink-dark);font-weight:var(--fw-bold)}.roster-card.selected{outline:3px solid var(--deep-red);outline-offset:-3px}.roster-card.selected:after{content:"✓";background:var(--deep-red);width:24px;height:24px;color:var(--uniform-white);font-weight:var(--fw-bold);border:2px solid var(--uniform-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}
.gb-header{align-items:center;gap:var(--sp-3);padding:var(--sp-4);margin-bottom:var(--sp-4);background:var(--paper-cream-2);border:var(--border-normal);display:flex}.gb-header__icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gb-header__title{font-family:var(--font-display);font-size:var(--fs-2xl);margin-bottom:2px;line-height:1}.gb-header__sub{font-size:var(--fs-xs);color:var(--color-text-mute)}.gb-limits{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.gb-limit{padding:var(--sp-3) var(--sp-4);background:var(--uniform-white);border:var(--border-thin);text-align:center}.gb-limit__label{font-size:var(--fs-xs);color:var(--color-text-mute);letter-spacing:var(--ls-wide)}.gb-limit__count{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--burnt-orange)}.gb-limit__count strong{font-size:var(--fs-2xl)}.gb-inbox{padding:var(--sp-4);margin-bottom:var(--sp-5);border:var(--border-normal);box-shadow:var(--shadow-card);cursor:pointer;background:linear-gradient(135deg,#f5e6c8 0%,#efd9a8 100%);transition:transform .15s;position:relative}.gb-inbox:hover{box-shadow:var(--shadow-card-lift);transform:translate(-2px,-2px)}.gb-inbox__badge{background:var(--deep-red);color:#fff;border:2px solid var(--ink-dark);width:28px;height:28px;font-weight:700;font-size:var(--fs-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-8px}.gb-inbox__title{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-lg);margin-bottom:4px;display:flex}.gb-inbox__sub{font-size:var(--fs-xs);color:var(--color-text-soft)}.gb-tabs{gap:var(--sp-2);margin-bottom:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.gb-tab{padding:var(--sp-3);background:var(--paper-cream);border:var(--border-normal);font-family:var(--font-display);cursor:pointer;text-align:center;letter-spacing:var(--ls-wide)}.gb-tab--active{background:var(--ink-dark);color:var(--uniform-white)}.gb-board{padding:var(--sp-5) var(--sp-3);border:var(--border-thick);gap:var(--sp-4) var(--sp-3);background-image:url(/assets/textures/seamless/tex_wood_dugout.png);background-size:256px 256px;flex-wrap:wrap;justify-content:center;min-height:400px;display:flex;position:relative}.gb-memo{width:200px;min-height:180px;padding:var(--sp-4) var(--sp-3) var(--sp-3);background:#fff6d6;transition:transform .2s;position:relative;box-shadow:3px 4px #0000001f,6px 7px 12px #00000014}.gb-memo:hover{z-index:10;transform:translateY(-3px)rotate(0)!important}.gb-memo--pink{background:#ffd4de}.gb-memo--blue{background:#c8e1f5}.gb-memo--green{background:#d4ecc8}.gb-memo--purple{background:#e0d4f0}.gb-memo--yellow{background:#fff6d6}.gb-memo__pin{background:var(--deep-red);border:1.5px solid var(--ink-dark);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:1px 2px 3px #0000004d}.gb-memo__category{letter-spacing:var(--ls-wide);margin-bottom:var(--sp-2);background:#00000014;padding:1px 6px;font-size:10px;display:inline-block}.gb-memo__body{font-family:var(--font-handwrite,"Nanum Pen Script", cursive);color:var(--ink-dark);margin-bottom:var(--sp-3);font-size:19px;line-height:1.35}.gb-memo__footer{font-size:var(--fs-xs);color:#00000080;border-top:1px dashed #0003;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.gb-memo__from{font-weight:var(--fw-bold);align-items:center;gap:4px;display:flex}.gb-memo__avatar{border:1px solid #0000004d;border-radius:50%;width:18px;height:18px;overflow:hidden}.gb-memo__avatar img{object-fit:cover;width:100%;height:100%}.gb-write-fab{width:100%;padding:var(--sp-4);margin-top:var(--sp-5);background:var(--deep-red);color:#fff;border:2px solid var(--ink-dark);font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--ls-wide);cursor:pointer;box-shadow:3px 3px 0 var(--ink-dark);justify-content:center;align-items:center;gap:var(--sp-2);display:flex;position:sticky;bottom:80px}.gb-write-fab:active{box-shadow:1px 1px 0 var(--ink-dark);transform:translate(2px,2px)}.gb-modal-bg{z-index:100;padding:var(--sp-4);background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.gb-modal-bg.open{display:flex}.gb-modal{background:var(--paper-cream);border:var(--border-thick);width:100%;max-width:380px;padding:var(--sp-5);box-shadow:6px 6px 0 var(--ink-dark);max-height:80vh;overflow-y:auto}.gb-modal__title{font-family:var(--font-display);font-size:var(--fs-2xl);margin-bottom:var(--sp-4);border-bottom:var(--border-normal);padding-bottom:var(--sp-2)}.gb-step{display:none}.gb-step--active{display:block}.gb-step__label{font-size:var(--fs-sm);color:var(--color-text-soft);margin-bottom:var(--sp-3)}.gb-recipients{gap:var(--sp-2);display:grid}.gb-recipient{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--uniform-white);border:var(--border-thin);cursor:pointer;display:flex}.gb-recipient:hover{border-color:var(--burnt-orange)}.gb-recipient--active{border:2.5px solid var(--deep-red);background:var(--paper-cream-2)}.gb-recipient--public{background:linear-gradient(135deg,#f5e6c8 0%,#efd9a8 100%)}.gb-recipient__avatar{border:1.5px solid var(--ink-dark);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.gb-recipient__avatar img{object-fit:cover;width:100%;height:100%}.gb-recipient__avatar--public{background:var(--ink-dark);color:#fff;font-family:var(--font-display);justify-content:center;align-items:center;display:flex}.gb-recipient__name{font-weight:var(--fw-bold);flex:1}.gb-recipient__sub{color:var(--color-text-mute);font-size:10px}.gb-cats{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.gb-cat{padding:var(--sp-3);background:var(--uniform-white);border:var(--border-thin);text-align:center;cursor:pointer}.gb-cat--active{border:2.5px solid var(--deep-red);background:var(--paper-cream-2)}.gb-cat__emoji{margin-bottom:4px;font-size:24px;display:block}.gb-cat__name{font-family:var(--font-display);letter-spacing:var(--ls-wide)}.gb-cat__desc{color:var(--color-text-mute);margin-top:2px;font-size:10px}.gb-msgs{gap:var(--sp-2);display:grid}.gb-msg{padding:var(--sp-3);background:var(--uniform-white);border:var(--border-thin);font-family:var(--font-handwrite,"Nanum Pen Script", cursive);cursor:pointer;text-align:left;font-size:18px}.gb-msg:hover{border-color:var(--burnt-orange);background:#fffef5}.gb-msg--active{border:2.5px solid var(--deep-red);background:#fff6d6}.gb-modal-actions{gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:var(--border-normal);display:flex}.gb-modal-actions .btn{flex:1}
.rumor-hero{height:200px;margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-6);border-bottom:var(--border-thin);position:relative;overflow:hidden}.rumor-hero img{object-fit:cover;width:100%;height:100%}.rumor-hero__overlay{padding:var(--sp-5);color:var(--uniform-white);background:linear-gradient(#0000,#1a1a1acc);align-items:flex-end;display:flex;position:absolute;inset:0}.prize-banner{background:var(--deep-red);color:var(--uniform-white);padding:var(--sp-5);text-align:center;border:var(--border-normal);box-shadow:var(--shadow-card-lift);margin-bottom:var(--sp-6);position:relative;overflow:hidden}.prize-banner:before,.prize-banner:after{content:"";background:var(--burnt-orange);opacity:.3;z-index:0;border-radius:50%;width:120px;height:120px;position:absolute}.prize-banner:before{top:-60px;left:-60px}.prize-banner:after{bottom:-60px;right:-60px}.prize-banner>*{z-index:1;position:relative}.prize-row{gap:var(--sp-4);margin-top:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.prize-cell{padding:var(--sp-3);background:#ffffff1a;border:1.5px solid #ffffff4d}.prize-cell__label{font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;opacity:.8}.prize-cell__value{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black)}.rank-tabs{gap:var(--sp-1);margin-bottom:var(--sp-4);border-bottom:var(--border-thin);display:flex}.rank-tab{padding:var(--sp-2) var(--sp-4);cursor:pointer;font-weight:var(--fw-bold);color:var(--color-text-mute);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1.5px}.rank-tab.active{color:var(--ink-dark);border-bottom-color:var(--deep-red)}.medal{width:32px;height:32px;font-weight:var(--fw-black);font-family:var(--font-display);color:var(--uniform-white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.medal-1{color:var(--ink-dark);background:#d4a53a}.medal-2{background:#a8a8a8}.medal-3{background:#b87333}.region-map{background:var(--paper-cream);border:var(--border-normal);padding:var(--sp-5);box-shadow:var(--shadow-card);margin-bottom:var(--sp-6);position:relative}.region-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);max-width:480px;margin:0 auto;display:grid}@media (min-width:768px){.region-grid{grid-template-columns:repeat(4,1fr)}}.region-cell{aspect-ratio:1.2;background:var(--uniform-white);border:var(--border-thin);padding:var(--sp-2);text-align:center;cursor:pointer;flex-direction:column;justify-content:space-between;transition:transform .15s;display:flex;position:relative}.region-cell:hover{box-shadow:var(--shadow-paper);transform:translate(-1px,-1px)}.region-cell__name{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.region-cell__count{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--burnt-orange)}.region-cell--mine{outline:3px solid var(--deep-red);outline-offset:-3px}.region-cell--mine:before{content:"우리지역";background:var(--deep-red);color:var(--uniform-white);font-size:9px;font-weight:var(--fw-bold);padding:1px 4px;position:absolute;top:2px;right:2px}.heat-1{background:#e85d2c0d}.heat-2{background:#e85d2c26}.heat-3{background:#e85d2c4d}.heat-4{color:var(--uniform-white);background:#e85d2c80}.heat-4 .region-cell__count{color:var(--uniform-white)}.legend{gap:var(--sp-3);margin-top:var(--sp-4);font-size:var(--fs-xs);flex-wrap:wrap;justify-content:center;display:flex}.legend-item{align-items:center;gap:var(--sp-1);display:flex}.legend-swatch{border:1px solid var(--ink-dark);width:16px;height:16px}.korea-map-svg{width:100%;max-width:480px;height:auto;color:var(--ink-dark)}.korea-map-svg path{cursor:pointer;transition:fill .2s}
.locker-room{padding:var(--sp-6);border:var(--border-normal);box-shadow:var(--shadow-card-lift);margin-bottom:var(--sp-6);color:var(--uniform-white);background:linear-gradient(#5c6670 0%,#4a535d 100%);position:relative}.locker-room:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 6px,#0000000f 6px 7px);position:absolute;inset:0}.locker-room>*{z-index:1;position:relative}.locker-nametag{background:var(--mustard);color:var(--ink-dark);padding:var(--sp-1) var(--sp-3);font-weight:var(--fw-bold);border:1px solid var(--ink-dark);margin-bottom:var(--sp-3);display:inline-block}.locker-profile{gap:var(--sp-4);margin-bottom:var(--sp-4);align-items:center;display:flex}.locker-profile__avatar{border:2px solid var(--ink-dark);background:var(--uniform-white);flex-shrink:0;width:80px;height:80px;overflow:hidden}.locker-profile__avatar img{object-fit:cover;width:100%;height:100%}.token-big{font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--mustard);line-height:1}.attend-grid{gap:var(--sp-1);padding:var(--sp-3);background:var(--paper-cream);border:var(--border-thin);margin-top:var(--sp-3);grid-template-columns:repeat(7,1fr);display:grid}.attend-cell{aspect-ratio:1;font-size:var(--fs-xs);background:var(--uniform-white);color:var(--color-text-mute);border:1px dashed #1a1a1a33;justify-content:center;align-items:center;display:flex;position:relative}.attend-cell--stamped{color:#0000;border-style:solid}.attend-cell--stamped:after{content:"";border:2px solid var(--deep-red);background:radial-gradient(circle, var(--deep-red) 25%, transparent 27%);opacity:.7;border-radius:50%;position:absolute;inset:3px;transform:rotate(-8deg)}.attend-cell--today{border:2px solid var(--deep-red);font-weight:var(--fw-bold);color:var(--ink-dark)}.badge-strip{gap:var(--sp-2);margin-top:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid}.badge-cell{aspect-ratio:1;background:var(--uniform-white);border:var(--border-thin);font-family:var(--font-display);font-size:var(--fs-md);text-align:center;padding:var(--sp-1);justify-content:center;align-items:center;display:flex}.badge-cell--locked{background:repeating-linear-gradient(45deg, var(--paper-cream-2) 0, var(--paper-cream-2) 4px, #d9cdb0 4px, #d9cdb0 8px);color:var(--color-text-mute);opacity:.6}.action-list{background:var(--uniform-white);border:var(--border-thin)}.action-row{padding:var(--sp-3) var(--sp-4);cursor:pointer;color:inherit;border-bottom:1px solid #1a1a1a1a;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.action-row:last-child{border-bottom:0}.action-row:hover{background:#e85d2c0d}.char-grid{gap:var(--sp-2);margin-bottom:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.char-cell{aspect-ratio:1;border:var(--border-thin);cursor:pointer;background:var(--uniform-white);transition:transform .15s;position:relative;overflow:hidden}.char-cell img{object-fit:cover;width:100%;height:100%}.char-cell:hover{transform:scale(1.05)}.char-cell--selected{outline:3px solid var(--deep-red);outline-offset:-3px}.char-cell--selected:after{content:"✓";background:var(--deep-red);width:24px;height:24px;color:var(--uniform-white);font-weight:var(--fw-bold);border:2px solid var(--uniform-white);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:-8px;right:-8px}.badge-grid{gap:var(--sp-3);margin-bottom:var(--sp-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:600px){.badge-grid{grid-template-columns:repeat(3,1fr)}}.badge-tile{background:var(--uniform-white);border:var(--border-thin);padding:var(--sp-4);text-align:center;box-shadow:var(--shadow-paper);position:relative}.badge-tile--locked{background:repeating-linear-gradient(45deg, var(--paper-cream-2) 0, var(--paper-cream-2) 6px, #d9cdb0 6px, #d9cdb0 12px);opacity:.6}.badge-tile__icon{width:96px;height:96px;margin:0 auto var(--sp-2);justify-content:center;align-items:center;display:flex}.badge-tile--locked .badge-tile__icon{opacity:.85}.badge-tile__name{font-weight:var(--fw-bold);margin-bottom:var(--sp-1);font-size:var(--fs-sm)}.badge-tile__desc{font-size:var(--fs-xs);color:var(--color-text-mute)}.badge-tile__date{color:var(--burnt-orange);margin-top:var(--sp-1);font-size:10px;font-family:var(--font-mono)}
.signup-shell{min-height:100vh;padding:var(--sp-5);background:var(--paper-cream);justify-content:center;align-items:center;display:flex}.signup-card{background:var(--uniform-white);border:var(--border-thick);width:100%;max-width:420px;box-shadow:var(--shadow-card-lift);padding:var(--sp-6) var(--sp-5);position:relative}.signup-card:before{content:"";background:var(--deep-red);border:3px solid var(--ink-dark);border-radius:50%;width:24px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.signup-header{text-align:center;margin-bottom:var(--sp-5)}.signup-header__num{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);color:var(--burnt-orange);border:1px solid var(--burnt-orange);margin-bottom:var(--sp-3);padding:2px 10px;display:inline-block}.signup-header__title{font-family:var(--font-display);font-size:var(--fs-3xl);margin-bottom:var(--sp-2);line-height:1.1}.signup-header__subtitle{font-size:var(--fs-sm);color:var(--color-text-soft);line-height:var(--lh-loose)}.char-preview{width:120px;height:120px;margin:0 auto var(--sp-4);border:var(--border-normal);background:var(--paper-cream-2);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.char-preview img{object-fit:cover;width:100%;height:100%}.signup-char-grid{margin:var(--sp-3) 0 var(--sp-5);grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.signup-char-cell{aspect-ratio:1;border:1.5px solid var(--ink-dark);cursor:pointer;background:var(--paper-cream-2);width:100%;transition:transform .1s;overflow:hidden}.signup-char-cell:hover{transform:scale(1.05)}.signup-char-cell--active{border-color:var(--deep-red);box-shadow:2px 2px 0 var(--deep-red);border-width:2.5px}.signup-char-cell img{object-fit:cover;width:100%;height:100%}.name-section{margin-top:var(--sp-5)}.name-section__label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);margin-bottom:var(--sp-2);display:block}.name-input{border:var(--border-normal);background:var(--paper-cream-2);width:100%;font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-bold);padding:14px 16px}.name-input:focus{border-color:var(--burnt-orange);background:#fff;outline:none}.name-check{font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-2);border-left:3px solid var(--color-text-mute);background:var(--paper-cream-2)}.name-check--ok{border-color:var(--grass-green);color:var(--grass-green)}.name-check--bad{border-color:var(--deep-red);color:var(--deep-red)}.name-rules{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--color-text-mute);line-height:var(--lh-loose)}.marketing-callout{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--paper-cream-2);border:1.5px dashed var(--burnt-orange);text-align:center;font-size:var(--fs-xs);color:var(--burnt-orange);font-family:var(--font-display);letter-spacing:var(--ls-wide)}.succession-notice{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--paper-cream-2);border-left:3px solid var(--deep-red);font-size:var(--fs-xs);color:var(--color-text-soft);line-height:var(--lh-loose)}.signup-actions{margin-top:var(--sp-5);gap:var(--sp-3);display:flex}.signup-actions .btn{flex:1}.position-section{margin-top:var(--sp-5)}.position-grid{gap:var(--sp-2);margin-top:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.position-cell{min-height:56px;padding:var(--sp-2);background:var(--paper-cream);border:var(--border-thin);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .15s,background .15s;display:flex}.position-cell:hover{border-color:var(--ink-dark)}.position-cell--active{border:2px solid var(--deep-red);background:var(--uniform-white);box-shadow:2px 2px #b33a2b40}.position-cell__abbr{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--deep-red)}.position-cell__label{font-size:var(--fs-xs);color:var(--color-text-soft)}
.error-page{text-align:center;min-height:80vh;padding:var(--sp-8) var(--sp-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.error-icon{border:4px solid var(--ink-dark);width:120px;height:120px;margin-bottom:var(--sp-5);background:var(--paper-cream);font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--deep-red);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-5deg)}.error-icon:after{content:"";border:1px dashed var(--ink-dark);opacity:.4;border-radius:50%;position:absolute;inset:-8px}.maint-page{text-align:center;min-height:80vh;padding:var(--sp-8) var(--sp-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.maint-icon{background:var(--mustard);border:4px solid var(--ink-dark);width:120px;height:120px;margin-bottom:var(--sp-5);font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--ink-dark);justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-3deg)}.maint-stripes{background:repeating-linear-gradient(45deg,#0000 0 8px,#1a1a1a26 8px 12px);position:absolute;inset:0}
.dev-page{padding:var(--sp-6);background:var(--paper-cream);min-height:100vh}.dev-header{max-width:1400px;margin:0 auto var(--sp-8);padding-bottom:var(--sp-5);border-bottom:var(--border-normal)}.dev-header h1{font-family:var(--font-display);font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}.dev-header p{color:var(--color-text-mute)}.dev-section{max-width:1400px;margin:0 auto var(--sp-10)}.dev-section h2{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-4);padding-left:var(--sp-3);border-left:4px solid var(--deep-red)}.dev-section--forbidden h2{border-left-color:#999}.gallery-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.gallery-item{background:var(--uniform-white);border:var(--border-normal);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.gallery-item:hover{box-shadow:var(--shadow-card-lift);transform:translate(-3px,-3px)}.gallery-item__thumb{border-bottom:var(--border-thin);background:var(--paper-cream);height:200px;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--color-text-mute);justify-content:center;align-items:center;display:flex;overflow:hidden}.gallery-item__thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.gallery-item__label{padding:var(--sp-3) var(--sp-4);justify-content:space-between;align-items:baseline;display:flex}.gallery-item__id{font-family:var(--font-mono);color:var(--burnt-orange);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.gallery-item__title{font-family:var(--font-display);font-size:var(--fs-md)}.gallery-item__tab{font-size:var(--fs-xs);color:var(--color-text-mute);background:var(--paper-cream);border:1px solid var(--ink-dark);padding:2px 8px}.icon-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.icon-tile{background:var(--uniform-white);border:var(--border-thin);padding:var(--sp-3);text-align:center;box-shadow:var(--shadow-paper);transition:transform .15s}.icon-tile:hover{box-shadow:var(--shadow-card);transform:translate(-2px,-2px)}.icon-tile--forbidden{opacity:.4;background:repeating-linear-gradient(45deg,#f0e8d0 0 6px,#e8dfbf 6px 12px)}.icon-tile__display{width:48px;height:48px;margin:0 auto var(--sp-2);color:var(--ink-dark)}.icon-tile__display img{width:100%;height:100%}.icon-tile__id{font-family:var(--font-mono);color:var(--color-text-mute);margin-bottom:2px;font-size:10px}.icon-tile__name{font-size:11px;font-weight:var(--fw-bold)}.icon-tile__hub{margin-top:var(--sp-2);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:var(--fw-bold);padding:2px 4px}.icon-tile__hub--ok{background:var(--grass-green);color:var(--uniform-white)}.icon-tile__hub--no{background:var(--deep-red);color:var(--uniform-white)}.icon-tile__hub--warn{background:var(--mustard);color:var(--ink-dark)}.color-demo{gap:var(--sp-3);margin:var(--sp-6) 0;padding:var(--sp-5);background:var(--uniform-white);border:var(--border-thin);flex-wrap:wrap;justify-content:center;display:flex}.color-demo>div{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.color-demo img{width:48px;height:48px}.color-demo>div span{color:var(--color-text-mute);font-size:10px}.gallery-modal-preview{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);flex-wrap:wrap;display:flex}.gallery-modal-preview .btn{font-size:var(--fs-sm)}