.rank-badge{--badge-size-sm: 48px;--badge-size-md: 96px;--badge-size-lg: 192px;--current-size: var(--badge-size-md);position:relative;width:var(--current-size);height:var(--current-size);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform var(--transition-normal);-webkit-user-select:none;user-select:none}.rank-badge.size-sm{--current-size: var(--badge-size-sm)}.rank-badge.size-md{--current-size: var(--badge-size-md)}.rank-badge.size-lg{--current-size: var(--badge-size-lg)}.rank-badge .metal-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--rank-gradient-0),var(--rank-gradient-1));box-shadow:var(--rank-glow),inset 0 2px 4px #ffffff4d;z-index:0;overflow:hidden}.rank-badge .metal-base:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.2) 50%,transparent 55%);animation:shine 3s infinite linear}@keyframes shine{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.rank-badge .icon-emblem{position:relative;z-index:2;width:60%;height:60%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.rank-badge .icon-emblem svg{width:100%;height:100%;fill:var(--rank-primary);stroke:#fff;stroke-width:.5}.rank-badge .particle-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:1;pointer-events:none}.rank-badge .particle{position:absolute;width:4px;height:4px;background:var(--rank-particle);border-radius:50%;filter:blur(1px);opacity:0}.rank-badge.animated .particle{animation:particle-orbit 3s infinite linear}@keyframes particle-orbit{0%{transform:rotate(0) translate(var(--orbit-radius)) scale(1);opacity:.8}50%{opacity:.4}to{transform:rotate(360deg) translate(var(--orbit-radius)) scale(.5);opacity:0}}.rank-badge .badge-label{position:absolute;bottom:-15%;font-family:var(--font-family-sans);font-weight:800;font-size:calc(var(--current-size) * .15);text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(to bottom,white,var(--rank-text));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));z-index:3}.rank-badge.animated .metal-base{animation:pulse-glow 3s infinite ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:var(--rank-glow);transform:scale(1)}50%{box-shadow:0 0 30px var(--rank-primary);transform:scale(1.02)}}.rank-badge.burst{animation:burst-pop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes burst-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.rank-badge.shatter{animation:shatter-shake .5s ease-in-out;filter:grayscale(.5) contrast(.8)}@keyframes shatter-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-2deg)}75%{transform:translate(5px) rotate(2deg)}}.promotion-ceremony-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;-webkit-user-select:none;user-select:none}.promotion-ceremony-overlay:before{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 100px 50px #fff;opacity:0;pointer-events:none}.promotion-ceremony-overlay.stage-burst:before{animation:light-burst .5s ease-out forwards}@keyframes light-burst{0%{transform:scale(1);opacity:1}to{transform:scale(100);opacity:0}}.tornado-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.tornado-particle{position:absolute;width:8px;height:8px;background:var(--rank-particle);border-radius:50%;opacity:0}.stage-tornado .tornado-particle{animation:tornado-spiral 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes tornado-spiral{0%{transform:rotateY(var(--start-angle)) translateY(200px) translateZ(400px) scale(0);opacity:0}20%{opacity:1}to{transform:rotateY(calc(var(--start-angle) + 720deg)) translateY(0) translateZ(0) scale(1.5);opacity:0}}.ceremony-badge-wrapper{transform:scale(0);opacity:0;z-index:2}.stage-crystallize .ceremony-badge-wrapper{animation:crystallize-pop .8s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes crystallize-pop{0%{transform:scale(.5) rotate(-10deg);filter:blur(20px);opacity:0}to{transform:scale(1) rotate(0);filter:blur(0);opacity:1}}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti-piece{position:absolute;width:10px;height:10px;opacity:0}.stage-celebrate .confetti-piece{animation:confetti-fall 2s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.demotion-shatter{animation:shatter-main 2s ease-in-out forwards}@keyframes shatter-main{0%{transform:scale(1);filter:grayscale(0)}20%{transform:scale(1.05) rotate(2deg);filter:grayscale(.5)}40%{transform:scale(.95) rotate(-2deg)}60%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1}to{clip-path:polygon(10% 10%,90% 0%,100% 90%,0% 80%);transform:translateY(100px);opacity:0;filter:grayscale(1)}}.ceremony-title{margin-top:var(--spacing-xl);font-family:var(--typography-fontFamily-sans);font-size:var(--typography-fontSize-3xl);font-weight:800;text-transform:uppercase;color:var(--rank-text);text-shadow:0 0 20px var(--rank-glow);opacity:0;transform:translateY(20px)}.stage-crystallize .ceremony-title{animation:title-in .5s ease-out .3s forwards}@keyframes title-in{to{opacity:1;transform:translateY(0)}}.ceremony-subtitle{margin-top:var(--spacing-sm);font-size:var(--typography-fontSize-lg);color:var(--text-secondary);opacity:0}.stage-crystallize .ceremony-subtitle{animation:fade-in .5s ease-out .6s forwards}@keyframes fade-in{to{opacity:1}}.glory-border{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid transparent;border-radius:inherit;pointer-events:none}.stage-glory .glory-border{animation:glory-flow 3s linear infinite;border-image:conic-gradient(from 0deg,var(--accent-gold),transparent,var(--accent-gold)) 1}@keyframes glory-flow{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion: reduce){.promotion-ceremony-overlay *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kawaii-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.kawaii-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-bg-card) 30%,transparent),transparent);transition:left var(--transition-slow)}.kawaii-button:hover:before{left:100%}.kawaii-button:disabled{opacity:.6;cursor:not-allowed}.kawaii-button:disabled:before{display:none}.kawaii-button--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:var(--color-bg-card);box-shadow:var(--shadow-button)}.kawaii-button--primary:hover:not(:disabled){transform:translateY(calc(var(--spacing-xs) * -.5));box-shadow:var(--shadow-button)}.kawaii-button--primary:active:not(:disabled){transform:translateY(0)}.kawaii-button--secondary{background:linear-gradient(135deg,var(--color-secondary-400) 0%,var(--color-secondary-500) 100%);color:var(--color-bg-card);box-shadow:var(--shadow-button)}.kawaii-button--secondary:hover:not(:disabled){transform:translateY(calc(var(--spacing-xs) * -.5));box-shadow:var(--shadow-button)}.kawaii-button--ghost{background:transparent;color:var(--color-text-secondary);border:var(--border-width) solid var(--color-primary-200)}.kawaii-button--ghost:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-300)}.kawaii-button--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.kawaii-button--md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.kawaii-button--lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.kawaii-button__loader{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.home-page{min-height:100vh;padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-base);display:flex;flex-direction:column;align-items:center}.home-header{text-align:center;margin-bottom:var(--spacing-2xl)}.home-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.home-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:var(--spacing-lg);width:100%;max-width:62.5rem}.domain-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:var(--border-width) solid transparent}.domain-card:hover{transform:translateY(calc(var(--spacing-xs) * -.5));box-shadow:var(--shadow-button);border-color:var(--color-primary-200)}.domain-name{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.domain-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.domain-footer{display:flex;justify-content:space-between;align-items:center}.dimension-tag{background:var(--color-secondary-100);color:var(--color-secondary-600);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.enter-arrow{color:var(--color-primary-500);font-size:var(--font-size-xl);font-weight:700}.home-loading,.home-error{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.loading-emoji{font-size:3rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--spacing-sm) * -.75))}}.domain-market-container{padding:var(--spacing-xl);max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.domain-market-container.loading{min-height:60vh;align-items:center;justify-content:center}.loading-spinner{padding:var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-card);font-weight:700;color:var(--color-text-primary)}.market-header{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:stretch}.header-top{display:flex;align-items:center;gap:var(--spacing-md)}.header-top h1{font-size:var(--font-size-3xl);color:var(--color-text-primary);flex:1}.controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;justify-content:space-between}.search-bar{flex:1 1 20rem;width:100%;max-width:32rem}.search-bar input{width:100%;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);border:.125rem solid var(--color-primary-100);background:var(--color-bg-card);font-family:var(--font-sans);font-size:var(--font-size-base);box-shadow:var(--shadow-card);transition:var(--transition-normal)}.search-bar input:focus{outline:none;border-color:var(--color-primary-300);transform:translateY(-.125rem)}.sort-selector{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-weight:600}.sort-selector select{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:.125rem solid var(--color-primary-100);background:var(--color-bg-card);color:var(--color-text-primary)}.market-tabs{display:inline-flex;gap:var(--spacing-md);background:var(--color-primary-50);padding:var(--spacing-xs);border-radius:var(--radius-full);align-self:flex-start;flex-wrap:wrap}.tab-item{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;color:var(--color-text-secondary);transition:var(--transition-fast)}.tab-item:hover{background:var(--color-primary-100)}.tab-item.active{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-button)}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--spacing-xl)}.error-panel,.empty-state{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.market-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-md);transition:var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.market-card:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-glow),var(--shadow-card)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.domain-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.tag-list{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:700}.tag.hot{background:var(--color-accent-pink);color:#fff}.tag.new{background:var(--color-accent-mint);color:#fff}.tag.professional{background:var(--color-secondary-400);color:#fff}.tag.engineering{background:var(--color-primary-400);color:#fff}.tag.classic{background:var(--color-accent-gold);color:#fff}.domain-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:.0625rem dashed var(--color-primary-100);gap:var(--spacing-md)}.stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.stat-item{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.start-btn,.error-panel button,.empty-state button,.create-fab{background:var(--color-primary-500);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);transition:var(--transition-fast)}.start-btn:hover,.error-panel button:hover,.empty-state button:hover,.create-fab:hover{background:var(--color-primary-600)}.market-actions{position:fixed;right:var(--spacing-xl);bottom:var(--spacing-xl);z-index:20}.create-fab{width:3.25rem;height:3.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);box-shadow:var(--shadow-button)}.domain-creator-container{padding-bottom:var(--spacing-2xl);min-height:100vh;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:80rem;margin:0 auto}.creator-header{display:flex;align-items:center;gap:var(--spacing-md)}.creator-header h1{font-size:var(--font-size-2xl);color:var(--color-text-primary)}.back-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-card);box-shadow:var(--shadow-card);font-size:1.2rem;color:var(--color-text-primary);transition:var(--transition-normal)}.back-btn:hover{transform:translate(-.25rem);background:var(--color-primary-50)}.base-info-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-group label{font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.input-group input,.input-group textarea{padding:var(--spacing-md);border-radius:var(--radius-md);border:.125rem solid var(--color-primary-100);font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-primary-50);transition:var(--transition-fast)}.input-group input:focus,.input-group textarea:focus{border-color:var(--color-primary-300);background:#fff;outline:none}.input-group textarea{min-height:6rem;resize:vertical}.dimensions-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{font-size:var(--font-size-xl)}.add-dim-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-secondary-500);color:#fff;border-radius:var(--radius-full);font-weight:600;box-shadow:var(--shadow-button);transition:var(--transition-normal)}.add-dim-btn:hover{transform:translateY(-.125rem);background:var(--color-secondary-600)}.dimensions-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dimension-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);border:.0625rem solid var(--color-primary-50)}.dim-main-info{display:flex;gap:var(--spacing-xl);align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:.0625rem dashed var(--color-primary-100)}.dim-main-info input{flex:1;font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:.125rem solid var(--color-primary-100);background:transparent;transition:var(--transition-fast)}.dim-main-info input:focus{outline:none;border-color:var(--color-primary-400)}.weight-control{width:12rem;display:flex;flex-direction:column;gap:var(--spacing-xs)}.weight-control span{font-weight:600;color:var(--color-primary-600)}.rank-descriptions h3{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--spacing-md)}.rank-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rank-label{font-size:.7rem;font-weight:800;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);width:fit-content;color:#fff}.rank-label.bronze{background:var(--color-rank-bronze)}.rank-label.silver{background:var(--color-rank-silver)}.rank-label.gold{background:var(--color-rank-gold)}.rank-label.platinum{background:var(--color-rank-platinum)}.rank-label.diamond{background:var(--color-rank-diamond)}.rank-label.master{background:var(--color-rank-master)}.rank-label.king{background:var(--color-rank-king)}.rank-item textarea{padding:var(--spacing-sm);border-radius:var(--radius-md);border:.0625rem solid var(--color-primary-100);font-size:var(--font-size-sm);background:var(--color-bg-base);min-height:4rem}.fixed-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:center;box-shadow:0 -.25rem 1.25rem var(--shadow-card);z-index:100}.save-btn{background:var(--color-primary-500);color:#fff;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-lg);box-shadow:var(--shadow-button);transition:var(--transition-normal)}.save-btn:hover{transform:scale(1.05);background:var(--color-primary-600)}.option-card{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-card);border:var(--border-width) solid var(--color-primary-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-family:var(--font-sans)}.option-card:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--color-primary-50);transform:translate(var(--spacing-xs))}.option-card:disabled{cursor:default}.option-card--selected{border-color:var(--color-primary-500);background:var(--color-primary-100);box-shadow:var(--shadow-card)}.option-card--correct{border-color:var(--color-accent-mint);background:color-mix(in srgb,var(--color-accent-mint) 10%,transparent)}.option-card--wrong{border-color:var(--color-rank-master);background:color-mix(in srgb,var(--color-rank-master) 10%,transparent)}.option-card__letter{display:flex;align-items:center;justify-content:center;width:var(--option-card-letter-size);height:var(--option-card-letter-size);background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-500) 100%);color:var(--color-bg-card);font-weight:700;font-size:var(--font-size-base);border-radius:var(--radius-sm);flex-shrink:0}.option-card--selected .option-card__letter{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.option-card--correct .option-card__letter{background:linear-gradient(135deg,var(--color-accent-mint) 0%,var(--color-rank-king) 100%)}.option-card--wrong .option-card__letter{background:linear-gradient(135deg,var(--color-rank-master) 0%,var(--color-rank-bronze) 100%)}.option-card__label{flex:1;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5}.option-card__icon{font-size:var(--font-size-xl);font-weight:700}.option-card--correct .option-card__icon{color:var(--color-accent-mint)}.option-card--wrong .option-card__icon{color:var(--color-rank-master)}.radar-chart-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff2,#fdf2ffe0);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb,var(--color-primary-200) 65%,transparent)}.radar-chart-header{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start}.radar-chart-kicker{margin:0 0 var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.radar-chart-title{margin:0;text-align:left;font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary);font-family:var(--font-sans)}.radar-chart-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.radar-chart-badge{padding:.25rem .6rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary-100) 75%,white);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700}.recharts-legend-wrapper{padding-top:var(--spacing-md)}.recharts-legend-item-text{color:var(--color-text-secondary)!important;font-family:var(--font-sans)}.recharts-tooltip-label,.recharts-tooltip-item,.recharts-default-tooltip{font-family:var(--font-sans)}@media (max-width: 720px){.radar-chart-header{flex-direction:column}.radar-chart-badges{justify-content:flex-start}}.share-card{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-primary-50) 100%);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb,var(--color-primary-200) 45%,transparent)}.share-card__header{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:flex-start}.share-card__eyebrow{margin:0 0 var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.share-card__title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:800;font-family:var(--font-sans)}.share-card__subtitle{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.share-card__badge{min-width:4.5rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-gold) 0%,var(--color-rank-gold) 100%);color:var(--color-text-primary);font-weight:800;text-align:center;box-shadow:var(--shadow-glow)}.share-card__content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--spacing-lg);align-items:start}.share-card__chart{min-width:0}.share-card__copy{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.share-card__copy-label{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:800}.share-card__copy-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7}.share-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.share-card__tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700}.share-card__tag--positive{background:color-mix(in srgb,var(--color-accent-mint) 18%,transparent);color:color-mix(in srgb,var(--color-accent-mint) 70%,var(--color-text-primary))}.share-card__tag--warning{background:color-mix(in srgb,var(--color-accent-pink) 18%,transparent);color:color-mix(in srgb,var(--color-accent-pink) 70%,var(--color-text-primary))}.share-card__quote{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffffb8;border:1px dashed color-mix(in srgb,var(--color-primary-200) 70%,transparent)}.share-card__quote-mark{color:var(--color-accent-gold);font-size:2rem;line-height:1;font-weight:900}.share-card__quote p{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.6}.share-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid color-mix(in srgb,var(--color-primary-200) 55%,transparent)}.share-card__hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.share-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}@media (max-width: 900px){.share-card__content,.share-card__footer,.share-card__header{grid-template-columns:1fr;flex-direction:column}.share-card__actions{width:100%;justify-content:flex-start}}.quiz-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.quiz-container{width:100%;max-width:56rem}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.quiz-error-boundary{padding:var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center}.error-icon{font-size:calc(var(--font-size-2xl) * 2);margin-bottom:var(--spacing-md)}.error-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.error-message{margin:0 0 var(--spacing-lg);color:var(--color-rank-master);font-family:var(--font-sans);line-height:1.6}.error-actions{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.loading-emoji{font-size:calc(var(--font-size-2xl) * 2);animation:bounce 1s ease-in-out infinite}.loading-text{margin-top:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-text-secondary);font-family:var(--font-sans)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc((var(--spacing-sm) + (var(--spacing-xs) / 2)) * -1))}}.start-card,.result-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-card)}.start-card{text-align:center}.start-header{margin-bottom:var(--spacing-xl)}.start-emoji{font-size:4rem;display:block;margin-bottom:var(--spacing-md)}.start-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-sans)}.start-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);font-family:var(--font-sans)}.start-info{background:var(--color-primary-50);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.start-info p{color:var(--color-text-secondary);font-family:var(--font-sans);margin-bottom:var(--spacing-sm)}.start-info strong{color:var(--color-primary-600)}.quiz-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.quiz-progress{flex:1}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-sans);display:block;margin-bottom:var(--spacing-xs)}.progress-bar{height:.5rem;background:var(--color-primary-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-500));border-radius:var(--radius-full);transition:width var(--transition-slow)}.quiz-rank{display:flex;gap:var(--spacing-sm);align-items:center}.rank-badge{background:linear-gradient(135deg,var(--color-accent-gold),var(--color-rank-gold));color:var(--color-bg-card);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-sans)}.mmr-badge{color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-sans)}.question-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.question-text{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);line-height:1.6;margin-bottom:var(--spacing-xl);font-family:var(--font-sans)}.options-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.result-feedback{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);animation:slideIn var(--transition-normal)}.result-feedback.correct{background:color-mix(in srgb,var(--color-accent-mint) 10%,transparent);border:var(--border-width) solid var(--color-accent-mint)}.result-feedback.wrong{background:color-mix(in srgb,var(--color-rank-master) 10%,transparent);border:var(--border-width) solid var(--color-rank-master)}@keyframes slideIn{0%{opacity:0;transform:translateY(calc((var(--spacing-sm) + (var(--spacing-xs) / 2)) * -1))}to{opacity:1;transform:translateY(0)}}.feedback-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);font-family:var(--font-sans)}.result-feedback.correct .feedback-title{color:var(--color-accent-mint)}.result-feedback.wrong .feedback-title{color:var(--color-rank-master)}.feedback-reasoning{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.feedback-explanation{background:color-mix(in srgb,var(--color-secondary-500) 5%,transparent);padding:var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-sans)}.feedback-explanation strong{color:var(--color-primary-600)}.result-header{margin-bottom:var(--spacing-xl)}.result-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);font-family:var(--font-sans)}.result-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);font-family:var(--font-sans)}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-item{padding:var(--spacing-lg);background:var(--color-primary-50);border-radius:var(--radius-md)}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);font-family:var(--font-sans)}.stat-value.rank-value{background:linear-gradient(135deg,var(--color-accent-gold),var(--color-rank-gold));-webkit-background-clip:text;background-clip:text;color:transparent}.mmr-change-display{display:flex;align-items:center;gap:8px}.mmr-delta{font-size:.9rem;font-weight:700;padding:2px 6px;border-radius:4px}.mmr-delta.plus{color:#4caf50;background:#4caf501a}.mmr-delta.minus{color:#f44336;background:#f443361a}.rank-value-container{display:flex;align-items:center;gap:4px}.rank-change-hint{font-weight:700}.rank-change-hint.plus{color:#4caf50}.rank-change-hint.minus{color:#f44336}.result-radar-block,.result-share-block{margin-bottom:var(--spacing-xl)}.result-actions{display:flex;justify-content:center}@media (max-width: 900px){.quiz-header,.result-stats{grid-template-columns:1fr;display:grid}.quiz-rank{justify-content:flex-start;flex-wrap:wrap}.quiz-page{padding:var(--spacing-md)}}.stat-value-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-dots{display:flex;gap:4px;font-size:1.2rem;line-height:1}.history-dots .dot.correct{color:var(--color-accent-mint)}.history-dots .dot.wrong{color:var(--color-rank-master)}@media (max-width: 640px){.result-stats{grid-template-columns:1fr}}.error-actions{flex-direction:column}} .mmr-display-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-card);border-radius:var(--borderRadius-lg);box-shadow:var(--shadow-card);width:fit-content;min-width:280px}.mmr-header{display:flex;justify-content:space-between;align-items:flex-end}.mmr-main-score{display:flex;align-items:center;gap:var(--spacing-sm)}.mmr-label{font-family:var(--typography-fontFamily-sans);font-size:var(--typography-fontSize-sm);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mmr-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bouncing-score{font-family:var(--typography-fontFamily-sans);font-size:var(--typography-fontSize-3xl);font-weight:800;color:var(--color-text-primary);transition:color var(--transition-normal)}.animate-bounce{animation:score-bounce .6s ease-out;color:var(--color-primary-500)}@keyframes score-bounce{0%{transform:scale(1)}30%{transform:scale(1.2)}to{transform:scale(1)}}.trend-container{display:flex;align-items:center;gap:2px;position:relative;font-weight:700}.trend-up{color:var(--color-status-stable-text)}.trend-down{color:var(--color-status-gentle_error-text)}.trend-neutral{color:var(--color-text-muted)}.trend-arrow{font-size:var(--typography-fontSize-xl)}.trend-value{font-size:var(--typography-fontSize-sm)}.trend-trail{position:absolute;top:50%;left:0;width:100%;height:2px;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:left}.trend-up .trend-trail,.trend-down .trend-trail{animation:arrow-trail .4s ease-out}@keyframes arrow-trail{0%{opacity:.5;transform:scaleX(0)}to{opacity:0;transform:scaleX(1)}}.win-loss-strip{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.result-dot{width:12px;height:12px;border-radius:var(--borderRadius-full);transition:transform var(--transition-fast)}.result-dot:hover{transform:scale(1.2)}.result-win{background-color:var(--color-status-stable-text);box-shadow:0 0 8px var(--color-status-stable-bg)}.result-lose{background-color:var(--color-status-gentle_error-text);box-shadow:0 0 8px var(--color-status-gentle_error-bg)}.sparkline-container{padding-top:var(--spacing-sm);border-top:1px solid var(--color-primary-100)}.sparkline-svg{filter:drop-shadow(0 2px 4px rgba(168,85,247,.1))}.rank-home{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;background:var(--color-bg);gap:2rem}.rank-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.domain-title{font-size:1.5rem;color:var(--color-text-main);margin:0}.rank-content{width:100%;max-width:800px;display:grid;gap:2rem}.leaderboard-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background-base);min-height:400px;font-family:var(--typography-fontFamily-sans)}.throne-section{display:flex;justify-content:center;align-items:flex-end;gap:var(--spacing-md);padding-bottom:var(--spacing-xl);height:220px;perspective:1000px}.throne-card{display:flex;flex-direction:column;align-items:center;transition:var(--transition-normal);position:relative}.throne-card.position-first{order:2;transform:scale(1.15);z-index:3}.throne-card.position-second{order:1;transform:scale(1.05);z-index:2}.throne-card.position-third{order:3;transform:scale(1);z-index:1}.throne-pillar{display:flex;flex-direction:column;align-items:center;width:100px;background:var(--color-background-card);border-radius:var(--borderRadius-md);box-shadow:var(--shadow-card);padding:var(--spacing-sm);position:relative;overflow:hidden}.position-first .throne-pillar{height:140px;border:2px solid var(--color-accent-gold)}.position-second .throne-pillar{height:110px;border:2px solid var(--color-rank-silver-primary)}.position-third .throne-pillar{height:90px;border:2px solid var(--color-rank-bronze-primary)}.light-pillar{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,transparent,var(--color-rank-gold-glow));opacity:.1;animation:pillar-breath 2s infinite alternate;pointer-events:none}@keyframes pillar-breath{0%{opacity:.05;transform:scaleY(.95)}to{opacity:.2;transform:scaleY(1.05)}}.throne-avatar-wrapper{position:relative;margin-top:-30px;margin-bottom:var(--spacing-sm)}.throne-avatar{width:64px;height:64px;border-radius:var(--borderRadius-full);border:4px solid var(--color-background-card);box-shadow:var(--shadow-card);background:var(--color-background-card)}.crown-icon{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:24px;filter:drop-shadow(0 0 8px var(--color-accent-gold));animation:crown-sparkle .5s infinite alternate}@keyframes crown-sparkle{0%{transform:translate(-50%) rotate(-5deg) scale(1);filter:brightness(1)}to{transform:translate(-50%) rotate(5deg) scale(1.1);filter:brightness(1.3) drop-shadow(0 0 12px var(--color-accent-gold))}}.throne-info{display:flex;flex-direction:column;align-items:center;margin-top:auto;width:100%}.throne-username{font-weight:700;font-size:var(--typography-fontSize-sm);color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.throne-mmr{font-size:var(--typography-fontSize-xs);color:var(--color-text-muted)}.rank-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rank-item{display:grid;grid-template-columns:40px 48px 1fr 100px;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-card);border-radius:var(--borderRadius-md);box-shadow:var(--shadow-card);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .2s}.rank-item:hover{transform:scale(1.02);box-shadow:var(--shadow-card)}.current-user-highlight{border:2px solid var(--color-primary-500);background:var(--color-primary-50);transform:translate(var(--spacing-sm))}.rank-number{font-weight:700;color:var(--color-text-muted);font-size:var(--typography-fontSize-lg)}.rank-avatar-mini img{width:32px;height:32px;border-radius:var(--borderRadius-full);background:var(--color-primary-50)}.rank-name-section{display:flex;flex-direction:column}.rank-username{font-weight:600;color:var(--color-text-primary)}.rank-tier-label{font-size:10px;letter-spacing:1px;font-weight:700;opacity:.6}.rank-score-section{display:flex;flex-direction:column;align-items:flex-end}.rank-mmr{font-weight:700;color:var(--color-text-primary)}.rank-delta{font-size:11px;font-weight:600}.rank-delta.plus{color:var(--color-accent-mint)}.rank-delta.minus{color:var(--color-gentle_error-text)}.tier-bronze .rank-tier-label{color:var(--color-rank-bronze-text)}.tier-silver .rank-tier-label{color:var(--color-rank-silver-text)}.tier-gold .rank-tier-label{color:var(--color-rank-gold-text)}.tier-platinum .rank-tier-label{color:var(--color-rank-platinum-text)}.tier-diamond .rank-tier-label{color:var(--color-rank-diamond-text)}.tier-star .rank-tier-label{color:var(--color-rank-star-text)}.tier-king .rank-tier-label{color:var(--color-rank-king-text)}.rank-board-page{padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh;background:var(--color-bg)}.board-title{margin-bottom:2rem;color:var(--color-text-main);font-size:2rem}.app-sandbox-toggle{position:fixed;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:9999}.app-sandbox-toggle__button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-500);color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-button)}.app-sandbox-toggle__panel{margin-top:var(--spacing-sm);background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-sm)}:root{--color-primary-50: #fef7ff;--color-primary-100: #fdf2ff;--color-primary-200: #fae0ff;--color-primary-300: #f5d0fe;--color-primary-400: #f0abfc;--color-primary-500: #e879f9;--color-primary-600: #d946ef;--color-primary-700: #c026d3;--color-primary-800: #a21caf;--color-primary-900: #86198f;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-accent-gold: #fbbf24;--color-accent-pink: #f472b6;--color-accent-mint: #34d399;--color-rank-bronze: #cd7f32;--color-rank-silver: #c0c0c0;--color-rank-gold: #ffd700;--color-rank-platinum: #e5e4e2;--color-rank-diamond: #b9f2ff;--color-rank-master: #ff6b6b;--color-rank-king: #9333ea;--color-bg-base: #fef7ff;--color-bg-card: #ffffff;--color-bg-overlay: rgba(253, 242, 255, .95);--color-text-primary: #581c87;--color-text-secondary: #7e22ce;--color-text-muted: #a855f7;--color-dimension-1: #f472b6;--color-dimension-2: #34d399;--color-dimension-3: #60a5fa;--color-dimension-4: #a78bfa;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--font-sans: "Quicksand", "Nunito", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--shadow-card: 0 4px 20px rgba(168, 85, 247, .12);--shadow-button: 0 4px 12px rgba(168, 85, 247, .25);--shadow-glow: 0 0 20px rgba(251, 191, 36, .3);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--border-width: 2px;--radar-fill-opacity: .5;--radar-fill-opacity-secondary: .2;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--option-card-letter-size: 36px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--color-bg-base) 0%,var(--color-primary-100) 100%);color:var(--color-text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-primary-50);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}