*,:after,:before{box-sizing:border-box}html{-webkit-overflow-scrolling:touch;height:100%}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-tap-highlight-color:transparent;background:#0000;color:#fff;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;min-height:100vh;min-height:-webkit-fill-available;position:relative}body.modal-open,html.modal-open{height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%}@media (min-width:768px){body{background:radial-gradient(ellipse at top,#d4af5433 0,#0000 50%),radial-gradient(ellipse at bottom,#c97d6040 0,#0000 50%),linear-gradient(135deg,#f4e4bc,#e6d5a8 25%,#d4a574 50%,#e8d5b7 75%,#f0e6d2);background-attachment:fixed;background-size:100% 100%,100% 100%,200% 200%;position:relative}body:before{color:#d4af5426;content:"DSM-TCG";font-size:8rem;font-weight:900;letter-spacing:.2em;text-shadow:0 0 30px #d4af544d,0 4px 8px #8b735533;top:50%;transform:translate(-50%,-50%)}body:after,body:before{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;left:50%;pointer-events:none;position:fixed;white-space:nowrap;z-index:0}body:after{color:#c97d6033;content:"대마고 ip를 사용한 Trading Card Game";font-size:1.5rem;font-weight:600;letter-spacing:.1em;text-shadow:0 0 20px #c97d604d,0 2px 4px #8b735533;top:calc(50% + 6rem);transform:translateX(-50%)}}#root{margin:0;min-height:100vh;min-height:-webkit-fill-available;padding:0;width:100%}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;text-shadow:0 1px 2px #8b73554d}.card-modal__grade-badge,.card-modal__name,.card__grade,.card__name,h1,h2,h3,h4,h5,h6{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700}.card-modal__grade-badge,.card-modal__name,.card__grade,.card__name{letter-spacing:.03em}.card-modal__count strong,.card__count,.currency-value,.stat-number{font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-weight:700;letter-spacing:.02em}img{display:block;max-width:100%}button,input{font:inherit}:root{--font-display:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-numbers:"Pretendard",-apple-system,BlinkMacSystemFont,"SF Mono",monospace;--space-xxs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--color-primary:#ff6b9d;--color-primary-light:#ffb6c1;--color-primary-lighter:#ff91a4;--color-primary-dark:#e55a8a;--color-secondary:#ff8c69;--color-secondary-light:#ffa07a;--color-bg-dark:#0f0c29;--color-bg-medium:#16213e;--color-bg-light:#1a0a2ef2;--color-bg-overlay:#000000f2;--color-text:#fff;--color-text-primary:#fff;--color-text-secondary:#fffffff2;--color-text-muted:#fffc;--color-text-light:#ffffffb3;--color-grade-ss:gold;--color-grade-s:#ff8c69;--color-grade-a:#87ceeb;--color-grade-b:#90ee90;--color-grade-c:silver;--color-grade-d:#a9a9a9;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-hover:0 12px 40px #000c;--shadow-primary:0 8px 32px #ff6b9d66;--shadow-glow:0 0 40px #ff6b9d99;--text-shadow-sm:0 1px 2px #8b73554d;--text-shadow-md:0 1px 3px #8b735566;--text-shadow-lg:0 2px 4px #8b735580;--radius-sm:0.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:999px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.4s cubic-bezier(0.34,1.56,0.64,1);--transition-bounce:0.6s cubic-bezier(0.34,1.56,0.64,1)}:focus-visible{border-radius:.75rem;border-radius:var(--radius-sm);outline:2px solid #ff6b9d;outline:2px solid var(--color-primary);outline-offset:2px}@keyframes cardObtained{0%{opacity:0;transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.floating-currency{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#d4af54f2,#c97d60f2 50%,#d4af54e6);border:2px solid #c97d60b3;border-radius:999px;box-shadow:0 4px 16px #8b735566,0 0 30px #d4af5466,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b735533;display:inline-flex;gap:.5rem;gap:var(--space-xs,.5rem);opacity:0;padding:.5rem 1rem;padding:var(--space-xs,.5rem) var(--space-md,1rem);padding-top:calc(.5rem + env(safe-area-inset-top, 0px));pointer-events:none;position:fixed;right:1rem;top:1rem;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.floating-currency--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-currency--visible:hover{box-shadow:0 6px 20px #8b735580,0 0 40px #d4af5480,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b73554d;transform:translateY(-2px)}.floating-currency__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,215,0,.6));flex-shrink:0;height:1.5rem;object-fit:contain;width:1.5rem}.floating-currency__value{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px #8b73554d;white-space:nowrap}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#d4a574f2,#e6d5a8f2 50%,#f4e4bcf2);border-top:2px solid #c97d6080;bottom:0;box-shadow:0 -4px 20px #8b735566,0 0 40px #d4af544d,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #8b735533;height:64px;justify-content:space-around;left:0;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:1000}.bottom-nav,.bottom-nav__item{align-items:center;display:flex}.bottom-nav__item{background:#0000;border:none;color:#6b5d4fb3;cursor:pointer;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-height:48px;padding:.5rem;position:relative;transition:all .2s ease}.bottom-nav__item:before{background:linear-gradient(90deg,#0000,#d4af37 20%,#c97d60 50%,#d4af37 80%,#0000);border-radius:0 0 4px 4px;box-shadow:0 0 15px #d4af54cc;content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%) scaleX(0);transition:transform .3s ease;width:40px}.bottom-nav__item.active{color:#6b5d4f}.bottom-nav__item.active:before{transform:translateX(-50%) scaleX(1)}.bottom-nav__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));height:1.75rem;object-fit:contain;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:1.75rem;z-index:1}.bottom-nav__item.active .bottom-nav__icon{filter:drop-shadow(0 0 12px rgba(212,175,84,1)) drop-shadow(0 0 24px rgba(212,175,84,.8)) drop-shadow(0 2px 4px rgba(139,115,85,.6));transform:scale(1.2) translateY(-2px)}.bottom-nav__label{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.02em;position:relative;text-shadow:0 1px 2px #8b73554d;transition:all .3s ease;z-index:1}.bottom-nav__item.active .bottom-nav__label{color:#6b5d4f;text-shadow:0 1px 3px #d4af5466}.bottom-nav__item:active{transform:scale(.95)}.card-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6080;border-radius:12px;box-shadow:0 4px 16px #8b73554d,0 0 30px #d4af544d,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d;overflow:hidden;padding:1rem;position:relative}.card-summary:before{animation:summaryShine 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#d4af5433 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes summaryShine{0%{left:-100%}50%,to{left:100%}}.card-summary__header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.card-summary__header h2{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;letter-spacing:.03em;margin:0}.card-summary__header h2,.card-summary__total{font-weight:700;text-shadow:0 1px 3px #8b735566}.card-summary__total{color:#6b5d4ff2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:.9rem;letter-spacing:.02em}.card-summary__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.card-summary__item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#f4e4bce6,#e6d5a8e6);border:2px solid #d4af544d;border-radius:12px;box-shadow:0 6px 20px #8b73554d,0 0 30px #d4af5433,inset 0 2px 4px #fff6;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.75rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-summary__item:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.card-summary__item:hover:before{left:100%}.card-summary__item:hover{border-color:#c97d6099;box-shadow:0 12px 32px #8b735566,0 0 50px #d4af544d,inset 0 2px 4px #ffffff80;transform:translateY(-8px) scale(1.08)}.card-summary__grade{color:#6b5d4ff2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.03em;text-shadow:0 1px 2px #8b73554d;text-transform:uppercase}.card-summary__count{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 3px #8b735566;transition:transform .3s ease}.card-summary__item:hover .card-summary__count{transform:scale(1.15)}.card-summary__ss{background:linear-gradient(135deg,#d4af544d,#f4e4bce6 50%,#e6d5a8e6);border-color:#c97d6099;box-shadow:0 8px 24px #8b73554d,0 0 40px #c97d6080,inset 0 2px 4px #ffffff80,0 0 0 2px #d4af544d}.card-summary__ss:hover{border-color:#c97d60e6;box-shadow:0 16px 40px #8b735566,0 0 60px #c97d6099,inset 0 2px 4px #fff9,0 0 0 2px #d4af5480}.card-summary__s{background:linear-gradient(135deg,#d4af5440,#f4e4bce6 50%,#e6d5a8e6);border-color:#c97d6099;box-shadow:0 6px 20px #8b73554d,0 0 35px #d4af5466,inset 0 2px 4px #fff6}.card-summary__s:hover{border-color:#c97d60cc;box-shadow:0 12px 32px #8b735566,0 0 50px #d4af5480,inset 0 2px 4px #ffffff80}.card-summary__a{background:linear-gradient(135deg,#add8e626,#f4e4bce6 50%,#e6d5a8e6);border-color:#add8e680;box-shadow:0 6px 20px #8b73554d,0 0 35px #add8e64d,inset 0 2px 4px #fff6}.card-summary__a:hover{border-color:#add8e6cc;box-shadow:0 12px 32px #8b735566,0 0 50px #add8e666,inset 0 2px 4px #ffffff80}.card-summary__b{background:linear-gradient(135deg,#98fb9826,#f4e4bce6 50%,#e6d5a8e6);border-color:#98fb9880;box-shadow:0 6px 20px #8b73554d,0 0 35px #98fb984d,inset 0 2px 4px #fff6}.card-summary__b:hover{border-color:#98fb98cc;box-shadow:0 12px 32px #8b735566,0 0 50px #98fb9866,inset 0 2px 4px #ffffff80}.card-summary__c{background:linear-gradient(135deg,#d3d3d31a,#f4e4bce6 50%,#e6d5a8e6);border-color:#d3d3d366;box-shadow:0 6px 20px #8b73554d,0 0 30px #d3d3d333,inset 0 2px 4px #fff6}.card-summary__c:hover{border-color:#d3d3d3b3;box-shadow:0 12px 32px #8b735566,0 0 45px #d3d3d34d,inset 0 2px 4px #ffffff80}.card-summary__d{background:linear-gradient(135deg,#c0c0c01a,#f4e4bce6 50%,#e6d5a8e6);border-color:#c0c0c066;box-shadow:0 6px 20px #8b73554d,0 0 30px #c0c0c033,inset 0 2px 4px #fff6}.card-summary__d:hover{border-color:#c0c0c0b3;box-shadow:0 12px 32px #8b735566,0 0 45px #c0c0c04d,inset 0 2px 4px #ffffff80}:root{--card-border-radius:12px;--card-border-radius-mobile:10px;--card-border-width:3px;--card-border-width-mobile:2px;--card-max-width:180px;--card-max-width-mobile:140px;--card-stats-height:58px;--card-stats-height-mobile:48px;--card-font-scale:1;--card-bg:#1a1a1a;--card-border-gold:#d4af37;--card-border-inset:#f4e4bc66;--grade-ss:gold;--grade-s:#ff8c69;--grade-a:#87ceeb;--grade-b:#90ee90;--grade-c:silver;--grade-d:#a9a9a9;--z-background:-1;--z-image:1;--z-image-overlay:2;--z-name:3;--z-grade:4;--z-hover:10}@media (max-width:420px){:root{--card-font-scale:0.85;--card-stats-height:54px;--card-stats-height-mobile:44px}}@media (max-width:360px){:root{--card-font-scale:0.78;--card-stats-height:50px;--card-stats-height-mobile:40px}}.card{-webkit-tap-highlight-color:transparent;animation:fadeInUp .8s cubic-bezier(.34,1.56,.64,1) backwards;aspect-ratio:2.5/3.5;background:#1a1a1a;background:var(--card-bg);border-radius:12px;border-radius:var(--card-border-radius);box-shadow:0 10px 30px #0006,0 4px 12px #0000004d,0 0 0 3px #d4af37,inset 0 0 0 1px #f4e4bc66;box-shadow:0 10px 30px #0006,0 4px 12px #0000004d,0 0 0 var(--card-border-width) var(--card-border-gold),inset 0 0 0 1px var(--card-border-inset);isolation:isolate;max-width:180px;max-width:var(--card-max-width);overflow:hidden;position:relative;touch-action:manipulation;transition:transform .3s ease,box-shadow .3s ease;width:100%;will-change:transform}.card,.card--compact{border:none;cursor:pointer}.card--compact{aspect-ratio:3/4.3;background:linear-gradient(180deg,#ffffff1f,#0000000d);border-radius:18px;box-shadow:none;display:flex;flex-direction:column;gap:.45rem;padding:.35rem;transition:transform .2s ease,box-shadow .3s ease}.card--compact:hover{transform:translateY(-2px)}.card-compact__image{background:radial-gradient(circle at 50% 20%,#ffffff40 0,#00000059 65%);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 20px #00000059;overflow:hidden;padding-top:128%;position:relative;width:100%}.card-compact__image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .6s ease;width:100%}.card--compact:hover .card-compact__image img{transform:scale(1.05)}.card-compact__badge{align-self:flex-start;background:#ffffffd9;border-radius:999px;box-shadow:0 4px 12px #0003,inset 0 1px 0 #fffc;color:#2b1a10;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;padding:var(--space-xxs,.25rem) var(--space-sm,.75rem);text-transform:uppercase}.card--compact.card--ss .card-compact__badge{background:linear-gradient(135deg,#ffe07d,#ffd54f)}.card--compact.card--s .card-compact__badge{background:linear-gradient(135deg,#ffb199,#ff8c69)}.card--compact.card--a .card-compact__badge{background:linear-gradient(135deg,#c2ecff,#9bd7ff)}.card--compact.card--b .card-compact__badge{background:linear-gradient(135deg,#b9f5cb,#8ee4af)}.card--compact.card--c .card-compact__badge{background:linear-gradient(135deg,#e2e2e2,#cbcbcb)}.card--compact.card--d .card-compact__badge{background:linear-gradient(135deg,#d1d1d1,#b0b0b0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.card{animation:none;transition:none}.card *{animation:none!important;transition:none!important}}.card:active{transform:scale(.95);transition:transform .1s ease}@media (max-width:480px){.card{border-radius:10px;border-radius:var(--card-border-radius-mobile);box-shadow:0 10px 30px #0006,0 4px 12px #0000004d,0 0 0 2px #d4af37,inset 0 0 0 1px #f4e4bc66;box-shadow:0 10px 30px #0006,0 4px 12px #0000004d,0 0 0 var(--card-border-width-mobile) var(--card-border-gold),inset 0 0 0 1px var(--card-border-inset);max-width:140px;max-width:var(--card-max-width-mobile)}}.card:before{animation:goldShimmer 3s linear infinite;background:linear-gradient(135deg,gold,#ffed4e 25%,gold 50%,#ffed4e 75%,gold);background-size:200% 200%;border-radius:15px;border-radius:calc(var(--card-border-radius) + var(--card-border-width));bottom:-3px;bottom:calc(var(--card-border-width)*-1);content:"";left:-3px;left:calc(var(--card-border-width)*-1);opacity:0;position:absolute;right:-3px;right:calc(var(--card-border-width)*-1);top:-3px;top:calc(var(--card-border-width)*-1);transition:opacity .3s ease;will-change:background-position,opacity;z-index:-1;z-index:var(--z-background)}@media (max-width:480px){.card:before{border-radius:12px;border-radius:calc(var(--card-border-radius-mobile) + var(--card-border-width-mobile));bottom:-2px;bottom:calc(var(--card-border-width-mobile)*-1);left:-2px;left:calc(var(--card-border-width-mobile)*-1);right:-2px;right:calc(var(--card-border-width-mobile)*-1);top:-2px;top:calc(var(--card-border-width-mobile)*-1)}}@media (hover:hover){.card:hover:before{opacity:1}.card:hover{box-shadow:0 25px 50px #00000080,0 10px 20px #0006,0 0 0 3px #d4af3799,0 0 40px #d4af37cc,inset 0 0 0 1px #d4af5480;box-shadow:0 25px 50px #00000080,0 10px 20px #0006,0 0 0 var(--card-border-width) #d4af3799,0 0 40px #d4af37cc,inset 0 0 0 1px #d4af5480;transform:translateY(-15px) scale(1.1) rotateY(15deg) rotateX(10deg);z-index:10;z-index:var(--z-hover)}}.card__image-wrapper{background:radial-gradient(ellipse at 50% 30%,#ffffff4d 0,#0000 60%),linear-gradient(135deg,#1a1a1a,#2d2d2d 20%,#1a1a1a);border-radius:12px;border-radius:var(--card-border-radius);bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1;z-index:var(--z-image)}.card:has(.card__stats) .card__image-wrapper{border-radius:12px 12px 0 0;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;bottom:58px;bottom:var(--card-stats-height)}.card__image-wrapper:before{background:radial-gradient(ellipse at 50% 20%,#fff3 0,#0000 50%),linear-gradient(180deg,#0000001a,#0000 25%,#0000 75%,#0003);border-radius:12px;border-radius:var(--card-border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2;z-index:var(--z-image-overlay)}.card:has(.card__stats) .card__image-wrapper:before{border-radius:12px 12px 0 0;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card__image-wrapper img{border-radius:12px;border-radius:var(--card-border-radius);display:block;filter:brightness(.95) contrast(1.1) saturate(1.15);height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.34,1.56,.64,1);width:100%;will-change:transform}.card:has(.card__stats) .card__image-wrapper img{border-radius:12px 12px 0 0;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}@media (hover:hover){.card:hover .card__image-wrapper img{filter:brightness(1.1) contrast(1.2) saturate(1.25);transform:scale(1.25)}}.card__image-placeholder{align-items:center;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#ffffff4d;display:flex;font-size:.75rem;font-weight:500;height:100%;justify-content:center;width:100%}@media (max-width:480px){.card__image-wrapper{border-radius:10px;border-radius:var(--card-border-radius-mobile);bottom:0}.card:has(.card__stats) .card__image-wrapper{border-radius:10px 10px 0 0;border-radius:var(--card-border-radius-mobile) var(--card-border-radius-mobile) 0 0;bottom:48px;bottom:var(--card-stats-height-mobile)}.card__image-wrapper img,.card__image-wrapper:before{border-radius:10px 10px 0 0;border-radius:var(--card-border-radius-mobile) var(--card-border-radius-mobile) 0 0}.card:not(:has(.card__stats)) .card__image-wrapper img,.card:not(:has(.card__stats)) .card__image-wrapper:before{border-radius:10px;border-radius:var(--card-border-radius-mobile)}}.card__grade{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#000000f2,#000000d9);border:1.5px solid #f4e4bc66;border:1.5px solid var(--card-border-inset);border-radius:6px;box-shadow:0 2px 6px #000000b3,inset 0 1px 2px #f4e4bc66,inset 0 -1px 2px #000000b3,0 0 12px currentColor;box-shadow:0 2px 6px #000000b3,inset 0 1px 2px var(--card-border-inset),inset 0 -1px 2px #000000b3,0 0 12px currentColor;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:900;left:6px;letter-spacing:.03em;overflow:hidden;padding:4px 10px;position:absolute;text-shadow:0 1px 2px #8b73554d;text-transform:uppercase;top:6px;transition:all .4s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow;z-index:4;z-index:var(--z-grade)}.card__grade:before{animation:badgePattern 3s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10%,#ffffff1a 0,#ffffff1a 11%,#0000 0);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;width:200%;will-change:transform}@keyframes badgePattern{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.card__grade:after{animation:badgeIcon 2s ease-in-out infinite;content:"✦";font-size:.5rem;opacity:.6;position:absolute;right:4px;top:50%;transform:translateY(-50%);will-change:transform,opacity}@keyframes badgeIcon{0%,to{opacity:.4;transform:translateY(-50%) scale(1) rotate(0deg)}50%{opacity:.8;transform:translateY(-50%) scale(1.2) rotate(180deg)}}@media (max-width:480px){.card__grade{border-radius:5px;border-width:1px;font-size:.65rem;left:4px;padding:3px 8px;top:4px}}@media (hover:hover){.card:hover .card__grade{box-shadow:0 4px 12px #000c,inset 0 1px 2px #d4af5480,inset 0 -1px 2px #000c,0 0 20px currentColor,0 0 30px currentColor;transform:scale(1.15) translateY(-2px)}}.card__name{background:linear-gradient(180deg,#f8f8f8,#e8e8e8 30%,#d8d8d8 50%,#e8e8e8 70%,#f8f8f8);border-radius:0 0 12px 12px;border-radius:0 0 var(--card-border-radius) var(--card-border-radius);border-top:2px solid #000;bottom:0;box-shadow:inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0003,0 -1px 2px #0000001a;box-shadow:inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0003,0 -1px 2px #0000001a;color:#000;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.03em;overflow:hidden;padding:8px 10px;text-align:center;text-shadow:0 1px 2px #8b735533;text-transform:uppercase;z-index:3;z-index:var(--z-name)}.card__name,.card__name:before{left:0;position:absolute;right:0}.card__name:before{background:linear-gradient(90deg,#0000,#ffffffe6 20%,#ffffffe6 80%,#0000);content:"";height:1.5px;top:0}.card--ss .card__name{background:linear-gradient(180deg,#fff8dc,#ffe4b5 20%,#f8f8f8 40%,#e8e8e8 50%,#d8d8d8 60%,#e8e8e8 70%,#f8f8f8 80%,#fff8dc);border-top-color:gold;border-top-color:var(--grade-ss);border-top-width:3px}.card--s .card__name{background:linear-gradient(180deg,#ffe4e1,#ffd4cc 20%,#f8f8f8 40%,#e8e8e8 50%,#d8d8d8 60%,#e8e8e8 70%,#f8f8f8 80%,#ffe4e1);border-top-color:#ff8c69;border-top-color:var(--grade-s);border-top-width:2.5px}.card--a .card__name{background:linear-gradient(180deg,#e0f6ff,#b0e0e6 20%,#f8f8f8 40%,#e8e8e8 50%,#d8d8d8 60%,#e8e8e8 70%,#f8f8f8 80%,#e0f6ff);border-top-color:#87ceeb;border-top-color:var(--grade-a);border-top-width:2.5px}.card--b .card__name{background:linear-gradient(180deg,#e0ffe0,#c0ffc0 20%,#f8f8f8 40%,#e8e8e8 50%,#d8d8d8 60%,#e8e8e8 70%,#f8f8f8 80%,#e0ffe0);border-top-color:#90ee90;border-top-color:var(--grade-b);border-top-width:2.5px}.card--c .card__name{border-top-color:silver;border-top-color:var(--grade-c);border-top-width:2px}.card--d .card__name{border-top-color:#a9a9a9;border-top-color:var(--grade-d);border-top-width:2px}@media (max-width:480px){.card__name{border-radius:0 0 10px 10px;border-radius:0 0 var(--card-border-radius-mobile) var(--card-border-radius-mobile);border-top-width:1.5px;font-size:.7rem;padding:6px 8px}}.card__stats{background:linear-gradient(180deg,#8b7355f2,#6b5d4ff2 50%,#5b4d3ff2);border-radius:0 0 12px 12px;border-radius:0 0 var(--card-border-radius) var(--card-border-radius);border-top:1px solid #c97d6099;bottom:0;box-shadow:inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;left:0;min-height:58px;min-height:var(--card-stats-height);padding:4px 6px;padding:calc(4px*var(--card-font-scale, 1)) calc(6px*var(--card-font-scale, 1));position:absolute;right:0;z-index:4;z-index:calc(var(--z-name) + 1)}.card__attribute{align-items:center;color:#fffffff2;display:flex;font-size:.65rem;font-size:calc(.65rem*var(--card-font-scale, 1));font-weight:700;gap:.25rem;justify-content:center;margin-bottom:3px;text-shadow:0 1px 2px #00000080}.card__attribute-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:.85rem}.card__attribute-name{font-size:.65rem;font-size:calc(.65rem*var(--card-font-scale, 1));letter-spacing:.02em}.card__stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.card__stat-item{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:inset 0 1px 1px #ffffff1a,0 1px 2px #0000004d;color:#fffffff2;display:flex;font-size:.65rem;font-size:calc(.65rem*var(--card-font-scale, 1));font-weight:700;gap:.25rem;gap:var(--space-xxs,.25rem);line-height:1.2;padding:2px 6px;padding:calc(2px*var(--card-font-scale, 1)) calc(6px*var(--card-font-scale, 1));text-align:center;text-shadow:0 1px 2px #00000080;word-break:break-word}.card__stat-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));font-size:.7rem;font-size:calc(.7rem*var(--card-font-scale, 1))}.card__stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:1.2em;min-width:calc(1.2em*var(--card-font-scale, 1));text-align:center}@media (max-width:480px){.card__stats{border-radius:0 0 10px 10px;border-radius:0 0 var(--card-border-radius-mobile) var(--card-border-radius-mobile);min-height:48px;min-height:var(--card-stats-height-mobile);padding:3px 5px}.card__attribute{font-size:.55rem;font-size:calc(.55rem*var(--card-font-scale, 1));margin-bottom:2px}.card__attribute-icon{font-size:.75rem}.card__stats-row{gap:.35rem}.card__stat-item{font-size:.55rem;font-size:calc(.55rem*var(--card-font-scale, 1));line-height:1.1;padding:1.5px 4px;padding:calc(1.5px*var(--card-font-scale, 1)) calc(4px*var(--card-font-scale, 1))}.card__stat-icon{font-size:.6rem;font-size:calc(.6rem*var(--card-font-scale, 1))}.card:not(:has(.card__stats)) .card__image-wrapper{bottom:26px}}.card--a,.card--b,.card--c,.card--d,.card--s,.card--ss{overflow:hidden;position:relative}.card--ss{box-shadow:0 25px 70px #ffd70099,0 10px 30px #ffd70066,0 0 0 3px gold,0 0 100px #ffd70080,inset 0 0 0 1px #d4af5480;box-shadow:0 25px 70px #ffd70099,0 10px 30px #ffd70066,0 0 0 var(--card-border-width) var(--grade-ss),0 0 100px #ffd70080,inset 0 0 0 1px #d4af5480}.card--s{box-shadow:0 20px 60px #ff8c6980,0 8px 24px #ff8c6966,0 0 0 3px #ff8c69,0 0 80px #ff8c6966,inset 0 0 0 1px #f4e4bc66;box-shadow:0 20px 60px #ff8c6980,0 8px 24px #ff8c6966,0 0 0 var(--card-border-width) var(--grade-s),0 0 80px #ff8c6966,inset 0 0 0 1px var(--card-border-inset)}.card--a{box-shadow:0 20px 60px #87ceeb66,0 8px 24px #87ceeb4d,0 0 0 3px #87ceeb,0 0 70px #87ceeb4d,inset 0 0 0 1px #f4e4bc66;box-shadow:0 20px 60px #87ceeb66,0 8px 24px #87ceeb4d,0 0 0 var(--card-border-width) var(--grade-a),0 0 70px #87ceeb4d,inset 0 0 0 1px var(--card-border-inset)}.card--b{box-shadow:0 20px 60px #90ee9066,0 8px 24px #90ee904d,0 0 0 3px #90ee90,0 0 70px #90ee904d,inset 0 0 0 1px #f4e4bc66;box-shadow:0 20px 60px #90ee9066,0 8px 24px #90ee904d,0 0 0 var(--card-border-width) var(--grade-b),0 0 70px #90ee904d,inset 0 0 0 1px var(--card-border-inset)}.card--c{box-shadow:0 20px 60px #c0c0c04d,0 8px 24px #c0c0c033,0 0 0 3px silver,0 0 60px #c0c0c040,inset 0 0 0 1px #f4e4bc66;box-shadow:0 20px 60px #c0c0c04d,0 8px 24px #c0c0c033,0 0 0 var(--card-border-width) var(--grade-c),0 0 60px #c0c0c040,inset 0 0 0 1px var(--card-border-inset)}.card--d{box-shadow:0 20px 60px #a9a9a94d,0 8px 24px #a9a9a933,0 0 0 3px #a9a9a9,0 0 60px #a9a9a940,inset 0 0 0 1px #f4e4bc66;box-shadow:0 20px 60px #a9a9a94d,0 8px 24px #a9a9a933,0 0 0 var(--card-border-width) var(--grade-d),0 0 60px #a9a9a940,inset 0 0 0 1px var(--card-border-inset)}.card--ss:before{background:linear-gradient(135deg,gold,#ffed4e 20%,#fff8a0 40%,#ffed4e 60%,gold 80%,#ffed4e)}.card--s:before{background:linear-gradient(135deg,#ff8c69,#ffa07a 25%,#ff8c69 50%,#ffa07a 75%,#ff8c69)}.card--a:before{background:linear-gradient(135deg,#87ceeb,#add8e6 25%,#87ceeb 50%,#add8e6 75%,#87ceeb)}.card--b:before{background:linear-gradient(135deg,#90ee90,#98fb98 25%,#90ee90 50%,#98fb98 75%,#90ee90)}.card--c:before{background:linear-gradient(135deg,silver,#d3d3d3 25%,silver 50%,#d3d3d3 75%,silver)}.card--d:before{background:linear-gradient(135deg,#a9a9a9,silver 25%,#a9a9a9 50%,silver 75%,#a9a9a9)}.card--ss:after{animation:holographic 4s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 8%,#fff3 0,#fff3 10%,#0000 0,#0000 18%,#ffd7004d 0,#ffd7004d 20%,#0000 0);content:"";height:300%;left:-100%;pointer-events:none;position:absolute;top:-100%;width:300%;will-change:transform;z-index:1;z-index:var(--z-image)}@keyframes holographic{0%{transform:translateX(-50%) translateY(-50%) rotate(45deg)}to{transform:translateX(50%) translateY(50%) rotate(45deg)}}.card--s:after{animation:sParticle 3s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ff8c694d 0,#0000 30%),radial-gradient(circle at 80% 70%,#ffa07a4d 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;will-change:transform,opacity;z-index:1;z-index:var(--z-image)}@keyframes sParticle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.card--a:after{animation:aParticle 4s ease-in-out infinite;background:radial-gradient(circle at 30% 40%,#87ceeb40 0,#0000 35%),radial-gradient(circle at 70% 60%,#add8e640 0,#0000 35%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;will-change:transform,opacity;z-index:1;z-index:var(--z-image)}@keyframes aParticle{0%,to{opacity:.25;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.05) rotate(180deg)}}.card--b:after{animation:bSparkle 3.5s ease-in-out infinite;background:radial-gradient(circle at 25% 50%,#90ee9033 0,#0000 30%),radial-gradient(circle at 75% 50%,#98fb9833 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;will-change:transform,opacity;z-index:1;z-index:var(--z-image)}@keyframes bSparkle{0%,to{opacity:.2;transform:scale(1)}25%{opacity:.4;transform:scale(1.08)}50%{opacity:.3;transform:scale(1.05)}75%{opacity:.45;transform:scale(1.1)}}@media (hover:hover){.card--ss:hover{box-shadow:0 40px 100px #ffd700b3,0 15px 40px #ffd70080,0 0 0 3px #ffd70099,0 0 120px #ffd700e6,0 0 160px #ffd70099,inset 0 0 0 1px #d4af5499;box-shadow:0 40px 100px #ffd700b3,0 15px 40px #ffd70080,0 0 0 var(--card-border-width) #ffd70099,0 0 120px #ffd700e6,0 0 160px #ffd70099,inset 0 0 0 1px #d4af5499}.card--s:hover{box-shadow:0 35px 90px #ff8c6999,0 12px 35px #ff8c6980,0 0 0 3px #ff8c6980,0 0 100px #ff8c6999,0 0 120px #ff8c6966,inset 0 0 0 1px #d4af5480;box-shadow:0 35px 90px #ff8c6999,0 12px 35px #ff8c6980,0 0 0 var(--card-border-width) #ff8c6980,0 0 100px #ff8c6999,0 0 120px #ff8c6966,inset 0 0 0 1px #d4af5480}.card--s:hover:after{animation-duration:1.5s;opacity:.8}.card--a:hover{box-shadow:0 35px 90px #87ceeb80,0 12px 35px #87ceeb66,0 0 0 3px #87ceeb80,0 0 90px #87ceeb80,0 0 110px #87ceeb4d,inset 0 0 0 1px #d4af5480;box-shadow:0 35px 90px #87ceeb80,0 12px 35px #87ceeb66,0 0 0 var(--card-border-width) #87ceeb80,0 0 90px #87ceeb80,0 0 110px #87ceeb4d,inset 0 0 0 1px #d4af5480}.card--a:hover:after{animation-duration:2s;opacity:.6}.card--b:hover{box-shadow:0 35px 90px #90ee9080,0 12px 35px #90ee9066,0 0 0 3px #90ee9080,0 0 90px #90ee9080,0 0 110px #90ee904d,inset 0 0 0 1px #d4af5480;box-shadow:0 35px 90px #90ee9080,0 12px 35px #90ee9066,0 0 0 var(--card-border-width) #90ee9080,0 0 90px #90ee9080,0 0 110px #90ee904d,inset 0 0 0 1px #d4af5480}.card--b:hover:after{animation-duration:1.8s;opacity:.5}.card--c:hover{box-shadow:0 35px 90px #c0c0c066,0 12px 35px #c0c0c04d,0 0 0 3px #c0c0c066,0 0 80px #c0c0c066,inset 0 0 0 1px #d4af5480;box-shadow:0 35px 90px #c0c0c066,0 12px 35px #c0c0c04d,0 0 0 var(--card-border-width) #c0c0c066,0 0 80px #c0c0c066,inset 0 0 0 1px #d4af5480}.card--d:hover{box-shadow:0 35px 90px #a9a9a966,0 12px 35px #a9a9a94d,0 0 0 3px #a9a9a966,0 0 80px #a9a9a966,inset 0 0 0 1px #d4af5480;box-shadow:0 35px 90px #a9a9a966,0 12px 35px #a9a9a94d,0 0 0 var(--card-border-width) #a9a9a966,0 0 80px #a9a9a966,inset 0 0 0 1px #d4af5480}}.card--ss .card__grade{animation:gradeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e 25%,#fff8a0 50%,#ffed4e 75%,gold);border-color:#d4af54b3;box-shadow:0 6px 18px #ffd700e6,inset 0 2px 4px #d4af5499,inset 0 -2px 4px #00000080,0 0 40px gold,0 0 60px #ffd700e6;color:#000;text-shadow:0 0 10px #fffc,0 2px 4px #000c}.card--s .card__grade{animation:sGradeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa07a,#ff8c69 50%,#ffa07a);border-color:#f4e4bc66;border-color:var(--card-border-inset);box-shadow:0 5px 15px #ff8c69cc,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #00000080,0 0 30px #ff8c69e6;box-shadow:0 5px 15px #ff8c69cc,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #00000080,0 0 30px #ff8c69e6}@keyframes sGradeGlow{0%,to{box-shadow:0 5px 15px #ff8c69cc,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #00000080,0 0 30px #ff8c69e6;box-shadow:0 5px 15px #ff8c69cc,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #00000080,0 0 30px #ff8c69e6}50%{box-shadow:0 5px 15px #ff8c69,inset 0 2px 4px #d4af5499,inset 0 -2px 4px #00000080,0 0 40px #ff8c69}}.card--a .card__grade{animation:aGradeGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,#add8e6,#87ceeb 50%,#add8e6);border-color:#f4e4bc66;border-color:var(--card-border-inset);box-shadow:0 5px 15px #87ceebb3,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0006,0 0 28px #87ceebcc;box-shadow:0 5px 15px #87ceebb3,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0006,0 0 28px #87ceebcc;color:#000}@keyframes aGradeGlow{0%,to{box-shadow:0 5px 15px #87ceebb3,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0006,0 0 28px #87ceebcc;box-shadow:0 5px 15px #87ceebb3,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0006,0 0 28px #87ceebcc}50%{box-shadow:0 5px 15px #87ceebe6,inset 0 2px 4px #d4af5499,inset 0 -2px 4px #0006,0 0 35px #87ceeb}}.card--b .card__grade{animation:bGradeGlow 2.2s ease-in-out infinite;background:linear-gradient(135deg,#98fb98,#90ee90 50%,#98fb98);border-color:#f4e4bc66;border-color:var(--card-border-inset);box-shadow:0 5px 15px #90ee90b3,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0006,0 0 28px #90ee90cc;box-shadow:0 5px 15px #90ee90b3,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0006,0 0 28px #90ee90cc;color:#000}@keyframes bGradeGlow{0%,to{box-shadow:0 5px 15px #90ee90b3,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0006,0 0 28px #90ee90cc;box-shadow:0 5px 15px #90ee90b3,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0006,0 0 28px #90ee90cc}50%{box-shadow:0 5px 15px #90ee90e6,inset 0 2px 4px #d4af5499,inset 0 -2px 4px #0006,0 0 35px #90ee90}}.card--c .card__grade{background:linear-gradient(135deg,#d3d3d3,silver 50%,#d3d3d3);box-shadow:0 5px 15px #c0c0c099,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0006,0 0 25px #c0c0c0b3;box-shadow:0 5px 15px #c0c0c099,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0006,0 0 25px #c0c0c0b3}.card--c .card__grade,.card--d .card__grade{border-color:#f4e4bc66;border-color:var(--card-border-inset);color:#000}.card--d .card__grade{background:linear-gradient(135deg,silver,#a9a9a9 50%,silver);box-shadow:0 5px 15px #a9a9a999,inset 0 2px 4px #f4e4bc66,inset 0 -2px 4px #0006,0 0 25px #a9a9a9b3;box-shadow:0 5px 15px #a9a9a999,inset 0 2px 4px var(--card-border-inset),inset 0 -2px 4px #0006,0 0 25px #a9a9a9b3}.card__inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);width:100%;will-change:transform}.card--flipped .card__inner{transform:rotateY(180deg)}.card__back,.card__front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;border-radius:var(--card-border-radius);height:100%;overflow:hidden;position:absolute;width:100%}.card__back{background:#0000;position:relative;transform:rotateY(180deg)}.card__back-image{filter:brightness(.95) contrast(1.05);height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.card--a .card__back:before,.card--b .card__back:before,.card--c .card__back:before,.card--d .card__back:before,.card--s .card__back:before,.card--ss .card__back:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2;z-index:var(--z-image-overlay)}.card--ss .card__back:before{background:radial-gradient(circle at 50% 50%,#ffd70026 0,#0000 60%),linear-gradient(135deg,#ffd7001a,#0000 50%)}.card--s .card__back:before{background:radial-gradient(circle at 50% 50%,#ff8c691f 0,#0000 60%),linear-gradient(135deg,#ff8c6914,#0000 50%)}.card--a .card__back:before{background:radial-gradient(circle at 50% 50%,#87ceeb1a 0,#0000 60%),linear-gradient(135deg,#87ceeb0f,#0000 50%)}.card--b .card__back:before{background:radial-gradient(circle at 50% 50%,#90ee901a 0,#0000 60%),linear-gradient(135deg,#90ee900f,#0000 50%)}.card--c .card__back:before{background:radial-gradient(circle at 50% 50%,#c0c0c014 0,#0000 60%)}.card--d .card__back:before{background:radial-gradient(circle at 50% 50%,#a9a9a90f 0,#0000 60%)}.card--modal{cursor:pointer}.card--modal .card__image-wrapper{height:100%;position:relative}.card--modal .card__image-wrapper img{object-fit:cover!important;object-position:center!important}.card--modal .card__flip-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #f4e4bc66;border:2px solid var(--card-border-inset);border-radius:20px;bottom:16px;color:#ffffffe6;font-size:.85rem;font-weight:600;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;text-shadow:0 1px 2px #8b73554d;transform:translateX(-50%);transition:opacity .3s ease;z-index:4;z-index:var(--z-grade)}@media (hover:hover){.card--modal:hover .card__flip-hint{opacity:1}}.card-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;bottom:0;display:flex;height:100%;justify-content:center;left:0;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top, 0px) + 1rem) 1rem calc(env(safe-area-inset-bottom, 0px) + 1rem);position:fixed;right:0;top:0;width:100%;z-index:9997}@supports (min-height:100dvh){.card-modal-overlay{height:100dvh;min-height:100dvh}}.card-modal{-webkit-overflow-scrolling:touch;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border:3px solid #d4af37;border-radius:16px;box-shadow:0 20px 60px #000000b3,0 10px 30px #0009,0 0 0 2px #d4af3780,0 0 60px #d4af3799,inset 0 0 0 1px #ffffffb3;margin:1rem 0;max-height:min(640px,calc(100dvh - 2rem));max-width:95vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}@supports (max-height:calc(100dvh - 2rem)){.card-modal{max-height:calc(100dvh - 2rem)}}.card-modal:before{animation:goldShimmer 3s linear infinite;background:linear-gradient(135deg,gold,#ffed4e 20%,#fff8a0 40%,#ffed4e 60%,gold 80%,#ffed4e);background-size:200% 200%;border-radius:19px;bottom:-3px;content:"";left:-3px;opacity:.9;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes goldShimmer{0%{background-position:0 50%}to{background-position:200% 50%}}.card-modal__close{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#0000001a,#0003);border:2px solid #0003;border-radius:50%;box-shadow:0 4px 12px #00000040,inset 0 1px 2px #ffffffb3;color:#4a4a4a;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:44px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:44px;z-index:10}.card-modal__close:hover{background:linear-gradient(135deg,#ff6b9d33,#ff8c694d);box-shadow:0 12px 28px #00000059,inset 0 2px 4px #fffc;color:#ff6b9d;transform:rotate(90deg) scale(1.2)}.card-modal__content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;position:relative}.card-modal__image-container{--card-max-width:280px;--card-stats-height:80px;margin:0 auto;max-width:80vw;perspective:2000px;position:relative;width:100%}.card-modal__back-content{color:#fff;position:relative;text-align:center;z-index:1}.card-modal__back-logo{font-size:3rem;letter-spacing:.2em;margin-bottom:1rem;text-shadow:0 0 20px #ff6b9dcc,0 4px 8px #000c}.card-modal__back-grade,.card-modal__back-logo{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:900}.card-modal__back-grade{font-size:4rem;letter-spacing:.3em;margin-bottom:1.5rem;text-shadow:0 0 30px currentColor,0 6px 12px #000c}.card-modal__back-name{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.03em;opacity:.9;text-shadow:0 1px 3px #8b735566}.card-modal__image-front{background:radial-gradient(ellipse at 50% 30%,#ffffff4d 0,#0000 60%),linear-gradient(135deg,#1a1a1a,#2d2d2d 20%,#1a1a1a)}.card-modal__image{display:block;filter:brightness(.95) contrast(1.15) saturate(1.2);height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.card-modal__image-section:hover .card-modal__image{transform:scale(1.05)}.card-modal__flip-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ffffff4d;border-radius:20px;bottom:16px;color:#ffffffe6;font-size:.85rem;font-weight:600;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;text-shadow:0 1px 2px #8b73554d;transform:translateX(-50%);transition:opacity .3s ease;z-index:3}.card-modal__image-section:hover .card-modal__flip-hint{opacity:1}.card-modal__grade-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#000000f2,#000000d9);border:3px solid #fff6;border-radius:12px;box-shadow:0 8px 24px #000000b3,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #000000b3,0 0 40px currentColor;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.8rem;font-weight:900;left:24px;letter-spacing:.3em;padding:14px 32px;position:absolute;text-shadow:0 0 20px currentColor,0 3px 6px #000000e6,0 0 15px #fff6;text-transform:uppercase;top:24px;z-index:2}.card-modal__particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.card-modal__particle{animation:particleFloat 2s ease-out forwards;animation-delay:var(--delay);background:radial-gradient(circle,gold 0,#0000 70%);border-radius:50%;box-shadow:0 0 20px gold;height:8px;left:var(--x);position:absolute;top:var(--y);width:8px}@keyframes particleFloat{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(var(--x) - 50%),calc(var(--y) - 50% - 100px)) scale(0)}}.card-modal__info-section{display:flex;flex-direction:column;gap:1.25rem}.card-modal__header-info{border-bottom:2px solid #0000001a;display:flex;flex-direction:column;gap:1rem;padding-bottom:1.25rem}.card-modal__name{color:#000;font-size:1.75rem;letter-spacing:.03em;line-height:1.2;margin:0 0 .5rem;text-shadow:0 2px 0 #ffffffe6,0 -1px 0 #0006,0 2px 4px #fff9}.card-modal__name,.card-modal__rarity{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;text-transform:uppercase}.card-modal__rarity{color:#1a1a1ab3;font-size:.9rem;letter-spacing:.1em}.card-modal__id{background:linear-gradient(135deg,#0000000d,#0000001a);border:2px solid #0000001a;border-radius:12px;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 4px #0000001a;color:#1a1a1a99;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.1em;padding:8px 16px;white-space:nowrap}.card-modal__stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.card-modal__stat-card{background:linear-gradient(135deg,#f8f8f8e6,#f0f0f0e6);border:2px solid #0000001a;border-radius:12px;box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #0000001a,0 2px 8px #0000001a;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-modal__stat-card:hover{box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #00000026,0 4px 12px #00000026;transform:translateY(-2px) scale(1.02)}.card-modal__stat-label{color:#1a1a1acc;font-size:.8rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.card-modal__stat-label,.card-modal__stat-value{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.03em}.card-modal__stat-value{color:#000;color:var(--grade-color,#000);font-size:1.75rem;font-weight:700;text-shadow:0 0 12px #0000004d,0 2px 4px #0003;text-shadow:0 0 12px var(--grade-color,#0000004d),0 2px 4px #0003;transition:transform .3s ease}.card-modal__stat-card:hover .card-modal__stat-value{transform:scale(1.1)}.card-modal__stat-value--count{color:#000;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;letter-spacing:.1em;text-shadow:0 0 15px #ff6b9d80,0 3px 6px #0003}.card-modal__battle-stats{background:linear-gradient(135deg,#8b73551a,#6b5d4f26);border:2px solid #c97d604d;border-radius:12px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a,0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem}.card-modal__battle-stats-label{color:#6b5d4f;font-size:1rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;text-align:center;text-transform:uppercase}.card-modal__battle-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.card-modal__battle-stat{align-items:center;background:linear-gradient(135deg,#f4e4bc99,#e6d5a899);border:2px solid #c97d6066;border-radius:10px;box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #8b735533,0 2px 4px #0000001a;display:flex;gap:.75rem;padding:.75rem}.card-modal__battle-stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:1.5rem}.card-modal__battle-stat-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.card-modal__battle-stat-label{color:#8b7355;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card-modal__battle-stat-value{font-feature-settings:"tnum";color:#6b5d4f;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:900;text-shadow:0 1px 2px #8b735533}.card-modal__skill-section{background:linear-gradient(135deg,#ffd7001a,#ffed4e26);border:2px solid #ffd70066;border-radius:12px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a,0 2px 8px #ffd70033;margin-bottom:1rem;padding:1rem}.card-modal__skill-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.card-modal__skill-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.4));font-size:1.25rem}.card-modal__skill-name{color:#6b5d4f;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #8b735533}.card-modal__skill-description{background:#ffffff80;border:1px solid #c97d6033;border-radius:8px;color:#8b7355;font-size:.9rem;line-height:1.6;margin:0;padding:.75rem}.card-modal__stat-value--attribute{align-items:center;display:flex;gap:.5rem}.card-modal__attribute-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.25rem}.card-modal__description-section{background:linear-gradient(135deg,#f8f8f8e6,#f0f0f0e6);border:2px solid #0000001a;border-radius:12px;box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #0000001a,0 2px 8px #0000001a;padding:1rem}.card-modal__description-label{border-bottom:2px solid #0000001a;color:#1a1a1ad9;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.03em;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:uppercase}.card-modal__description{color:#1a1a1ae6;font-size:.9rem;font-weight:500;line-height:1.6;margin:0}.card-modal__special-info{align-items:center;animation:specialPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70033,#ffeb4e26);border:3px solid #ffd70066;border-radius:18px;box-shadow:0 4px 16px #ffd7004d,inset 0 2px 4px #fff9;display:flex;gap:1.5rem;padding:1.5rem 2rem}@keyframes specialPulse{0%,to{box-shadow:0 4px 16px #ffd7004d,inset 0 2px 4px #fff9}50%{box-shadow:0 8px 24px #ffd70080,inset 0 2px 4px #fffc,0 0 40px #ffd70066}}.card-modal__special-icon{animation:iconSpin 3s linear infinite;font-size:3rem}@keyframes iconSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.card-modal__special-text{color:#1a1a1ae6;flex:1 1;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.1em}.card-modal__content--ss{border-color:gold}.card-modal__content--ss .card-modal{border-color:gold;box-shadow:0 60px 150px #ffd700b3,0 25px 60px #ffd70099,0 0 0 4px #ffd70099,0 0 140px #ffd700cc,inset 0 0 0 2px #fffc}.card-modal__content--ss .card-modal:before{background:linear-gradient(135deg,gold,#ffed4e 20%,#fff8a0 40%,#ffed4e 60%,gold 80%,#ffed4e);opacity:1}.card-modal__content--ss .card-modal__grade-badge{animation:gradeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e 25%,#fff8a0 50%,#ffed4e 75%,gold);border-color:#fffc;box-shadow:0 8px 24px #ffd700e6,inset 0 3px 6px #ffffffe6,inset 0 -3px 6px #00000080,0 0 50px gold,0 0 80px #ffd700e6;color:#000;text-shadow:0 0 20px #ffffffe6,0 3px 6px #000c}@keyframes gradeGlow{0%,to{box-shadow:0 8px 24px #ffd700e6,inset 0 3px 6px #ffffffe6,inset 0 -3px 6px #00000080,0 0 50px gold,0 0 80px #ffd700e6}50%{box-shadow:0 8px 24px gold,inset 0 3px 6px #fff,inset 0 -3px 6px #00000080,0 0 60px gold,0 0 100px gold}}.card-modal__content--s .card-modal{border-color:#ff8c69}.card-modal__content--s .card-modal:before{background:linear-gradient(135deg,#ff8c69,#ffa07a 25%,#ff8c69 50%,#ffa07a 75%,#ff8c69)}.card-modal__content--s .card-modal__grade-badge{background:linear-gradient(135deg,#ffa07a,#ff8c69 50%,#ffa07a);border-color:#ffffffb3;box-shadow:0 8px 24px #ff8c69e6,inset 0 3px 6px #fffc,inset 0 -3px 6px #00000080,0 0 45px #ff8c69e6}.card-modal__content--a .card-modal{border-color:#87ceeb}.card-modal__content--a .card-modal:before{background:linear-gradient(135deg,#87ceeb,#add8e6 25%,#87ceeb 50%,#add8e6 75%,#87ceeb)}.card-modal__content--a .card-modal__grade-badge{background:linear-gradient(135deg,#add8e6,#87ceeb 50%,#add8e6);border-color:#ffffffb3;box-shadow:0 8px 24px #87ceebcc,inset 0 3px 6px #fffc,inset 0 -3px 6px #0006,0 0 40px #87ceebe6;color:#000}.card-modal__content--b .card-modal{border-color:#90ee90}.card-modal__content--b .card-modal:before{background:linear-gradient(135deg,#90ee90,#98fb98 25%,#90ee90 50%,#98fb98 75%,#90ee90)}.card-modal__content--b .card-modal__grade-badge{background:linear-gradient(135deg,#98fb98,#90ee90 50%,#98fb98);border-color:#ffffffb3;box-shadow:0 8px 24px #90ee90cc,inset 0 3px 6px #fffc,inset 0 -3px 6px #0006,0 0 40px #90ee90e6;color:#000}.card-modal__content--c .card-modal{border-color:silver}.card-modal__content--c .card-modal:before{background:linear-gradient(135deg,silver,#d3d3d3 25%,silver 50%,#d3d3d3 75%,silver)}.card-modal__content--c .card-modal__grade-badge{background:linear-gradient(135deg,#d3d3d3,silver 50%,#d3d3d3);border-color:#ffffffb3;box-shadow:0 8px 24px #c0c0c0b3,inset 0 3px 6px #fffc,inset 0 -3px 6px #0006,0 0 35px #c0c0c0cc;color:#000}.card-modal__content--d .card-modal{border-color:#a9a9a9}.card-modal__content--d .card-modal:before{background:linear-gradient(135deg,#a9a9a9,silver 25%,#a9a9a9 50%,silver 75%,#a9a9a9)}.card-modal__content--d .card-modal__grade-badge{background:linear-gradient(135deg,silver,#a9a9a9 50%,silver);border-color:#ffffffb3;box-shadow:0 8px 24px #a9a9a9b3,inset 0 3px 6px #fffc,inset 0 -3px 6px #0006,0 0 35px #a9a9a9cc;color:#000}@media (max-width:600px),(pointer:coarse){.card-modal-overlay{animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-modal{animation:slideUp .3s ease-out;box-shadow:0 12px 32px #0009,0 6px 16px #00000080}.card-modal__particles{display:none}}.card-inventory{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.card-inventory__controls{display:flex;justify-content:flex-end;padding:.5rem .75rem}.card-inventory__sort{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b5d4f' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:2px solid #c97d6080;border-radius:12px;box-shadow:0 2px 8px #8b73554d,0 0 15px #d4af5433,inset 0 1px 0 #fff6;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.02em;min-height:40px;padding:.5rem 2.5rem .5rem 1rem;padding:var(--space-xs,.5rem) 2.5rem var(--space-xs,.5rem) var(--space-md,1rem);text-shadow:0 1px 2px #8b73554d;transition:all .3s ease}.card-inventory__sort:hover{border-color:#c97d60cc;box-shadow:0 4px 12px #8b735566,0 0 25px #d4af544d,inset 0 1px 0 #ffffff80;transform:translateY(-1px)}.card-inventory__sort:focus{border-color:#c97d60e6;box-shadow:0 0 0 3px #d4af544d,0 4px 12px #8b735566,0 0 25px #d4af544d;outline:none}.card-inventory__sort option{background:#f4e4bcfa;color:#6b5d4f;padding:.5rem}.card-inventory__empty,.card-inventory__loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bce6,#e6d5a8e6);border:2px solid #d4af544d;border-radius:12px;box-shadow:0 4px 16px #8b73554d,0 0 20px #d4af5433;color:#6b5d4fe6;font-size:.9rem;padding:2rem 1rem;text-align:center;text-shadow:0 1px 2px #8b73554d}.card-inventory__grid-wrapper{position:relative;width:100%;z-index:1}.card-inventory__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.card-grid-item{background:linear-gradient(180deg,#ffffff14,#ffffff05);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0d,0 6px 16px #00000059;display:flex;flex-direction:column;height:100%;padding:.35rem;position:relative;z-index:1}.card-grid-item--active{z-index:15}.card-grid-item__body{--card-max-width:100%;--card-stats-height:52px;--card-font-scale:0.85;--card-stats-height-mobile:44px;border-radius:16px;flex:1 1;transition:box-shadow .3s ease}@media (max-width:420px){.card-grid-item__body{--card-font-scale:0.75;--card-stats-height:48px;--card-stats-height-mobile:40px}}@media (max-width:360px){.card-grid-item__body{--card-font-scale:0.68;--card-stats-height:46px;--card-stats-height-mobile:36px}}.card-grid-item__body:after{border-radius:16px;box-shadow:inset 0 0 0 2px #ffd70073,0 12px 25px #0006;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.card-grid-item--active .card-grid-item__body:after{opacity:1}.card-grid-item__body:focus{outline:2px solid #ffd70099;outline-offset:2px}.card-grid-item__overlay{bottom:0;display:flex;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,12px);transition:opacity .25s ease,transform .25s ease;z-index:25}.card-grid-item__overlay.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.card-grid-item__actions{background:#0f0917eb;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 15px 30px #00000073,inset 0 1px 0 #ffffff1f;display:flex;flex-direction:column;gap:.4rem;padding:.35rem;width:120px}.card-grid-item__action{background:linear-gradient(135deg,#ffd36a,#ffb347);border:none;border-radius:999px;box-shadow:0 6px 14px #ffb34773,inset 0 1px 0 #ffffff80;color:#3a230d;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.65rem .4rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.card-grid-item__action:hover:not(:disabled){box-shadow:0 10px 18px #ffb3478c,inset 0 1px 0 #fff9;transform:translateY(-2px)}.card-grid-item__action:disabled{background:linear-gradient(135deg,#6e6e6e,#5a5a5a);box-shadow:inset 0 1px 0 #fff3;color:#d6d6d6;cursor:not-allowed;opacity:.5}.card-grid-item__action--secondary{background:linear-gradient(135deg,#7a6ff0,#5a51c1);box-shadow:0 6px 14px #7a6ff059,inset 0 1px 0 #ffffff40;color:#f4f0ff}.attendance-check{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f4e4bcb3,#e6d5a8b3 50%,#d4a574b3);border:2px solid #c97d6066;border-radius:16px;box-shadow:0 4px 16px #8b735533,0 0 20px #d4af5426,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #8b73551a;display:flex;flex-direction:column;gap:1rem;padding:1rem}.attendance-check__header{display:flex;flex-direction:column;gap:.5rem;text-align:center}.attendance-check__title{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin:0;text-shadow:0 1px 2px #8b73554d}.attendance-check__streak{align-items:center;color:#6b5d4f;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;justify-content:center}.attendance-check__streak-number{color:#c97d60;font-weight:700}.attendance-check__fire{animation:firePulse 1.5s ease-in-out infinite;font-size:1.1rem}@keyframes firePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.attendance-check__calendar{grid-gap:.5rem;background:#fff3;border-radius:12px;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);padding:.5rem}.attendance-check__day{align-items:center;aspect-ratio:1;background:#ffffff4d;border:1.5px solid #c97d6033;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;justify-content:center;transition:all .2s ease}.attendance-check__day--checked{background:linear-gradient(135deg,#d4af5499,#c97d6099);border-color:#c97d6080;box-shadow:0 2px 8px #d4af544d,inset 0 1px 2px #fff6}.attendance-check__day--today{border-color:#d4af54cc;border-width:2px;box-shadow:0 0 0 2px #d4af544d,0 2px 8px #d4af5466}.attendance-check__day-name{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:600}.attendance-check__day-status{color:#6b5d4f;font-size:1rem;font-weight:700;line-height:1}.attendance-check__day--checked .attendance-check__day-status{color:#fff;text-shadow:0 1px 2px #0000004d}.attendance-check__reward{text-align:center}.attendance-check__reward-info{display:flex;flex-direction:column;gap:.5rem}.attendance-check__reward-text{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600}.attendance-check__reward-amount{color:#c97d60;font-size:1.1rem;font-weight:700}.attendance-check__bonus-badge{animation:bonusShine 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd700cc,#ffc107cc);border:1.5px solid #ffd70099;border-radius:8px;box-shadow:0 2px 6px #ffd70066,inset 0 1px 2px #ffffff80;color:#6b5d4f;display:inline-block;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.25rem .5rem}@keyframes bonusShine{0%,to{box-shadow:0 2px 6px #ffd70066,inset 0 1px 2px #ffffff80}50%{box-shadow:0 2px 12px #ffd70099,0 0 20px #ffd70066,inset 0 1px 2px #fff9}}.attendance-check__next-bonus{color:#6b5d4fcc;font-size:.85rem;font-weight:500}.attendance-check__button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#d4af54b3,#c97d60b3 50%,#d4af5499);border:2px solid #c97d6080;border-radius:12px;box-shadow:0 4px 12px #c97d604d,0 0 20px #d4af5433,inset 0 1px 2px #fff6,inset 0 -1px 2px #8b735526;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:.75rem 1.5rem;padding:var(--space-sm,.75rem) var(--space-lg,1.5rem);text-shadow:0 1px 1px #8b735533;transition:all .2s ease}.attendance-check__button:hover:not(:disabled){background:linear-gradient(135deg,#d4af54cc,#c97d60cc 50%,#d4af54bf);border-color:#c97d60b3;box-shadow:0 6px 16px #c97d6066,0 0 30px #d4af544d,inset 0 1px 2px #ffffff80,inset 0 -1px 2px #8b735533;transform:translateY(-2px) scale(1.02)}.attendance-check__button:active:not(:disabled){box-shadow:0 2px 8px #c97d604d,0 0 15px #d4af5433,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #8b735526;transform:translateY(0) scale(.99)}.attendance-check__button:disabled{background:linear-gradient(135deg,#999,#888);cursor:not-allowed;opacity:.6}.attendance-check__message{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#add8e640,#87ceeb40);border:1.5px solid #add8e666;border-radius:8px;box-shadow:0 2px 6px #add8e633,0 0 10px #add8e626;color:#6b5d4f;font-size:.8rem;font-weight:500;padding:.5rem .75rem;padding:var(--space-xs,.5rem) var(--space-sm,.75rem);text-align:center;text-shadow:0 1px 1px #8b735533}.attendance-check__message--bonus{animation:bonusMessage .5s ease-out;background:linear-gradient(135deg,#ffd7004d,#ffc1074d);border-color:#ffd70080;box-shadow:0 2px 8px #ffd7004d,0 0 15px #ffd70033}@keyframes bonusMessage{0%{opacity:0;transform:scale(.9) translateY(-10px)}50%{transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.attendance-check{gap:.75rem;padding:.75rem}.attendance-check__title{font-size:1.1rem}.attendance-check__calendar{gap:.375rem;padding:.375rem}.attendance-check__day-name{font-size:.65rem}.attendance-check__day-status{font-size:.9rem}.attendance-check__button{font-size:.9rem;padding:.75rem 1.25rem}}.card-pack-slot{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.card-pack-slot__container{flex-direction:column;gap:.5rem;height:100%;padding:.5rem}.card-pack-slot__container,.card-pack-slot__image{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.card-pack-slot__image{aspect-ratio:1;background:linear-gradient(135deg,#1a0a2ef2,#16213ef2 50%,#0f3460f2);border:3px solid #ff6b9d66;border-radius:10px;box-shadow:0 4px 16px #00000080,0 0 30px #ff6b9d4d,inset 0 2px 4px #ffffff1a;overflow:hidden}.card-pack-slot--empty{opacity:.6}.card-pack-slot--empty .card-pack-slot__image{background:linear-gradient(135deg,#1a0a2eb3,#16213eb3);border-color:#fff3}.card-pack-slot__empty-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2rem;opacity:.5}.card-pack-slot__glow{background:radial-gradient(circle,#ff6b9d4d 0,#0000 70%);height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}.card-pack-slot--ready .card-pack-slot__glow{animation:packGlow 2s ease-in-out infinite;opacity:1}@keyframes packGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.card-pack-slot__lock-icon,.card-pack-slot__ready-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2rem;z-index:1}.card-pack-slot--locked{opacity:.7}.card-pack-slot--locked .card-pack-slot__image{background:linear-gradient(135deg,#1a0a2eb3,#16213eb3);border-color:#fff3}.card-pack-slot__timer{background:linear-gradient(135deg,#000c,#0009);border:2px solid #ff6b9d66;border-radius:8px;box-shadow:0 2px 8px #00000080,inset 0 1px 2px #ffffff1a;padding:.5rem .75rem}.card-pack-slot__timer-text{color:#fff;font-family:JetBrains Mono,Rajdhani,monospace;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-shadow:0 0 10px #ff6b9dcc,0 2px 4px #000c}.card-pack-slot__open-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ff6b9d80,#ff8c6980);border:2px solid #ff6b9d99;border-radius:8px;box-shadow:0 2px 8px #ff6b9d66,0 0 15px #ff6b9d4d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.02em;min-height:36px;padding:.5rem 1rem;text-shadow:0 1px 2px #8b73554d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-pack-slot__open-button:hover{background:linear-gradient(135deg,#ff6b9db3,#ff8c69b3);border-color:#ff6b9de6;box-shadow:0 4px 12px #ff6b9d99,0 0 25px #ff6b9d80,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.card-pack-slot__open-button:active{transform:translateY(0) scale(1)}.card-pack-slot:hover:not(.card-pack-slot--locked){transform:translateY(-4px) scale(1.05)}.card-pack-slot:hover:not(.card-pack-slot--locked) .card-pack-slot__image{border-color:#ff6b9dcc;box-shadow:0 6px 20px #0009,0 0 40px #ff6b9d80,inset 0 2px 4px #ffffff26}.card-pack-slots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a0a2ecc,#16213ecc);border:2px solid #ff6b9d4d;border-radius:12px;box-shadow:0 4px 16px #0006,0 0 30px #ff6b9d33;padding:1rem}.card-pack-slots__title{color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.03em;margin:0 0 .75rem;text-align:center;text-shadow:0 1px 3px #8b735566}.card-pack-slots__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.user-profile{background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6099;border-radius:12px;box-shadow:0 4px 12px #8b73554d,0 0 20px #d4af5433,inset 0 1px 2px #fff6,inset 0 -1px 2px #8b73551a;gap:.75rem;gap:var(--space-sm,.75rem);margin:.75rem .75rem 0;margin:var(--space-sm,.75rem) var(--space-sm,.75rem) 0;padding:.5rem 1rem;padding:var(--space-xs,.5rem) var(--space-md,1rem)}.user-profile,.user-profile__avatar{align-items:center;display:flex;flex-shrink:0}.user-profile__avatar{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:2px solid #c97d6066;border-radius:10px;box-shadow:inset 0 2px 4px #ffffff4d,0 2px 8px #8b735533;font-size:1.75rem;height:44px;justify-content:center;width:44px}.user-profile__avatar--loading{animation:pulse 1.5s ease-in-out infinite}.user-profile__info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-xxs,.25rem);min-width:0}.user-profile__name{color:#6b5d4f;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #8b735533;white-space:nowrap}.user-profile__rank{font-size:.75rem;font-weight:500;letter-spacing:.02em;opacity:.85}.user-profile__hourglass,.user-profile__rank{color:#8b7355;line-height:1.2;text-shadow:0 1px 2px #8b735526}.user-profile__hourglass{align-items:center;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.25rem;margin-left:auto}.user-profile__hourglass-icon{filter:drop-shadow(0 1px 2px rgba(139,115,85,.3));font-size:1rem}.user-profile__hourglass-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.daily-actions{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-sm,.75rem);min-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior-y:contain;padding:0 0 calc(env(safe-area-inset-bottom, 0px) + 1rem)}@supports (min-height:100dvh){.daily-actions{min-height:calc(100dvh - 80px)}}.daily-actions__quick-buttons{grid-gap:.75rem;display:grid;flex-shrink:0;gap:.75rem;grid-template-columns:1fr 1fr;padding:.75rem}.quick-button-container{display:flex;flex-direction:column;gap:.5rem;position:relative}.quick-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6099;border-radius:14px;box-shadow:0 4px 12px #8b73554d,0 0 20px #d4af5433,inset 0 1px 2px #fff6,inset 0 -1px 2px #8b73551a;color:#6b5d4f;cursor:pointer;display:flex;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:.75rem;gap:var(--space-sm,.75rem);min-height:64px;overflow:hidden;padding:.75rem 1rem;padding:var(--space-sm,.75rem) var(--space-md,1rem);position:relative;text-shadow:0 1px 2px #8b735533;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.quick-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af54b3,#c97d60b3 50%,#d4af5499);border-color:#c97d60cc;box-shadow:0 8px 20px #c97d6080,0 0 40px #d4af5466,0 4px 0 #c97d604d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b735533;transform:translateY(-2px) scale(1.02)}.quick-button:active:not(:disabled){box-shadow:0 2px 8px #c97d6066,0 0 20px #d4af544d,inset 0 1px 2px #fff6,inset 0 -1px 2px #8b73551a;transform:translateY(0) scale(.98)}.quick-button:disabled{background:linear-gradient(135deg,#666,#555);border-color:#64646480;cursor:not-allowed;opacity:.5}.quick-button__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;font-size:1.75rem;line-height:1}.quick-button__icon-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,215,0,.6));flex-shrink:0;height:1.75rem;object-fit:contain;width:1.75rem}.quick-button__content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.quick-button__title{font-size:.95rem;font-weight:700;letter-spacing:.02em;line-height:1.2}.quick-button__subtitle{font-size:.75rem;font-weight:600;letter-spacing:.01em;line-height:1.2;opacity:.85}.quick-button__message{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#add8e6f2,#87ceebf2);border:1.5px solid #add8e680;border-radius:8px;box-shadow:0 4px 16px #add8e666,0 0 20px #add8e64d;color:#6b5d4f;font-size:.8rem;font-weight:500;left:50%;margin-top:.5rem;margin-top:var(--space-xs,.5rem);max-width:min(calc(100vw - 2rem),280px);padding:.5rem .75rem;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 2px #8b735533;top:100%;transform:translateX(-50%);white-space:normal;word-break:break-word;z-index:1000}@media (max-width:480px){.daily-actions__quick-buttons{gap:.5rem;padding:.5rem}.quick-button{gap:.5rem;gap:var(--space-xs,.5rem);min-height:56px;padding:.75rem;padding:var(--space-sm,.75rem) var(--space-sm,.75rem)}.quick-button__icon{font-size:1.5rem}.quick-button__icon-img{height:1.5rem;width:1.5rem}.quick-button__title{font-size:.875rem}.quick-button__subtitle{font-size:.7rem}}.coins-quick-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:3px solid #c97d6080;border-radius:16px;box-shadow:0 8px 24px #8b735566,0 0 40px #d4af544d,inset 0 2px 4px #fff6,inset 0 -2px 4px #8b735533;flex-direction:column;padding:.75rem}.coins-quick-action,.coins-quick-button{display:flex;gap:.75rem;overflow:hidden;position:relative}.coins-quick-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#d4af5499,#c97d6099 50%,#d4af5480);border:3px solid #c97d60b3;border-radius:16px;box-shadow:0 8px 20px #c97d6080,0 0 40px #d4af5466,0 4px 0 #c97d604d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b735533;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;justify-content:center;letter-spacing:.02em;min-height:52px;padding:1rem 1.75rem;text-shadow:0 1px 2px #8b73554d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.coins-quick-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af54cc,#c97d60cc 50%,#d4af54b3);border-color:#c97d60e6;box-shadow:0 12px 32px #c97d6099,0 0 60px #d4af5499,0 6px 0 #c97d6066,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b73554d;transform:translateY(-4px) scale(1.03)}.coins-quick-button:active:not(:disabled){box-shadow:0 4px 12px #c97d6080,0 0 30px #d4af5466,0 2px 0 #c97d604d,inset 0 2px 4px #fff6,inset 0 -2px 4px #8b735533;transform:translateY(-1px) scale(.98)}.coins-quick-button:disabled{background:linear-gradient(135deg,#666,#555);cursor:not-allowed;opacity:.5}.coins-quick-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,215,0,.6));height:1.5rem;object-fit:contain;position:relative;width:1.5rem;z-index:1}.coins-quick-text{font-weight:600}.coins-quick-message{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#add8e64d,#87ceeb4d);border:2px solid #add8e680;border-radius:8px;box-shadow:0 2px 8px #add8e64d,0 0 15px #add8e633;color:#6b5d4f;font-size:.85rem;font-weight:600;padding:.75rem 1rem;text-align:center;text-shadow:0 1px 2px #8b73554d}.arena-tab-content{flex:1 1;gap:1rem;overflow:visible;padding:1rem}.arena-center,.arena-tab-content{display:flex;flex-direction:column;min-height:0}.arena-center{align-items:center;flex:1 1;gap:2rem;justify-content:center;margin:auto auto 0;max-width:500px;width:100%}.arena-card-packs{flex-shrink:0;margin-top:auto;padding-top:1rem}.arena-image-container{align-items:center;display:flex;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));justify-content:center;max-width:400px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.arena-image-container:hover{transform:scale(1.05) translateY(-10px)}.arena-image{height:auto;object-fit:contain;width:100%}.arena-start-button{background:linear-gradient(135deg,#d4af54b3,#c97d60b3 50%,#d4af5499);border:4px solid #c97d60cc;border-radius:20px;box-shadow:0 12px 32px #c97d6099,0 0 60px #d4af5480,0 6px 0 #c97d6066,inset 0 3px 6px #ffffff80,inset 0 -3px 6px #8b73554d;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.03em;overflow:hidden;padding:1.25rem 3rem;position:relative;text-shadow:0 1px 3px #8b735566;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.arena-start-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.arena-start-button:hover{background:linear-gradient(135deg,#d4af54e6,#c97d60e6 50%,#d4af54cc);border-color:#c97d60;box-shadow:0 16px 48px #c97d60b3,0 0 80px #d4af54b3,0 8px 0 #c97d6080,inset 0 3px 6px #fff9,inset 0 -3px 6px #8b735566;transform:translateY(-6px) scale(1.05)}.arena-start-button:hover:before{height:400px;width:400px}.arena-start-button:active{box-shadow:0 8px 24px #c97d6099,0 0 50px #d4af5480,0 4px 0 #c97d6066,inset 0 3px 6px #ffffff80,inset 0 -3px 6px #8b73554d;transform:translateY(-2px) scale(1.02)}.daily-actions__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:3px solid #c97d6080;border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 40px #ff6b9d33,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d;display:flex;flex-direction:column;gap:1rem;min-height:auto;overflow:hidden;padding:1.25rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.action-card:before{background:linear-gradient(90deg,#0000,#d4af5433 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-card:hover:before{left:100%}.action-card:hover{border-color:#c97d60cc;box-shadow:0 16px 48px #8b735566,0 0 60px #d4af5466,inset 0 2px 4px #fff3,inset 0 -2px 4px #0006;transform:translateY(-8px) scale(1.03)}.action-card h3{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.03em;margin:0;text-shadow:0 1px 3px #8b735566}.action-card p{color:#6b5d4fe6;font-size:.95rem;line-height:1.6;margin:.5rem 0 0;text-shadow:0 1px 2px #8b73554d}.gacha-controls{gap:1.25rem}.gacha-controls,.pulls-input{display:flex;flex-direction:column}.pulls-input{font-size:.95rem;gap:.75rem}.pulls-input label{color:#6b5d4ff2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px #8b73554d}.pulls-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bce6,#e6d5a8e6);border:2px solid #c97d6080;border-radius:16px;box-shadow:0 4px 12px #0006,inset 0 2px 4px #ffffff1a;color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-weight:700;padding:.75rem 1.5rem;padding:var(--space-sm,.75rem) var(--space-lg,1.5rem);transition:all .3s ease}.pulls-input input:focus{border-color:#c97d60cc;box-shadow:0 0 0 4px #d4af544d,0 8px 20px #8b73554d,0 0 40px #d4af5466,inset 0 2px 4px #ffffff26;outline:none;transform:scale(1.02)}.pulls-cost{color:#ffffffb3;font-size:.9rem;font-weight:600;text-shadow:0 1px 2px #8b73554d}.primary-button,.secondary-button{border:none;border-radius:16px;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.03em;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.primary-button{background:linear-gradient(135deg,#d4af37,#c97d60);box-shadow:0 6px 20px #c97d6080,0 0 40px #d4af5466,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d;color:#6b5d4f;text-shadow:0 1px 2px #8b73554d}.primary-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.primary-button:hover:before{height:400px;width:400px}.primary-button:disabled{background:linear-gradient(135deg,#666,#555);cursor:not-allowed;opacity:.5}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bce6,#e6d5a8e6);border:2px solid #c97d6080;box-shadow:0 4px 16px #8b73554d,0 0 30px #d4af5433,inset 0 1px 0 #ffffff1a;color:#6b5d4f}.secondary-button:disabled{cursor:not-allowed;opacity:.4}.primary-button:not(:disabled):hover{box-shadow:0 12px 32px #c97d6099,0 0 60px #d4af5499,inset 0 2px 4px #fff6,inset 0 -2px 4px #0006;transform:translateY(-4px) scale(1.05)}.primary-button:not(:disabled):active{transform:translateY(-2px) scale(.98)}.secondary-button:not(:disabled):hover{background:linear-gradient(135deg,#d4af544d,#c97d604d);border-color:#c97d60cc;box-shadow:0 8px 24px #8b73554d,0 0 50px #d4af544d,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.05)}.secondary-button:not(:disabled):active{transform:translateY(-2px) scale(1.02)}.daily-actions__message{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#add8e64d,#87ceeb4d);border:2px solid #add8e680;border-radius:16px;box-shadow:0 4px 16px #add8e64d,0 0 30px #add8e633}.daily-actions__message,.daily-actions__warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6b5d4f;font-weight:600;padding:1.25rem 1.5rem;text-shadow:0 1px 2px #8b73554d}.daily-actions__warning{background:linear-gradient(135deg,#ffdab966,#ffa07a66);border:2px solid #ffdab999;border-radius:16px;box-shadow:0 4px 16px #ffdab94d,0 0 30px #ffdab933}.reward-rules{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bccc,#e6d5a8cc);border:2px solid #c97d6066;border-radius:16px;box-shadow:0 4px 16px #8b73554d,0 0 30px #d4af5426;margin-top:1.25rem;padding:1.25rem}.reward-rules__list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding-left:1.5rem}.reward-rules__list li{color:#ffffffe6;font-size:.9rem;line-height:1.6;position:relative;text-shadow:0 1px 2px #8b73554d}.reward-rules__list li:before{color:#c97d60e6;content:"✦";font-size:.75rem;font-weight:700;left:-1.5rem;position:absolute;text-shadow:0 1px 3px #d4af5466}.arena-message{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#ffdab966,#ff8c6966);border:2px solid #ffdab999;border-radius:12px;box-shadow:0 6px 20px #ffdab966,0 0 40px #ffdab94d;color:#6b5d4f;font-size:1rem;font-weight:600;padding:1rem 1.5rem;text-align:center;text-shadow:0 1px 2px #8b73554d}.attendance-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;bottom:0;display:flex;height:100%;justify-content:center;left:0;min-height:100dvh;min-height:-webkit-fill-available;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top, 0px) + 1rem) 1rem calc(env(safe-area-inset-bottom, 0px) + 1rem);position:fixed;right:0;top:0;width:100%;z-index:9998}@supports (min-height:100dvh){.attendance-modal-overlay{height:100dvh;min-height:100dvh}}.attendance-modal{-webkit-overflow-scrolling:touch;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#f4e4bcfa,#e6d5a8fa 50%,#d4a574fa);border:3px solid #c97d60b3;border-radius:20px;box-shadow:0 20px 60px #0009,0 10px 30px #8b735580,0 0 0 2px #d4af5466,0 0 40px #d4af5466,inset 0 1px 2px #ffffff80,inset 0 -1px 2px #8b735533;max-height:calc(100dvh - 2rem);max-height:calc(100vh - 2rem);max-width:90vw;max-width:500px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}@supports (max-height:calc(100dvh - 2rem)){.attendance-modal{max-height:calc(100dvh - 2rem)}}.attendance-modal__close{align-items:center;background:linear-gradient(135deg,#f4e4bce6,#e6d5a8e6);border:2px solid #c97d6099;border-radius:50%;box-shadow:0 2px 8px #8b73554d,inset 0 1px 2px #fff6;color:#6b5d4f;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;line-height:1;position:absolute;right:12px;text-shadow:0 1px 2px #8b735533;top:12px;transition:all .2s ease;width:36px;z-index:10}.attendance-modal__close:hover{background:linear-gradient(135deg,#d4af54e6,#c97d60e6);border-color:#c97d60e6;box-shadow:0 4px 12px #c97d6080,inset 0 1px 2px #ffffff80;transform:scale(1.1) rotate(90deg)}.attendance-modal__close:active{transform:scale(.95) rotate(90deg)}.attendance-modal .attendance-check{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:1.5rem}@media (max-width:480px){.attendance-modal{border-radius:16px;max-width:95vw;padding:0}.attendance-modal__close{font-size:1.25rem;height:32px;right:8px;top:8px;width:32px}.attendance-modal .attendance-check{padding:1rem}}.floating-ranking-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#d4af54e6,#c97d60e6 50%,#d4af54cc);border:3px solid #c97d60b3;border-radius:50%;bottom:calc(64px + env(safe-area-inset-bottom, 0px) + 1rem);box-shadow:0 8px 24px #c97d6080,0 0 40px #d4af5466,0 4px 0 #c97d604d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b735533;color:#6b5d4f;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;position:fixed;right:1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:999}.floating-ranking-button:hover{box-shadow:0 12px 32px #c97d6099,0 0 60px #d4af5499,0 6px 0 #c97d6066,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b73554d;transform:translateY(-4px) scale(1.1)}.floating-ranking-button:active{transform:translateY(-2px) scale(1.05)}.floating-ranking-button__icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1}.gacha-animation-container{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#ffd89b 0,#ffb347 30%,#ff8c42 60%,#d4a574),repeating-linear-gradient(0deg,#0000,#0000 2px,#8b735508 0,#8b735508 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#6b5d4f05 0,#6b5d4f05 4px),radial-gradient(ellipse 150% 40% at 50% 100%,#8b735566 0,#6b5d4f4d 30%,#0000 70%),linear-gradient(135deg,#d4a574,#c97d60 50%,#8b7355);height:100%;left:0;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 2rem);padding-top:calc(env(safe-area-inset-top, 0px) + 1rem);position:fixed;top:0;width:100%;z-index:9999}@supports (min-height:100dvh){.gacha-animation-container{height:100dvh;min-height:100dvh}}.gacha-animation-container:before{animation:sandWind 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 100px,#ffffff05 0,#ffffff05 102px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes sandWind{0%{transform:translateX(0) translateY(0)}to{transform:translateX(100px) translateY(50px)}}.gacha-canvas{height:100%;width:100%}.gacha-skip-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:1001}.gacha-skip-button:hover{background:#ffffff4d;transform:scale(1.05)}.gacha-skip-button:active{transform:scale(.95)}.gacha-overlay{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.phase-text{animation:pulse 1s ease-in-out infinite;color:#fff;font-size:32px;font-weight:700;text-align:center;text-shadow:0 1px 3px #8b735566;white-space:nowrap}.phase-text.highlight{color:gold;font-size:48px;text-shadow:0 1px 3px #d4af5466}.phase-text.instruction{animation:bounce 2s ease-in-out infinite;color:#fff;font-size:28px;text-shadow:0 0 20px #ff6b9dcc,0 2px 8px #000000e6}.instruction-hint{animation:float 2s ease-in-out infinite;color:#fffc;font-size:18px;margin-top:1rem;text-shadow:0 1px 3px #8b735566}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.gacha-cards-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1001}.gacha-card-reveal-wrapper{pointer-events:none;will-change:transform,opacity}.gacha-card-reveal{height:100%;perspective:1000px;position:relative;transform-style:preserve-3d;width:100%}.gacha-card-reveal .card{isolation:auto!important}.gacha-card-reveal .card,.gacha-card-reveal .card__inner{height:100%;position:relative;transform-style:preserve-3d!important;width:100%}.gacha-card-reveal .card__inner{transform:none!important;transform-style:flat!important;transition:transform .8s cubic-bezier(.34,1.56,.64,1)!important}.gacha-card-reveal .card{--card-font-scale:0.85;--card-stats-height:50px;--card-stats-height-mobile:42px}@media (max-width:420px){.gacha-card-reveal .card{--card-font-scale:0.72;--card-stats-height:46px;--card-stats-height-mobile:36px}}@media (max-width:360px){.gacha-card-reveal .card{--card-font-scale:0.65;--card-stats-height:44px;--card-stats-height-mobile:34px}}.gacha-card-reveal .card:not(.card--flipped) .card__front{opacity:0!important;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1)!important;visibility:hidden!important}.gacha-card-reveal .card:not(.card--flipped) .card__back{opacity:1!important;transform:none!important;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important}.gacha-card-reveal .card--flipped .card__front{opacity:1!important;visibility:visible!important}.gacha-card-reveal .card--flipped .card__back{opacity:0!important;visibility:hidden!important}.gacha-card-highlighted{animation:cardHighlight .5s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}@keyframes cardHighlight{0%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 30px rgba(255,215,0,1))}}@media (max-width:768px){.phase-text{font-size:24px}.phase-text.highlight{font-size:36px}.gacha-skip-button{font-size:12px;padding:8px 16px;right:10px;top:10px}}.gacha-machine-3d-section{margin:1rem 0;padding:.75rem}.gacha-machine-3d-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6080;border-radius:16px;box-shadow:0 8px 24px #8b73554d,0 0 40px #d4af544d,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b735533;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px;overflow:hidden;padding:1rem;position:relative;transition:all .4s ease;width:100%}.gacha-machine-3d-container:before{animation:containerShine 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#d4af5433 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes containerShine{0%{left:-100%}50%,to{left:100%}}.gacha-machine-3d__header{border-bottom:2px solid #c97d6080;padding-bottom:.75rem;position:relative;text-align:center}.gacha-machine-3d__header:after{background:linear-gradient(90deg,#0000,#c97d60cc 50%,#0000);bottom:-2px;box-shadow:0 0 15px #d4af5499;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.gacha-machine-3d__header h2{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.03em;margin:0 0 .5rem;text-shadow:0 1px 3px #8b735566}.gacha-machine-3d__header p{color:#6b5d4ff2;font-size:.9rem;margin:0;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__main{align-items:stretch;display:flex;flex-direction:column;gap:1rem}.gacha-machine-3d__canvas-wrapper{background:linear-gradient(135deg,#f4e4bccc,#e6d5a8cc);border:2px solid #c97d6080;border-radius:12px;box-shadow:inset 0 2px 8px #8b73554d,0 4px 16px #8b73554d,0 0 30px #d4af544d;height:300px;overflow:hidden;position:relative;width:100%}.gacha-machine-3d__canvas-wrapper:before{background:radial-gradient(circle at 50% 50%,#d4af5426 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.gacha-machine-3d__controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2);border:2px solid #c97d6080;border-radius:12px;box-shadow:0 4px 16px #8b73554d,0 0 30px #d4af5433,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b735533;display:flex;flex-direction:column;gap:1rem;padding:1rem;position:static}.gacha-machine-3d__pulls-control{display:flex;flex-direction:column;gap:.5rem}.gacha-machine-3d__pulls-label{color:#6b5d4ff2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.gacha-machine-3d__pulls-buttons{grid-gap:.5rem;grid-gap:var(--space-xs,.5rem);display:grid;gap:.5rem;gap:var(--space-xs,.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}.gacha-machine-3d__pulls-button{background:#f4e4bc26;border:2px solid #c97d6066;border-radius:12px;box-shadow:inset 0 1px 0 #fff9;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;padding:.75rem 1rem;padding:var(--space-sm,.75rem) var(--space-md,1rem);text-align:center;transition:all .2s ease}.gacha-machine-3d__pulls-button.active{background:#d4af542e;border-color:#d4af54f2;box-shadow:inset 0 2px 6px #d4af5440,0 4px 12px #d4af5433}.gacha-machine-3d__pulls-button:disabled{cursor:not-allowed;opacity:.6}.gacha-machine-3d__cost{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4af5433,#ff8c6933);border:2px solid #c97d6080;border-radius:12px;box-shadow:0 2px 8px #8b73554d,inset 0 2px 4px #fff9;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:.75rem;padding:var(--space-sm,.75rem)}.gacha-machine-3d__cost-label{color:#6b5d4ff2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__cost-value{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 3px #8b735566}.gacha-machine-3d__currency{color:#6b5d4fb3;font-size:.9rem;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__lever-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#d4af37,#c97d60);border:none;border-radius:12px;box-shadow:0 4px 16px #c97d6080,0 0 40px #c97d6080,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b735533;color:#6b5d4f;cursor:pointer;display:flex;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;letter-spacing:.03em;margin-top:.5rem;min-height:48px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-shadow:0 1px 3px #8b735566;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.gacha-machine-3d__lever-button:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.gacha-machine-3d__lever-button:hover:before{height:500px;width:500px}.gacha-machine-3d__lever-button:hover:not(.disabled):not(.spinning){box-shadow:0 16px 40px #d4af5499,0 0 70px #d4af5499,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b73554d;transform:translateY(-6px) scale(1.05)}.gacha-machine-3d__lever-button:active:not(.disabled):not(.spinning){transform:translateY(-2px) scale(.98)}.gacha-machine-3d__lever-button.pulled{animation:buttonPulled .6s ease-out}@keyframes buttonPulled{0%{transform:scale(1)}50%{transform:scale(.95) translateY(4px)}to{transform:scale(1)}}.gacha-machine-3d__lever-button.spinning{animation:buttonSpin .5s ease-in-out infinite;opacity:.9;pointer-events:none}@keyframes buttonSpin{0%,to{box-shadow:0 8px 24px #c97d6080,0 0 50px #c97d6080}50%{box-shadow:0 12px 32px #c97d60b3,0 0 70px #d4af5499}}.gacha-machine-3d__lever-button.disabled{background:linear-gradient(135deg,#666,#555);box-shadow:0 4px 12px #8b73554d,inset 0 2px 4px #fff9;cursor:not-allowed;opacity:.5}.gacha-machine-3d__lever-button-text{font-weight:400;position:relative;z-index:1}.gacha-machine-3d__message{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#add8e64d,#87ceeb4d);border:2px solid #add8e680;border-radius:12px;box-shadow:0 2px 8px #add8e64d,0 0 20px #add8e633;color:#6b5d4f;font-size:.9rem;font-weight:600;padding:.75rem 1rem;padding:var(--space-sm,.75rem) var(--space-md,1rem);text-align:center;text-shadow:0 1px 2px #8b73554d}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gacha-machine-3d__warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffdab94d,#ffa07a4d);border:2px solid #ffdab980;border-radius:12px;box-shadow:0 2px 8px #ffdab94d,0 0 20px #ffdab933;color:#6b5d4f;font-size:.9rem;font-weight:600;padding:.75rem 1rem;padding:var(--space-sm,.75rem) var(--space-md,1rem);text-align:center;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__donation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6080;border-radius:12px;box-shadow:0 4px 16px #8b73554d,0 0 30px #d4af5433,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b735533;padding:1.25rem}.gacha-machine-3d__donation-header{border-bottom:2px solid #c97d604d;margin-bottom:1rem;padding-bottom:1rem;text-align:center}.gacha-machine-3d__donation-header h3{color:#6b5d4f;font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin:0 0 .5rem;text-shadow:0 1px 3px #8b735566;text-transform:uppercase}.gacha-machine-3d__donation-notice{color:#6b5d4fe6;font-size:.85rem;line-height:1.5;margin:.5rem 0;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__donation-purpose{color:#c97d60e6;font-size:.8rem;font-weight:600;line-height:1.5;margin:.5rem 0 0;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__donation-info{display:flex;flex-direction:column;gap:1rem}.gacha-machine-3d__donation-account{background:linear-gradient(135deg,#d4af5433,#ff8c6933);border:2px solid #c97d6066;border-radius:8px;box-shadow:0 2px 8px #8b735533,inset 0 2px 4px #ffffff80;padding:1rem}.gacha-machine-3d__donation-account-label{color:#6b5d4ff2;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #8b73554d}.gacha-machine-3d__donation-account-value{color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:.9rem;line-height:1.8}.gacha-machine-3d__donation-account-value div{padding:.25rem 0}.gacha-machine-3d__donation-credits-btn{background:linear-gradient(135deg,#d4af37,#c97d60);border:2px solid #c97d6099;border-radius:8px;box-shadow:0 4px 12px #c97d6066,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b735533;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;min-height:48px;padding:.75rem 1.5rem;padding:var(--space-sm,.75rem) var(--space-lg,1.5rem);text-shadow:0 1px 2px #8b73554d;transition:all .3s ease;width:100%}.gacha-machine-3d__donation-credits-btn:hover{box-shadow:0 8px 20px #c97d6080,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b73554d;transform:translateY(-2px)}.gacha-machine-3d__donation-credits-btn:active{transform:translateY(0)}.credits-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.credits-modal{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f4e4bcfa,#e6d5a8fa 50%,#d4a574fa);border:2px solid #c97d6099;border-radius:16px;box-shadow:0 8px 32px #8b735580,0 0 60px #d4af5466,inset 0 2px 4px #fff9,inset 0 -2px 4px #8b735533;max-height:80vh;max-width:400px;overflow-y:auto;position:relative;width:100%}.credits-modal__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4e4bcfa,#e6d5a8fa);border-bottom:2px solid #c97d6066;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.credits-modal__header h2{color:#6b5d4f;font-size:1.5rem;font-weight:700;letter-spacing:.02em;margin:0;text-shadow:0 1px 3px #8b735566;text-transform:uppercase}.credits-modal__close{align-items:center;background:#c97d604d;border:none;border-radius:50%;box-shadow:0 2px 4px #8b735533;color:#6b5d4f;cursor:pointer;display:flex;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:300;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.credits-modal__close:hover{background:#c97d6080;transform:scale(1.1)}.credits-modal__content{padding:1.5rem}.credits-modal__description{color:#6b5d4fe6;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;text-align:center;text-shadow:0 1px 2px #8b73554d}.credits-modal__list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.credits-modal__item{align-items:center;background:linear-gradient(135deg,#d4af5433,#ff8c6933);border:2px solid #c97d6066;border-radius:8px;box-shadow:0 2px 8px #8b735533,inset 0 2px 4px #ffffff80;display:flex;justify-content:space-between;padding:1rem}.credits-modal__item-name{font-weight:600}.credits-modal__item-amount,.credits-modal__item-name{color:#6b5d4f;font-size:1rem;text-shadow:0 1px 2px #8b73554d}.credits-modal__item-amount{font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-weight:700}.credits-modal__footer{color:#c97d60e6;font-size:.8rem;font-weight:600;line-height:1.5;margin:0;text-align:center;text-shadow:0 1px 2px #8b73554d}.splash-screen{align-items:center;display:flex;height:100%;justify-content:center;left:0;min-height:100vh;min-height:100dvh;overflow:hidden;position:fixed;top:0;width:100%;z-index:10000}.splash-screen__background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.splash-screen__content{align-items:center;color:#fff;display:flex;justify-content:center;max-width:375px;min-height:100%;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom, 0px));position:relative;text-shadow:0 2px 8px #0000008c;width:100%;z-index:2}.splash-screen__panel{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:#0605028c;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 25px 60px #0000008c,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;width:100%}.splash-screen__brand{display:flex;flex-direction:column;gap:.35rem}.splash-screen__eyebrow{font-size:.75rem;letter-spacing:.3em;opacity:.7;text-transform:uppercase}.splash-screen__title{font-size:1.7rem;font-weight:700;line-height:1.2;margin:0}.splash-screen__subtitle{font-size:.95rem;line-height:1.5;margin:0;opacity:.85}.splash-screen__status{display:flex;flex-direction:column;gap:.5rem}.splash-screen__progress-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;letter-spacing:.1em;padding:.35rem .9rem;text-transform:uppercase}.splash-screen__progress-dot{background:#ffd45f;border-radius:999px;box-shadow:0 0 8px #ffd45fcc;height:6px;width:6px}.splash-screen__login-button{align-items:center;background:linear-gradient(135deg,#24292e,#1a1e22);border:none;border-radius:16px;box-shadow:0 8px 24px #0006,0 4px 12px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.02em;padding:1rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.splash-screen__login-button:hover:not(:disabled){box-shadow:0 12px 32px #00000080,0 6px 16px #0006,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.02)}.splash-screen__login-button:active:not(:disabled){transform:translateY(0) scale(1)}.splash-screen__login-button:disabled{cursor:not-allowed;opacity:.6}.splash-screen__github-icon{flex-shrink:0;height:24px;width:24px}.splash-screen__progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:999px;box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #0003;height:8px;overflow:hidden;width:100%}.splash-screen__progress-fill{animation:progressShimmer 2s linear infinite;background:linear-gradient(90deg,gold,#ffed4e 25%,gold 50%,#ffed4e 75%,gold);background-size:200% 100%;border-radius:999px;box-shadow:0 0 20px #ffd70099,inset 0 1px 0 #ffffff4d;height:100%;transition:width .3s ease-out}@keyframes progressShimmer{0%{background-position:0 0}to{background-position:200% 0}}.splash-screen__helper{color:#ffffffe6;font-size:.85rem;line-height:1.6;margin:0;min-height:1.4em}.auth-error-dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.auth-error-dialog{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fffffffa,#fafafafa);border:2px solid #dc35454d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 10px 30px #dc354533,0 0 0 1px #dc35451a;max-width:90vw;max-width:320px;padding:2rem 1.5rem;position:relative;text-align:center;width:100%}.auth-error-dialog__icon{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}.auth-error-dialog__title{color:#dc3545;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.auth-error-dialog__message{color:#495057;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.auth-error-dialog__button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:12px;box-shadow:0 4px 12px #dc35454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;padding:var(--space-sm,.75rem) var(--space-lg,1.5rem);transition:all .2s ease;width:100%}.auth-error-dialog__button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 6px 16px #dc354566;transform:translateY(-2px)}.auth-error-dialog__button:active{transform:translateY(0)}.ranking-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;bottom:0;display:flex;height:100%;justify-content:center;left:0;min-height:100dvh;min-height:-webkit-fill-available;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top, 0px) + 1rem) 1rem calc(env(safe-area-inset-bottom, 0px) + 1rem);position:fixed;right:0;top:0;width:100%;z-index:9996}@supports (min-height:100dvh){.ranking-modal-overlay{height:100dvh;min-height:100dvh}}.ranking-modal{-webkit-overflow-scrolling:touch;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#f4e4bcfa,#e6d5a8fa 50%,#d4a574fa);border:3px solid #c97d60b3;border-radius:20px;box-shadow:0 20px 60px #0009,0 10px 30px #8b735580,0 0 0 2px #d4af5466,0 0 40px #d4af5466,inset 0 1px 2px #ffffff80,inset 0 -1px 2px #8b735533;max-height:calc(100dvh - 2rem);max-height:calc(100vh - 2rem);max-width:90vw;max-width:500px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}@supports (max-height:calc(100dvh - 2rem)){.ranking-modal{max-height:calc(100dvh - 2rem)}}.ranking-modal__close{align-items:center;background:linear-gradient(135deg,#f4e4bce6,#e6d5a8e6);border:2px solid #c97d6099;border-radius:50%;box-shadow:0 2px 8px #8b73554d,inset 0 1px 2px #fff6;color:#6b5d4f;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;line-height:1;position:absolute;right:12px;text-shadow:0 1px 2px #8b735533;top:12px;transition:all .2s ease;width:36px;z-index:10}.ranking-modal__close:hover{background:linear-gradient(135deg,#d4af54e6,#c97d60e6);border-color:#c97d60e6;transform:scale(1.1) rotate(90deg)}.ranking-modal__header{border-bottom:2px solid #c97d604d;padding:1.5rem 1.5rem 1rem;text-align:center}.ranking-modal__title{color:#6b5d4f;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 1px 2px #8b735533}.ranking-modal__tabs{border-bottom:2px solid #c97d604d;display:flex;gap:.5rem;padding:1rem 1.5rem}.ranking-modal__tab{background:#ffffff4d;border:2px solid #c97d6080;border-radius:12px;color:#6b5d4f;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.ranking-modal__tab:hover{background:#ffffff80;border-color:#c97d60b3}.ranking-modal__tab.active{background:linear-gradient(135deg,#d4af5499,#c97d6099);border-color:#c97d60e6;box-shadow:0 2px 8px #8b73554d,inset 0 1px 2px #fff6;color:#4a3f35}.ranking-modal__content{min-height:200px;padding:1rem 1.5rem 1.5rem}.ranking-modal__empty,.ranking-modal__error,.ranking-modal__loading{color:#8b7355;font-size:.95rem;padding:2rem;text-align:center}.ranking-modal__list{display:flex;flex-direction:column;gap:.5rem}.ranking-modal__item{align-items:center;background:#fff6;border:2px solid #c97d6066;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem;padding:var(--space-sm,.75rem) var(--space-md,1rem);transition:all .2s ease}.ranking-modal__item:hover{background:#fff9;border-color:#c97d6099;transform:translateX(4px)}.ranking-modal__item--current{background:linear-gradient(135deg,#d4af544d,#c97d604d);border-color:#d4af54cc;box-shadow:0 2px 8px #d4af544d,inset 0 1px 2px #fff6}.ranking-modal__rank{color:#6b5d4f;font-size:1.1rem;font-weight:700;min-width:2rem;text-align:center}.ranking-modal__avatar{align-items:center;background:#ffffff80;border:2px solid #c97d604d;border-radius:8px;display:flex;font-size:2rem;height:2.5rem;justify-content:center;width:2.5rem}.ranking-modal__info{flex:1 1;min-width:0}.ranking-modal__username{color:#6b5d4f;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-modal__you{color:#c97d60;font-size:.85rem;font-weight:700}.ranking-modal__value{color:#8b7355;font-size:1rem;font-weight:700;white-space:nowrap}.ranking-modal__current-user{margin-top:1rem}.ranking-modal__divider{background:#c97d604d;height:2px;margin:1rem 0}.deck-builder{display:flex;flex-direction:column;gap:1rem;min-height:calc(100dvh - 120px);padding:.75rem .75rem calc(env(safe-area-inset-bottom, 0px) + 5rem)}.deck-builder__header{background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6099;border-radius:12px;box-shadow:0 4px 12px #8b73554d,0 0 20px #d4af5433,inset 0 1px 2px #fff6;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.deck-builder__name-input{background:#ffffffe6;border:2px solid #c97d6066;border-radius:8px;color:#6b5d4f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:.75rem;width:100%}.deck-builder__name-input::placeholder{color:#6b5d4f80}.deck-builder__stats{align-items:center;display:flex;justify-content:space-between}.deck-builder__count{color:#6b5d4f;font-size:1.1rem;font-weight:700}.deck-builder__status{border-radius:6px;font-size:.9rem;font-weight:600;padding:.375rem .75rem}.deck-builder__status--valid{background:#90ee904d;border:1px solid #90ee9080;color:#2d5016}.deck-builder__status--invalid{background:#ff8c694d;border:1px solid #ff8c6980;color:#8b2e0f}.deck-builder__errors{background:#ff8c691a;border:2px solid #ff8c6966;border-radius:8px;padding:.75rem}.deck-builder__error{color:#8b2e0f;font-size:.85rem;margin-bottom:.5rem}.deck-builder__error:last-child{margin-bottom:0}.deck-builder__selected{background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6099;border-radius:12px;padding:1rem}.deck-builder__selected-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.deck-builder__selected-header h3{color:#6b5d4f;font-size:1rem;font-weight:700;margin:0}.deck-builder__clear-btn{background:#ff8c694d;border:1px solid #ff8c6980;border-radius:6px;color:#8b2e0f;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.deck-builder__clear-btn:hover{background:#ff8c6980}.deck-builder__selected-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.deck-builder__selected-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;position:relative}.deck-builder__selected-count{color:#6b5d4f;font-size:.7rem;font-weight:600;text-align:center}.deck-builder__remove-btn{align-items:center;background:#ff8c69e6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:20px;justify-content:center;line-height:1;position:absolute;right:-4px;top:-4px;width:20px;z-index:10}.deck-builder__filters{display:flex;gap:.75rem}.deck-builder__filter{background:#ffffffe6;border:2px solid #c97d6066;border-radius:8px;color:#6b5d4f;cursor:pointer;flex:1 1;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;padding:.75rem}.deck-builder__cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.deck-builder__card-item{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;position:relative;transition:all .2s ease}.deck-builder__card-item:hover{background:#f4e4bc4d;border-color:#c97d6066}.deck-builder__card-item--selected{background:#90ee9033;border-color:#90ee9080}.deck-builder__card-item--disabled{cursor:not-allowed;opacity:.5}.deck-builder__card-info{align-items:center;display:flex;flex-direction:column;font-size:.7rem;font-weight:600;gap:.25rem}.deck-builder__card-count{background:#90ee904d;border-radius:4px;color:#2d5016;padding:.25rem .5rem}.deck-builder__card-max{background:#ff8c694d;border-radius:4px;color:#8b2e0f;padding:.25rem .5rem}.deck-builder__card-unavailable{color:#666;font-size:.65rem}.deck-list{display:flex;flex-direction:column;gap:1rem;min-height:calc(100dvh - 120px);padding:.75rem .75rem calc(env(safe-area-inset-bottom, 0px) + 5rem)}.deck-list__loading{color:#8b7355;font-size:1rem;padding:2rem;text-align:center}.deck-list__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.deck-list__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.deck-list__empty-text{color:#6b5d4f;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.deck-list__empty-hint{color:#8b7355;font-size:.9rem}.deck-list__item{background:linear-gradient(135deg,#f4e4bcf2,#e6d5a8f2 50%,#d4a574f2);border:2px solid #c97d6099;border-radius:12px;box-shadow:0 4px 12px #8b73554d,0 0 20px #d4af5433,inset 0 1px 2px #fff6;padding:1rem}.deck-list__item--active{border-color:#ffd700cc;box-shadow:0 4px 12px #8b73554d,0 0 20px #ffd70066,inset 0 1px 2px #fff6}.deck-list__item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.deck-list__item-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.deck-list__item-name{color:#6b5d4f;font-size:1.1rem;font-weight:700;margin:0}.deck-list__item-badge{background:#ffd7004d;border:1px solid #ffd70080;border-radius:12px;color:#8b7355;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.deck-list__item-count{font-feature-settings:"tnum";color:#6b5d4f;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.deck-list__item-actions{display:flex;flex-wrap:wrap;gap:.5rem}.deck-list__action-btn{border:2px solid #c97d6066;border-radius:8px;cursor:pointer;flex:1 1;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;min-width:80px;padding:.5rem 1rem;padding:var(--space-xs,.5rem) var(--space-md,1rem);transition:all .2s ease}.deck-list__action-btn--edit{background:#87ceeb4d;border-color:#87ceeb80;color:#2d4a5c}.deck-list__action-btn--edit:hover{background:#87ceeb80}.deck-list__action-btn--set-active{background:#ffd7004d;border-color:#ffd70080;color:#8b7355}.deck-list__action-btn--set-active:hover{background:#ffd70080}.deck-list__action-btn--delete{background:#ff8c694d;border-color:#ff8c6980;color:#8b2e0f}.deck-list__action-btn--delete:hover{background:#ff8c6980}.deck-manager{display:flex;flex-direction:column;min-height:calc(100dvh - 120px)}.deck-manager__header{align-items:center;background:linear-gradient(180deg,#d4a574f2,#e6d5a8f2 50%,#f4e4bcf2);border-bottom:2px solid #c97d6080;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.deck-manager__title{color:#6b5d4f;flex:1 1;font-size:1.1rem;font-weight:700;margin:0;text-align:center}.deck-manager__back-btn,.deck-manager__new-btn,.deck-manager__save-btn{border:2px solid #c97d6066;border-radius:8px;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.deck-manager__back-btn{background:#ffffff80;color:#6b5d4f}.deck-manager__back-btn:hover{background:#ffffffb3}.deck-manager__save-btn{background:#90ee904d;border-color:#90ee9080;color:#2d5016}.deck-manager__save-btn:hover:not(:disabled){background:#90ee9080}.deck-manager__save-btn:disabled{cursor:not-allowed;opacity:.5}.deck-manager__new-btn{background:#87ceeb4d;border-color:#87ceeb80;color:#2d4a5c}.deck-manager__new-btn:hover{background:#87ceeb80}.game-match-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;bottom:0;display:flex;height:100%;justify-content:center;left:0;min-height:100dvh;padding:calc(env(safe-area-inset-top, 0px) + 1rem) 1rem calc(env(safe-area-inset-bottom, 0px) + 1rem);position:fixed;right:0;top:0;width:100%;z-index:9998}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1}}.game-match-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#f4e4bcfa,#e6d5a8fa 50%,#d4a574fa);border:3px solid #c97d60cc;border-radius:16px;box-shadow:0 20px 60px #000000b3,0 10px 30px #0009,0 0 0 2px #d4af3780,0 0 60px #d4af3799,inset 0 0 0 1px #ffffffb3;max-width:90vw;max-width:400px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.game-match-modal__close{align-items:center;background:#ff8c694d;border:2px solid #ff8c6980;border-radius:50%;color:#8b2e0f;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;line-height:1;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px;z-index:10}.game-match-modal__close:hover{background:#ff8c6980;transform:scale(1.1)}.game-match-modal__title{color:#6b5d4f;font-size:1.5rem;font-weight:700;margin:0;padding:1.5rem 1rem 1rem;text-align:center;text-shadow:0 2px 4px #8b73554d}.game-match-modal__content{padding:0 1.5rem 1.5rem}.game-match-modal__section{margin-bottom:1.5rem}.game-match-modal__label{color:#6b5d4f;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.game-match-modal__deck-list{display:flex;flex-direction:column;gap:.75rem;margin:-.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.game-match-modal__deck-item{background:#fff9;border:2px solid #c97d6066;border-radius:10px;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:1rem;text-align:left;transition:all .2s ease}.game-match-modal__deck-item:hover{background:#fffc;border-color:#c97d6099;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.game-match-modal__deck-item.active{background:#90ee904d;border-color:#90ee9099;box-shadow:0 0 0 2px #90ee904d,0 4px 8px #0000001a}.game-match-modal__deck-name{color:#6b5d4f;font-size:1rem;font-weight:700;margin-bottom:.25rem}.game-match-modal__deck-count{align-items:center;color:#8b7355;display:flex;font-size:.85rem;gap:.5rem}.game-match-modal__deck-badge{background:#ffd7004d;border:1px solid #ffd70080;border-radius:8px;color:#8b7355;font-size:.7rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-xxs,.25rem) var(--space-xs,.5rem)}.game-match-modal__start-btn{background:linear-gradient(135deg,#90ee9066,#90ee9099);border:2px solid #90ee9099;border-radius:12px;box-shadow:0 4px 12px #90ee904d,inset 0 1px 2px #fff6;color:#2d5016;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;padding:1rem;transition:all .2s ease;width:100%}.game-match-modal__start-btn:hover:not(:disabled){background:linear-gradient(135deg,#90ee9099,#90ee90cc);box-shadow:0 6px 16px #90ee9066,inset 0 1px 2px #fff6;transform:translateY(-2px)}.game-match-modal__start-btn:disabled{cursor:not-allowed;opacity:.5}.game-match-modal__matching{padding:3rem 1.5rem;text-align:center}.game-match-modal__matching-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.game-match-modal__matching-text{color:#6b5d4f;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.game-match-modal__matching-hint{color:#8b7355;font-size:.9rem;margin-bottom:1.5rem}.game-match-modal__matching-dots{display:flex;gap:.5rem;justify-content:center}.game-match-modal__matching-dots span{animation:dotPulse 1.4s ease-in-out infinite;background:#c97d6099;border-radius:50%;height:12px;width:12px}.game-match-modal__matching-dots span:first-child{animation-delay:0s}.game-match-modal__matching-dots span:nth-child(2){animation-delay:.2s}.game-match-modal__matching-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.game-match-modal__error-state{padding:3rem 1.5rem;text-align:center}.game-match-modal__error-icon{font-size:4rem;margin-bottom:1rem}.game-match-modal__error-text{color:#8b2e0f;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.game-match-modal__retry-btn{background:#87ceeb4d;border:2px solid #87ceeb80;border-radius:8px;color:#2d4a5c;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.game-match-modal__retry-btn:hover{background:#87ceeb80}.game-match-modal__error-message{background:#ff8c6933;border:1px solid #ff8c6966;border-radius:8px;color:#8b2e0f;font-size:.9rem;margin-bottom:1rem;padding:.75rem;text-align:center}.game-match-modal__loading{color:#8b7355;font-size:.9rem;padding:2rem;text-align:center}.game-match-modal__error{color:#8b2e0f;font-size:.9rem;padding:2rem;text-align:center}.game-board{background:radial-gradient(ellipse at top,#0f09174d 0,#0000 50%),radial-gradient(ellipse at bottom,#1a0a2e66 0,#0000 50%),linear-gradient(180deg,#0f091799,#16213e80 50%,#0f091799);display:flex;flex-direction:column;min-height:calc(100dvh - 120px);overflow-x:hidden;padding:.5rem .5rem calc(env(safe-area-inset-bottom, 0px) + 200px);position:relative}.game-board__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a0a2ef2,#16213ef2 50%,#0f0917f2);border:2px solid #d4af5466;border-radius:16px;box-shadow:0 8px 32px #0009,0 0 40px #d4af5433,inset 0 1px 0 #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.game-board__exit-btn{background:linear-gradient(135deg,#ff6b9d4d,#ff8c694d);border:2px solid #ff6b9d80;border-radius:8px;box-shadow:0 4px 12px #ff6b9d4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 1px 2px #00000080;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-board__exit-btn:hover{background:linear-gradient(135deg,#ff6b9d80,#ff8c6980);box-shadow:0 6px 16px #ff6b9d66;transform:translateY(-2px) scale(1.05)}.game-board__turn-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.game-board__turn-badge{align-items:center;background:linear-gradient(135deg,#ffd70033,#ffc80033);border:2px solid #ffd70080;border-radius:12px;box-shadow:0 4px 12px #ffd7004d,inset 0 1px 0 #fff3;display:flex;gap:.5rem;padding:.5rem 1rem}.game-board__turn-label{color:#ffffffe6;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px #00000080}.game-board__turn-number{color:gold;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:1.5rem;font-weight:900;letter-spacing:.05em;text-shadow:0 0 15px #ffd700cc,0 2px 4px #000c}.game-board__turn-status{color:#fffc;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.03em;text-shadow:0 2px 4px #0009}.game-board__turn-status--my{animation:myTurnGlow 2s ease-in-out infinite;color:gold;text-shadow:0 0 15px #ffd70099,0 2px 4px #0009}@keyframes myTurnGlow{0%,to{text-shadow:0 0 15px #ffd70099,0 2px 4px #0009}50%{text-shadow:0 0 25px #ffd700e6,0 0 40px #ffd70080,0 2px 4px #0009}}.game-board__timer{animation:pulse-timer 2s ease-in-out infinite;background:linear-gradient(135deg,#90ee9066,#64c86466);border:2px solid #90ee9099;border-radius:12px;box-shadow:0 4px 12px #90ee9066,inset 0 1px 0 #ffffff4d;color:#fff;font-size:.9rem;font-weight:700;padding:.4rem .8rem;text-shadow:0 1px 2px #00000080}.game-board__timer--warning{animation:pulse-timer-warning .5s ease-in-out infinite;background:linear-gradient(135deg,#ff8c6980,#ff6b9d80);border-color:#ff8c69cc;box-shadow:0 4px 16px #ff8c6999,0 0 30px #ff8c6966,inset 0 1px 0 #ffffff4d;color:#fff}@keyframes pulse-timer{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulse-timer-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.game-board__opponent-field{background:linear-gradient(135deg,#0f0917d9,#16213ecc 50%,#0f0917d9);border:2px solid #ff6b9d4d;border-radius:16px;box-shadow:0 8px 32px #000000b3,inset 0 1px 0 #ffffff0d,0 0 60px #ff6b9d1a;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative}.game-board__opponent-field:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff6b9d08 0,#ff6b9d08 4px);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.game-board__my-field{background:linear-gradient(135deg,#f4e4bc66,#e6d5a859 50%,#d4a57466);border:2px solid #d4af5480;border-radius:16px;box-shadow:0 8px 32px #00000080,inset 0 1px 0 #fff3,0 0 60px #d4af5426;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative}.game-board__my-field:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#d4af540d 0,#d4af540d 4px);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.game-board__player-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1a0a2ee6,#16213ed9);border:2px solid #d4af5466;border-radius:12px;box-shadow:0 6px 24px #0009,inset 0 1px 0 #ffffff1a;margin-bottom:1rem;padding:1rem}.game-board__player-panel--my{background:linear-gradient(135deg,#f4e4bc99,#e6d5a88c);border-color:#d4af5499}.game-board__player-header{align-items:center;border-bottom:2px solid #d4af544d;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.game-board__player-name{align-items:center;color:gold;display:flex;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:800;gap:.5rem;letter-spacing:.03em;text-shadow:0 0 15px #ffd70099,0 2px 4px #000c}.game-board__player-panel--my .game-board__player-name{color:#6b5d4f;text-shadow:0 0 10px #d4af5466,0 2px 4px #0000004d}.game-board__player-avatar{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.5rem;line-height:1}.game-board__player-stats{display:flex;flex-wrap:wrap;gap:.75rem}.game-board__stat-badge{align-items:center;background:linear-gradient(135deg,#0006,#0000004d);border:2px solid #d4af544d;border-radius:12px;box-shadow:0 4px 12px #00000080,inset 0 1px 0 #ffffff1a;display:flex;gap:.5rem;padding:.6rem 1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-board__player-panel--my .game-board__stat-badge{background:linear-gradient(135deg,#fff3,#ffffff26);border-color:#d4af5480}.game-board__stat-badge:hover{box-shadow:0 6px 16px #0009,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.05)}.game-board__stat-badge--life{border-color:#ff6b9d80}.game-board__stat-badge--life:hover{box-shadow:0 6px 16px #ff6b9d66,inset 0 1px 0 #ffffff26}.game-board__stat-badge--mana{border-color:#87ceeb80}.game-board__stat-badge--mana:hover{box-shadow:0 6px 16px #87ceeb66,inset 0 1px 0 #ffffff26}.game-board__stat-badge--deck{border-color:#d4af5480}.game-board__stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.3rem;line-height:1}.game-board__stat-value{color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:1.5rem;font-weight:900;letter-spacing:.05em;text-shadow:0 0 10px currentColor,0 2px 4px #000c}.game-board__player-panel--my .game-board__stat-value{color:#6b5d4f;text-shadow:0 0 8px #d4af5466,0 2px 4px #0000004d}.game-board__mana-current{color:#87ceeb}.game-board__player-panel--my .game-board__mana-current{color:#2d4a5c}.game-board__mana-separator{margin:0 .25rem;opacity:.6}.game-board__mana-max{opacity:.7}.game-board__field{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;min-height:120px;padding:.5rem;position:relative}.game-board__field-empty{color:#ffffff80;font-size:1rem;font-weight:600;opacity:.6;padding:3rem;text-align:center;text-shadow:0 2px 4px #00000080;width:100%}.game-board__my-field .game-board__field-empty{color:#6b5d4f99;text-shadow:0 1px 2px #0003}.game-board__field-card{cursor:pointer;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1}.game-board__field-card:hover{filter:brightness(1.1);transform:translateY(-8px) scale(1.05);z-index:10}.game-board__field-card-stats{bottom:4px;color:#fff;display:flex;font-size:.75rem;font-weight:900;gap:.25rem;left:4px;pointer-events:none;position:absolute;right:4px;text-shadow:0 0 8px #000c,0 2px 4px #000000e6;z-index:5}.game-board__field-card-hp{background:linear-gradient(135deg,#ff0000d9,#c80000d9)}.game-board__field-card-attacked,.game-board__field-card-hp{border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0009,inset 0 1px 0 #fff3;padding:.3rem .5rem}.game-board__field-card-attacked{background:linear-gradient(135deg,#ff8c69d9,#c86450d9)}.game-board__field-card-attackable{animation:pulse-attack 2s ease-in-out infinite;background:linear-gradient(135deg,#90ee90d9,#64c864d9);border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0009,inset 0 1px 0 #fff3;padding:.3rem .5rem}.game-board__field-card-selected{animation:pulse-attack 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd700f2,#ffc800f2);border:2px solid #ffffff80;border-radius:8px;box-shadow:0 4px 12px #ffd70099,inset 0 1px 0 #fff6;color:#6b5d4f;font-size:.75rem;font-weight:900;padding:.4rem .6rem;text-align:center;text-shadow:0 1px 2px #0000004d}.game-board__field-card--attack-target{animation:targetPulse .8s ease-in-out infinite;border:3px solid #ff0000e6;box-shadow:0 0 30px #ff0000b3,0 8px 24px #ff000080;cursor:pointer}@keyframes targetPulse{0%,to{box-shadow:0 0 30px #ff0000b3,0 8px 24px #ff000080}50%{box-shadow:0 0 50px red,0 12px 32px #ff0000b3}}.game-board__field-card-target{background:linear-gradient(135deg,#ff0000f2,#c80000f2);border:2px solid #fff6;border-radius:8px;box-shadow:0 4px 12px #000c,inset 0 1px 0 #ffffff4d;color:#fff;font-size:.75rem;font-weight:900;left:4px;padding:.4rem .6rem;position:absolute;right:4px;text-align:center;text-shadow:0 2px 4px #000c;top:4px;z-index:15}.game-board__direct-attack-hint{margin-top:1rem;text-align:center}.game-board__direct-attack-btn{background:linear-gradient(135deg,#ff0000e6,#c80000e6);border:3px solid #fff6;border-radius:16px;box-shadow:0 6px 20px #ff000080,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:.05em;padding:.9rem 2.5rem;text-shadow:0 0 15px #fffc,0 2px 4px #000c;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-board__direct-attack-btn:hover{background:linear-gradient(135deg,red,#dc0000);box-shadow:0 10px 28px #f009,0 0 40px #f006,inset 0 1px 0 #fff6;transform:translateY(-4px) scale(1.05)}@keyframes pulse-attack{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.game-board__card-modal-wrapper{position:relative}.game-board__card-actions{bottom:2rem;display:flex;gap:.75rem;left:50%;padding:0 1rem;position:fixed;transform:translateX(-50%);z-index:10000}.game-board__card-action-btn{border:3px solid;border-radius:16px;box-shadow:0 6px 20px #00000080,inset 0 1px 0 #ffffff4d;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:.03em;padding:.9rem 2.5rem;text-shadow:0 2px 4px #0009;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-board__card-action-btn--play{background:linear-gradient(135deg,#90ee90f2,#64c864f2);border-color:#fff6;color:#2d5016}.game-board__card-action-btn--play:hover:not(:disabled){background:linear-gradient(135deg,#90ee90,#78dc78);box-shadow:0 10px 28px #90ee9080,0 0 40px #90ee904d,inset 0 1px 0 #fff6;transform:translateY(-4px) scale(1.05)}.game-board__card-action-btn--skill{background:linear-gradient(135deg,#ffd700f2,#ffc800f2);border-color:#fff6;color:#6b5d4f}.game-board__card-action-btn--skill:hover:not(:disabled){background:linear-gradient(135deg,gold,#ffdc00);box-shadow:0 10px 28px #ffd70080,0 0 40px #ffd7004d,inset 0 1px 0 #fff6;transform:translateY(-4px) scale(1.05)}.game-board__card-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.game-board__hand{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0000,#0f0917f2 20%,#0f0917fa);border-top:3px solid #d4af5480;bottom:calc(env(safe-area-inset-bottom, 0px) + 80px);box-shadow:0 -8px 32px #000c,inset 0 1px 0 #ffffff1a;display:flex;gap:.75rem;left:0;min-height:140px;overflow-x:auto;overflow-y:hidden;padding:1rem;position:fixed;right:0;scrollbar-width:thin;z-index:100}.game-board__hand::-webkit-scrollbar{height:8px}.game-board__hand::-webkit-scrollbar-thumb{background:#d4af5499;border-radius:4px}.game-board__hand::-webkit-scrollbar-thumb:hover{background:#d4af54cc}.game-board__hand-empty{color:#ffffff80;font-size:1rem;font-weight:600;opacity:.6;padding:3rem;text-align:center;text-shadow:0 2px 4px #00000080;width:100%}.game-board__hand-card{cursor:pointer;flex-shrink:0;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1}.game-board__hand-card:hover{filter:brightness(1.2) drop-shadow(0 10px 30px rgba(0,0,0,.8));transform:translateY(-30px) scale(1.15);z-index:20}.game-board__actions{bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);display:flex;gap:1rem;justify-content:center;left:50%;padding:0 1rem;position:fixed;transform:translateX(-50%);z-index:200}.game-board__action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#90ee9066,#64c86466);border:3px solid #90ee9099;border-radius:16px;box-shadow:0 6px 20px #00000080,inset 0 1px 0 #fff3;color:#2d5016;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:.03em;padding:1rem 2.5rem;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-board__action-btn:hover:not(:disabled){background:linear-gradient(135deg,#90ee9099,#78dc7899);box-shadow:0 10px 28px #90ee9080,0 0 40px #90ee904d,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.05)}.game-board__action-btn:active:not(:disabled){transform:translateY(-2px) scale(1.02)}.game-board__action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.game-board__action-btn--secondary{background:linear-gradient(135deg,#87ceeb66,#64b4dc66);border-color:#87ceeb99;color:#2d4a5c}.game-board__action-btn--secondary:hover:not(:disabled){background:linear-gradient(135deg,#87ceeb99,#78c8f099);box-shadow:0 10px 28px #87ceeb80,0 0 40px #87ceeb4d,inset 0 1px 0 #ffffff4d}.game-board__loading{color:#fffc;font-size:1.2rem;font-weight:700;padding:3rem;text-align:center;text-shadow:0 2px 4px #00000080}.game-board__game-over{align-items:center;background:radial-gradient(ellipse at center,#000c 0,#0f0917e6 100%);display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 120px);padding:2rem;text-align:center}.game-board__game-over-title{animation:gameOverTitle 1s ease-out;color:gold;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:.1em;margin-bottom:1.5rem;text-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70099,0 4px 8px #000c}@keyframes gameOverTitle{0%{opacity:0;transform:scale(.5) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-board__game-over-message{color:#ffffffe6;font-size:1.4rem;line-height:1.6;margin-bottom:2.5rem;text-shadow:0 2px 4px #0009}.game-board__damage-number{animation:damagePop .8s ease-out forwards;color:#f44;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:3rem;font-weight:900;letter-spacing:.1em;pointer-events:none;position:fixed;text-shadow:0 0 20px #f44,0 0 40px #f44c,0 0 60px #f449,0 4px 8px #000000e6;transform:translate(-50%,-50%);z-index:10000}@keyframes damagePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-100px) scale(1.3)}to{opacity:0;transform:translate(-50%,-150px) scale(.9)}}.game-board__player-info{color:#6b5d4f;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.game-board__deck-count{color:#ffffffb3;font-size:.85rem;opacity:.8}.welcome-bonus-modal__overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100902b3;display:flex;inset:0;justify-content:center;padding:1.5rem;padding:var(--space-lg,1.5rem);position:fixed;z-index:2000}.welcome-bonus-modal{background:linear-gradient(160deg,#fff9ebf2,#f4e4bcf2);border:2px solid #d4af5499;border-radius:20px;box-shadow:0 12px 30px #684e3a59,inset 0 1px 0 #ffffff80;max-width:320px;padding:1.5rem;padding:var(--space-lg,1.5rem);position:relative;text-align:center;width:100%}.welcome-bonus-modal__badge{background:linear-gradient(120deg,#f87171,#fbbf24);border-radius:999px;box-shadow:0 4px 12px #f8717166;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:.2rem .75rem;position:absolute;right:.75rem;right:var(--space-sm,.75rem);top:.75rem;top:var(--space-sm,.75rem)}.welcome-bonus-modal__title{color:#5c3b16;font-size:1.25rem;font-weight:800;letter-spacing:.02em;margin:0 0 .75rem;margin:0 0 var(--space-sm,.75rem);text-shadow:0 2px 6px #fff9}.welcome-bonus-modal__description{color:#6b5d4f;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;margin:0 0 var(--space-lg,1.5rem)}.welcome-bonus-modal__description strong{color:#d97706;font-weight:800}.welcome-bonus-modal__cta{display:flex;justify-content:center}.welcome-bonus-modal__button{background:linear-gradient(135deg,#d4af37,#c97d60);border:none;border-radius:999px;box-shadow:0 8px 20px #c97d6073,inset 0 2px 0 #fff9;color:#fff4da;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.04em;padding:.85rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease}.welcome-bonus-modal__button:active{box-shadow:0 4px 12px #c97d6066,inset 0 2px 0 #fff9;transform:translateY(1px)}.welcome-bonus-modal__button:disabled{box-shadow:0 4px 12px #c97d604d,inset 0 2px 0 #ffffff80;cursor:not-allowed;opacity:.65;transform:none}.game-app{animation:backgroundShift 25s ease-in-out infinite;background:radial-gradient(ellipse at top,#d4af5426 0,#0000 50%),radial-gradient(ellipse at bottom,#c97d6033 0,#0000 50%),linear-gradient(135deg,#f4e4bc,#e6d5a8 25%,#d4a574 50%,#e8d5b7 75%,#f0e6d2);background-attachment:scroll;background-position:top,bottom,0 0;background-size:100% 100%,100% 100%,200% 200%;margin:0;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-top:0;position:relative;width:100%}@media (min-width:768px){.game-app{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f4e4bcf2;margin:0 auto;max-width:375px;position:relative;z-index:1}}@supports (min-height:100dvh){.game-app{min-height:100dvh}}@media (pointer:fine) and (hover:hover){.game-app{background-attachment:fixed}}@keyframes backgroundShift{0%,to{background-position:top,bottom,0 0}50%{background-position:top,bottom,100% 100%}}.game-app__content{margin:0 auto;max-width:100%;min-height:calc(100vh - 64px);padding:.75rem;padding:var(--space-sm,.75rem);position:relative;z-index:1}@supports (min-height:100dvh){.game-app__content{min-height:calc(100dvh - 64px)}}.game-app__auth{position:fixed;right:1rem;top:60px;z-index:999}.error-card{align-items:center;background:#ffdab94d;border:1.5px solid #ffdab980;border-radius:12px;box-shadow:0 2px 8px #ffdab933;color:#6b5d4f;display:flex;flex-direction:column;font-size:.9rem;gap:1rem;padding:1.5rem;text-align:center}.error-card p{font-weight:600;margin:0}.error-card__retry-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#d4af5499,#c97d6099 50%,#d4af5480);border:2px solid #c97d60b3;border-radius:8px;box-shadow:0 4px 12px #c97d6066,0 0 20px #d4af544d,inset 0 2px 4px #fff6,inset 0 -2px 4px #8b735533;color:#6b5d4f;cursor:pointer;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;min-height:44px;padding:.75rem 1.5rem;text-shadow:0 1px 2px #8b73554d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.error-card__retry-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af54cc,#c97d60cc 50%,#d4af54b3);border-color:#c97d60e6;box-shadow:0 6px 16px #c97d6080,0 0 30px #d4af5466,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b73554d;transform:translateY(-2px) scale(1.02)}.error-card__retry-button:active:not(:disabled){transform:translateY(0) scale(.98)}.error-card__retry-button:disabled{cursor:not-allowed;opacity:.5}.fallback-container{align-items:center;background:linear-gradient(135deg,#fef5e7,#ffe8d6 50%,#f5e6d3);color:#4a4a4a;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.fallback-container code{background:#fff9;border:1px solid #fffc;border-radius:.5rem;padding:.25rem .5rem}.inventory-tabs{background:linear-gradient(180deg,#d4a574f2,#e6d5a8f2 50%,#f4e4bcf2);border-bottom:2px solid #c97d6080;display:flex;gap:.5rem;padding:.75rem}.inventory-tabs__tab{background:#ffffff80;border:2px solid #c97d6066;border-radius:8px;color:#6b5d4f;cursor:pointer;flex:1 1;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.inventory-tabs__tab:hover{background:#ffffffb3}.inventory-tabs__tab.active{background:#f4e4bce6;border-color:#c97d60cc;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #8b735533;color:#6b5d4f}
/*# sourceMappingURL=main.4741bd6d.css.map*/