:root{--miniduel-safe-top: env(safe-area-inset-top, 0px);--miniduel-safe-bottom: env(safe-area-inset-bottom, 0px);--app-shell-version-height: 2rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html,body{margin:0;min-height:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{background:var(--color-background)}input,button{font:inherit}:root{--color-background: #ffe566;--color-background-alt: #ffd84d;--color-background-end: #ffe566;--color-background-deep: #ffd84d;--color-card: #fffdf8;--color-card-border: rgba(45, 35, 84, .08);--color-surface: #ffffff;--color-surface-raised: #fff9f0;--color-surface-solid: #ffffff;--color-text: #2d2354;--color-text-muted: #5c5488;--color-text-on-primary: #ffffff;--color-primary: #2ec4b6;--color-primary-end: #2ec4b6;--color-primary-pressed: #25a89c;--color-primary-text: #ffffff;--color-primary-shadow: rgba(45, 35, 84, .12);--color-secondary: #ffffff;--color-secondary-text: #2d2354;--color-secondary-border: rgba(45, 35, 84, .12);--color-accent: #6c5ce7;--color-accent-coral: #ff6b6b;--color-accent-cyan: #2ec4b6;--color-accent-pink: #ff5e9a;--color-accent-gold: #ffc93c;--color-accent-lime: #7ae582;--color-success: #7ae582;--color-success-glow: rgba(122, 229, 130, .35);--color-border: rgba(45, 35, 84, .1);--color-border-strong: rgba(45, 35, 84, .18);--color-shape-1: #ff6b6b;--color-shape-2: #2ec4b6;--color-shape-3: #7ae582;--radius-md: .875rem;--radius-lg: 1.125rem;--radius-xl: 1.75rem;--radius-2xl: 2rem;--radius-pill: 999px;--shadow-sm: 0 2px 0 rgba(45, 35, 84, .06);--shadow-md: 0 6px 0 rgba(45, 35, 84, .08);--shadow-card: 0 10px 0 rgba(45, 35, 84, .09), 0 18px 28px rgba(45, 35, 84, .07);--shadow-button: 0 6px 0 #1f9a8f;--shadow-button-pressed: 0 2px 0 #1f9a8f;--md-max-width: 26.875rem;--md-gap: 1rem;--md-gap-lg: 1.5rem;--md-tap: 3rem;--md-font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--md-font-display: "Nunito", var(--md-font);--md-text-xs: .75rem;--md-text-sm: .8125rem;--md-text-base: 1rem;--md-text-lg: 1.0625rem;--md-text-xl: 1.25rem;--md-text-2xl: 1.5rem;--md-text-3xl: 2.5rem;--md-text-score: 3.25rem;--md-bg-top: var(--color-background);--md-bg-bottom: var(--color-background);--md-surface: var(--color-surface);--md-surface-raised: var(--color-surface-raised);--md-surface-solid: var(--color-surface-solid);--md-border: var(--color-border);--md-border-strong: var(--color-border-strong);--md-text: var(--color-text);--md-text-muted: var(--color-text-muted);--md-primary-from: var(--color-primary);--md-primary-to: var(--color-primary);--md-primary-text: var(--color-primary-text);--md-primary-shadow: var(--color-primary-shadow);--md-secondary-bg: var(--color-secondary);--md-secondary-text: var(--color-secondary-text);--md-secondary-border: var(--color-secondary-border);--md-accent: var(--color-accent);--md-accent-cyan: var(--color-accent-cyan);--md-accent-gold: var(--color-accent-gold);--md-accent-pink: var(--color-accent-pink);--md-success: var(--color-success);--md-success-glow: var(--color-success-glow);--md-radius: var(--radius-md);--md-radius-lg: var(--radius-lg);--md-radius-pill: var(--radius-pill);--md-shadow-sm: var(--shadow-sm);--md-shadow-md: var(--shadow-md);--md-shadow-card: var(--shadow-card);--md-shape-1: var(--color-shape-1);--md-shape-2: var(--color-shape-2);--md-shape-3: var(--color-shape-3)}.app-shell{position:relative;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--md-text);font-family:var(--md-font);font-size:var(--md-text-base);line-height:1.45;overflow-x:hidden}.app-shell__bg-decor{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;pointer-events:none;z-index:0;overflow:hidden}.app-shell__bg-shape{position:absolute}.app-shell__bg-circle{position:absolute;top:0;left:0;border-radius:50%;will-change:transform;box-sizing:border-box}.app-shell__bg-shape--circle-lg{width:5.5rem;height:5.5rem;top:6%;left:-1.25rem;border-radius:50%;background:#2ec4b624;border:2px solid rgba(46,196,182,.12)}.app-shell__bg-shape--circle-sm{width:2rem;height:2rem;top:18%;right:.75rem;border-radius:50%;background:#ff6b6b1f}.app-shell__main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--md-max-width);min-height:0;margin:0 auto;padding:calc(.75rem + var(--miniduel-safe-top)) 1.125rem .5rem;overflow:visible}.app-shell__footer{position:relative;z-index:1;flex-shrink:0;width:100%;max-width:var(--md-max-width);min-height:var(--app-shell-version-height);margin:0 auto;padding:.875rem 1.125rem calc(.375rem + var(--miniduel-safe-bottom));text-align:center}.app-shell__footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;margin:0;font-size:.625rem;font-weight:600;line-height:1.35;letter-spacing:.01em}.app-shell__footer-sep{color:#2d235452;-webkit-user-select:none;user-select:none}.app-shell__footer-link{color:#2d23546b;text-decoration:none;transition:color .15s ease}.app-shell__footer-link:hover,.app-shell__footer-link:focus-visible{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:.12em}.app-shell__footer-heart{color:var(--color-accent-coral);font-weight:800}.screen-legal .screen__main{overflow-y:auto;-webkit-overflow-scrolling:touch}.legal-card{padding:1rem 1.125rem 1.25rem;border-radius:var(--md-radius-lg, 1.25rem);background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--md-shadow-card, 0 4px 0 rgba(45, 35, 84, .06));font-size:.8125rem;line-height:1.55;color:var(--color-text)}.legal-card h2{margin:1.125rem 0 .375rem;font-size:.875rem;font-weight:800;color:var(--color-text)}.legal-card h2:first-of-type{margin-top:.75rem}.legal-card p{margin:0 0 .75rem}.legal-card ul{margin:0 0 .75rem;padding-left:1.125rem}.legal-card li{margin-bottom:.35rem}.legal-card a{color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:.1em}.legal-card__actions{display:flex;justify-content:center;padding:.5rem 0 .25rem}.screen{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.screen__main{flex:1;display:flex;flex-direction:column;gap:var(--md-gap-lg);min-height:0}.screen__footer{flex-shrink:0;display:flex;flex-direction:column;gap:.625rem;padding-top:var(--md-gap);padding-bottom:.5rem;margin-top:auto}.screen__footer .color-duel-play-actions{width:100%;margin-bottom:.25rem}.screen--hero{min-height:100%}.screen--hero .screen__main{justify-content:center;align-items:center;gap:0}.screen-home .screen__main{overflow:hidden;padding-bottom:.5rem}.screen--game{overflow:visible;min-width:0;width:100%}.screen--game .screen__main{flex:1 1 auto;gap:0;min-height:0;min-width:0;overflow-x:visible;overflow-y:hidden;padding:0;align-items:stretch}.screen--game .screen__main>.game-container{flex:1 1 auto;min-height:0}.screen-header{flex-shrink:0}.screen-header--center{text-align:center}.screen-header__title{margin:0;font-family:var(--md-font-display);font-size:var(--md-text-2xl);font-weight:800;line-height:1.15;letter-spacing:-.02em}.screen-header__subtitle{margin:.375rem 0 0;font-size:var(--md-text-lg);color:var(--md-text-muted)}.screen-header--center .screen-header__subtitle{margin-top:.5rem}.screen-home{min-height:100%}.home-card{position:relative;width:100%;max-width:21.75rem;margin:.75rem auto 0;padding:2.25rem 1.375rem 1.5rem;text-align:center;background:var(--color-card);border:4px solid rgba(45,35,84,.1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.home-card__badge{position:absolute;top:-.85rem;left:50%;transform:translate(-50%);padding:.35rem 1rem .4rem;font-size:var(--md-text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);background:var(--color-surface);border:3px solid rgba(45,35,84,.1);border-radius:var(--radius-pill);box-shadow:0 3px #2d235414;white-space:nowrap}.home-card__logo{display:inline-flex;justify-content:center;align-items:baseline;gap:.06em;margin:.35rem 0 0;padding:.15rem .5rem .35rem;font-family:var(--md-font-display);font-size:clamp(2.75rem,13vw,3.35rem);font-weight:900;line-height:1;letter-spacing:-.03em;filter:drop-shadow(0 3px 0 rgba(45,35,84,.12))}.home-card__logo-mini{color:var(--color-text);text-shadow:0 3px 0 rgba(45,35,84,.15),0 0 0 var(--color-text)}.home-card__logo-duel{position:relative;display:inline-block;color:var(--color-accent-coral);text-shadow:0 4px 0 rgba(255,107,107,.35),0 3px 0 rgba(45,35,84,.12)}.home-card__logo-tm{position:absolute;top:.2em;left:calc(100% + .04em);font-size:.24em;font-weight:800;line-height:1;color:var(--color-text-muted);opacity:.78;letter-spacing:0;text-shadow:none;white-space:nowrap}.home-card__mark{display:flex;justify-content:center;margin:1.125rem auto 0}.home-card__tagline{margin:1rem 0 0;font-size:var(--md-text-lg);font-weight:800;color:var(--color-text);letter-spacing:.03em}.home-card__support{margin:.35rem 0 0;font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted);line-height:1.35}.stats-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none}.stat-pill{display:inline-block;padding:.3rem .55rem;font-size:.6875rem;font-weight:800;line-height:1.2;color:var(--color-text-muted);background:var(--color-surface);border:2px solid rgba(45,35,84,.08);border-radius:var(--radius-pill);box-shadow:0 2px #2d23540f;white-space:nowrap}.stat-pill__value{color:var(--color-accent-cyan)}.home-card__play{margin-top:1.25rem;min-height:3.75rem;padding-top:1rem;padding-bottom:1rem;font-size:1.35rem;font-weight:900;letter-spacing:.05em;border-radius:1.25rem;border:3px solid rgba(255,255,255,.25);box-shadow:var(--shadow-button)}.home-card__play:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(4px) scale(.98)}.home-card__note{margin:.5rem 0 0;font-size:var(--md-text-sm);font-weight:600;color:var(--color-text-muted)}.btn{min-height:var(--md-tap);padding:.875rem 1.25rem;border:none;border-radius:var(--md-radius);font-family:var(--md-font);font-size:var(--md-text-lg);font-weight:700;cursor:pointer;width:100%;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:var(--md-primary-text);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){background:#34d4c6}.btn--primary:active:not(:disabled){background:var(--color-primary-pressed);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--md-secondary-bg);color:var(--md-secondary-text);border:1px solid var(--md-secondary-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-raised)}.btn--small{min-height:2.5rem;padding:.5rem 1rem;font-size:var(--md-text-sm);font-weight:700;width:auto}.btn--large{min-height:3.5rem;font-size:1.125rem;border-radius:var(--md-radius-lg)}.btn-row{display:flex;flex-direction:column;gap:.625rem}.card{padding:1.125rem;border-radius:var(--md-radius-lg);background:var(--color-card);border:2px solid var(--color-card-border);box-shadow:var(--md-shadow-sm)}.field{display:flex;flex-direction:column;gap:.5rem}.field__label{font-size:var(--md-text-lg);font-weight:700;color:var(--md-text)}.field__hint{margin:0;font-size:var(--md-text-sm);color:var(--md-text-muted)}.challenge-banner{margin:0 0 1rem;padding:.625rem .75rem;border-radius:var(--md-radius);background:var(--md-surface);border:1px solid var(--md-border);font-size:var(--md-text-sm);color:var(--md-text-muted)}.name-generate-btn.btn--secondary{margin-top:.25rem;min-height:3.25rem;padding:.75rem 1.25rem;border-radius:var(--radius-lg);border:3px solid rgba(255,201,60,.5);background:linear-gradient(180deg,var(--color-card) 0%,#fff6dc 100%);color:var(--color-text);font-size:var(--md-text-lg);font-weight:800;letter-spacing:.02em;box-shadow:0 5px #2d23541a,0 0 0 1px #ffc93c33}.name-generate-btn.btn--secondary:hover:not(:disabled){background:linear-gradient(180deg,#fffef9,#fff0c4);border-color:var(--color-accent-gold);box-shadow:0 6px #2d23541f,0 0 0 2px #ffc93c59}.name-generate-btn.btn--secondary:active:not(:disabled){transform:translateY(4px) scale(.98);box-shadow:0 2px #2d235414}.field__input{min-height:3.25rem;padding:.875rem 1rem;border-radius:var(--md-radius);border:2px solid var(--md-border);background:var(--md-surface-raised);color:var(--md-text);font-family:var(--md-font);font-size:1.125rem;font-weight:600;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.field__input::placeholder{color:var(--md-text-muted);font-weight:500}.field__input:focus{outline:none;border-color:var(--md-accent);box-shadow:0 0 0 3px #7c6bff40}.screen-game-select .screen__main{gap:.75rem}.game-select-hero{position:relative;flex-shrink:0;text-align:center;padding:.25rem .5rem .125rem}.game-select-hero__badge{display:inline-block;padding:.3rem .85rem .35rem;font-size:var(--md-text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);background:var(--color-card);border:3px solid rgba(45,35,84,.1);border-radius:var(--radius-pill);box-shadow:0 3px #2d235414}.game-select-hero__title{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.12em .08em;margin:.625rem 0 0;padding:0;font-family:var(--md-font-display);font-size:clamp(2.25rem,11vw,2.75rem);font-weight:900;line-height:.95;letter-spacing:-.04em}.game-select-hero__pick{color:var(--color-text)}.game-select-hero__a{font-size:.55em;font-weight:800;color:var(--color-text-muted);transform:translateY(-.15em)}.game-select-hero__duel{color:var(--color-accent-coral);transform:rotate(-2deg)}.game-select-hero__subtitle{margin:.4rem 0 0;font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted);letter-spacing:.02em}.game-select-hero__tokens{position:relative;width:7.5rem;height:1.75rem;margin:.5rem auto 0}.game-select-hero__token{position:absolute;display:block;border-radius:50%;box-shadow:0 2px #2d23541f}.game-select-hero__token--blue{width:1.1rem;height:1.1rem;left:.5rem;top:.35rem;background:#4a8fe7}.game-select-hero__token--green{width:1.35rem;height:1.35rem;left:50%;top:0;transform:translate(-50%);background:#22c76a;box-shadow:0 3px #22965a59}.game-select-hero__token--coral{width:.85rem;height:.85rem;right:.65rem;top:.5rem;background:var(--color-accent-coral)}.screen-game-select .game-select-area{justify-content:flex-start;padding-top:.25rem}.screen-game-select .game-select-area__future{opacity:1;min-height:3.75rem;background:#fffdf8a6;border:2px dashed rgba(45,35,84,.2);border-radius:var(--radius-xl)}.screen-game-select .game-select-area__future:after{content:"More duels soon";font-size:var(--md-text-sm);font-weight:800;color:var(--color-text-muted);letter-spacing:.02em}.game-select-area{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--md-gap-lg);padding:.5rem 0}.game-select-area__future{min-height:4.5rem;border:2px dashed var(--md-border);border-radius:var(--md-radius-lg);background:#ffffff05;opacity:.45;position:relative}.game-select-area__future:after{content:"More duels soon";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--md-text-sm);font-weight:600;color:var(--md-text-muted)}.game-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.375rem;border-radius:var(--md-radius-lg);background:var(--md-surface-raised);border:2px solid var(--md-border);box-shadow:var(--md-shadow-card);overflow:hidden;transition:border-color .2s ease,transform .15s ease}.game-card--color-duel{gap:.875rem;padding:1.5rem 1.25rem 1.375rem;margin-top:.5rem;background:var(--color-card);border:4px solid rgba(45,35,84,.1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:visible}.game-card--color-duel.game-card--selected{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-card),0 0 0 2px #2ec4b659}.game-card__mode-badge{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);padding:.3rem .9rem .35rem;font-size:var(--md-text-xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-on-primary);background:#4a8fe7;border:3px solid rgba(255,255,255,.65);border-radius:var(--radius-pill);box-shadow:0 3px #2d235424;white-space:nowrap;z-index:1}.game-card__hero{position:relative;display:flex;justify-content:center;padding:.5rem 0 .25rem;z-index:1}.game-card--selected{border-color:var(--md-accent-cyan);box-shadow:var(--md-shadow-card),0 0 0 1px #3dd9c44d}.game-card__icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin:0 auto;border-radius:var(--md-radius-lg);background:var(--color-surface-raised);border:2px solid var(--color-card-border)}.game-card__icon-svg{display:block;width:3rem;height:3rem}.game-card__icon--color-duel{position:relative;width:5.5rem;height:5.5rem;margin:0;padding:.35rem;background:#f5f8fc;border:3px solid rgba(45,35,84,.1);border-radius:1.35rem;box-shadow:0 4px #2d23541a}.game-card__icon--color-duel .color-duel-icon-svg{width:100%;height:100%}.game-card__body{text-align:center}.game-card--color-duel .game-card__body{position:relative;z-index:1}.game-card__name{margin:0 0 .375rem;font-size:var(--md-text-xl);font-weight:800}.game-card__name--color-duel{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.02em;margin:0 0 .625rem;font-family:var(--md-font-display);font-size:clamp(2rem,10vw,2.35rem);font-weight:900;letter-spacing:-.04em;line-height:1}.game-card__name-color{color:#4a8fe7}.game-card__name-duel{color:#22c76a}.game-card__hook{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .15rem;margin:0 0 .5rem}.game-card__hook-chip{display:inline-block;padding:.2rem .5rem;font-size:.625rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);background:var(--color-surface);border:2px solid rgba(45,35,84,.08);border-radius:var(--radius-pill);box-shadow:0 2px #2d23540f}.game-card__hook-chip--blue{color:#3a7ad4;border-color:#4a8fe740;background:#4a8fe71f}.game-card__hook-chip--green{color:#1aad58;border-color:#22c76a4d;background:#22c76a1f}.game-card__hook-chip--gold{color:#c49200;border-color:#ffc93c73;background:#ffc93c33}.game-card__hook-dot{font-size:.75rem;font-weight:900;color:#2d235433;line-height:1}.game-card--color-duel .game-card__desc{margin:0;font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted);line-height:1.4}.game-card--color-duel .game-card__stats{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.75rem 0 0}.game-card--color-duel .game-card__stat{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .6rem;font-size:.625rem;font-weight:800;color:var(--color-text-muted);background:var(--color-surface);border:2px solid rgba(45,35,84,.08);border-radius:var(--radius-pill);box-shadow:0 2px #2d23540f}.game-card--color-duel .game-card__stat strong{color:#4a8fe7;font-weight:900}.game-card--color-duel .game-card__stats-sep{display:none}.game-card--color-duel .game-card__stat:last-child strong{color:#22c76a}.game-card__play--color-duel{margin-top:.125rem;min-height:3.5rem;font-size:1.2rem;font-weight:900;letter-spacing:.05em;border-radius:1.15rem;border:3px solid rgba(255,255,255,.3);box-shadow:var(--shadow-button)}.game-card__play--color-duel:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(3px) scale(.98)}.game-card__desc{margin:0;font-size:var(--md-text-lg);color:var(--md-text-muted);line-height:1.35}.game-card__stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .35rem;margin:.5rem 0 0;font-size:.6875rem;font-weight:800;line-height:1.35;color:var(--color-text-muted)}.game-card__stat strong{color:var(--color-accent-cyan);font-weight:800}.game-card__stats-sep{color:#2d235440;font-weight:900}.game-card__play{margin-top:.25rem}.setup-panel,.setup-panel__options{flex:1;display:flex;flex-direction:column;gap:var(--md-gap)}.setup-panel__label{margin:0;font-size:var(--md-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--md-text-muted)}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.difficulty-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .5rem;border-radius:var(--md-radius);background:var(--md-surface);border:2px solid var(--md-border);text-align:center;cursor:pointer;font:inherit;color:inherit;width:100%;transition:border-color .15s ease,background .15s ease,transform .15s ease}.difficulty-card:active:not(:disabled){transform:scale(.98)}.difficulty-card--locked,.difficulty-card:disabled{cursor:default;opacity:.92}.difficulty-card__meta{margin:0;font-size:.65rem;font-weight:600;color:var(--md-text-muted);line-height:1.2}.setup-panel__hint--challenge{font-weight:600}.difficulty-card__dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--md-text-muted)}.difficulty-card__label{margin:0;font-size:var(--md-text-sm);font-weight:700;color:var(--md-text)}.difficulty-card--easy .difficulty-card__dot{background:var(--md-success)}.difficulty-card--medium .difficulty-card__dot{background:var(--md-accent-gold)}.difficulty-card--hard .difficulty-card__dot{background:var(--md-accent-pink)}.difficulty-card--active{border-color:var(--md-accent-cyan);background:#3dd9c41f;box-shadow:0 0 0 1px #3dd9c433}.setup-panel__hint{margin:0;font-size:var(--md-text-sm);color:var(--md-text-muted);text-align:center}.game-container{flex:1;display:flex;flex-direction:column;min-height:0;gap:var(--md-gap)}.game-container--color-duel{gap:0;flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-top:.75rem;scroll-padding-bottom:calc(var(--app-shell-version-height) + var(--miniduel-safe-bottom) + .75rem);padding-top:.25rem;padding-bottom:.5rem;box-sizing:border-box}.game-container__header{flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-radius:var(--md-radius);background:var(--md-surface);border:1px solid var(--md-border)}.game-container__title{margin:0;font-size:var(--md-text-xl);font-weight:800}.game-container__progress{margin:0;font-size:var(--md-text-sm);font-weight:600;color:var(--md-accent-cyan)}.game-container__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:14rem;padding:1.5rem;border-radius:var(--md-radius-lg);background:var(--md-surface);border:2px dashed var(--md-border-strong);text-align:center;color:var(--md-text-muted)}.game-container__stage-icon{width:3.5rem;height:3.5rem;border-radius:var(--md-radius);background:linear-gradient(135deg,#7c6bff4d,#ff7b5440,#3dd9c44d);border:1px solid var(--md-border)}.game-container__stage-text{margin:0;font-size:var(--md-text-lg);font-weight:600}.score-display{text-align:center;padding:2rem 1.25rem;border-radius:var(--md-radius-lg);background:var(--md-surface-raised);border:1px solid var(--md-border);box-shadow:var(--md-shadow-md);position:relative;overflow:hidden}.score-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--md-accent) 0%,var(--md-accent-cyan) 50%,var(--md-accent-gold) 100%)}.score-display__player{margin:0 0 .5rem;font-size:var(--md-text-lg);font-weight:700;color:var(--md-text-muted)}.score-display__label{margin:0;font-size:var(--md-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--md-text-muted)}.score-display__value{margin:.375rem 0 0;font-size:var(--md-text-score);font-weight:900;line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,var(--md-success) 0%,var(--md-accent-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.result-message{margin:0;text-align:center;font-size:var(--md-text-lg);font-weight:700;color:var(--md-accent-gold)}.screen--color-duel-result .screen__main{gap:0;align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--app-shell-version-height) + var(--miniduel-safe-bottom) + .5rem)}.screen--color-duel-result .cd-final-result{flex:0 0 auto;width:100%;gap:.5rem}.screen--color-duel-result .cd-final-result__actions{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;width:100%;margin-top:0;padding:0 .125rem .5rem;flex-shrink:0}.screen--color-duel-result .cd-final-result__actions .btn--primary,.screen--color-duel-result .cd-final-result__actions .btn--secondary{flex:1 1 0;min-width:0;width:auto;min-height:2.875rem;padding:.5rem;font-size:.8125rem;line-height:1.2;border-radius:var(--radius-lg)}.screen--color-duel-result .cd-final-result__actions .btn--primary{box-shadow:var(--shadow-button)}.screen--color-duel-result .cd-final-result__actions .btn--primary:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(4px) scale(.98)}.screen--color-duel-result .cd-final-result__actions .btn--secondary{border-width:2px;box-shadow:var(--shadow-md)}.screen--color-duel-result .cd-final-result__actions .btn--secondary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(4px) scale(.98)}.screen--color-duel-result .cd-result-card{padding:.875rem 1rem .75rem;margin-bottom:1rem}.screen--color-duel-result .cd-result-message--in-card{font-size:var(--md-text-lg)}.screen--color-duel-result .cd-round-timeline-wrap{flex:0 0 auto;padding:.55rem .75rem .45rem;margin-bottom:1rem}.screen--color-duel-result .cd-round-timeline{gap:.3rem}.screen--color-duel-result .cd-round-orb__disc{--orb-size: 3.35rem}@media(max-height:740px){.screen--color-duel-result .cd-final-result{gap:.4rem}.screen--color-duel-result .cd-final-result__title{font-size:var(--md-text-lg)}.screen--color-duel-result .cd-result-card{padding:.875rem .875rem .75rem}.screen--color-duel-result .cd-result-card__value{font-size:clamp(2rem,8vw,2.5rem)}.screen--color-duel-result .cd-round-orb__disc{--orb-size: 3rem}.screen--color-duel-result .cd-round-timeline{gap:.25rem}.screen--color-duel-result .cd-round-timeline__item{padding:.1rem 0}}.screen-share .screen-header__title{color:var(--color-text)}.screen-share .screen__main{gap:var(--md-gap);overflow-y:auto;-webkit-overflow-scrolling:touch}.share-layout{display:flex;flex-direction:column;gap:var(--md-gap);width:100%;min-width:0;overflow:visible}.share-layout>.share-card-stage{flex-shrink:0}.share-screen__empty{margin:0;text-align:center;font-size:var(--md-text-sm);font-weight:600;color:var(--color-text-muted)}.share-link-box{width:100%;min-width:0;padding:.875rem 1rem;border-radius:var(--radius-lg);background:var(--color-card);border:3px solid rgba(45,35,84,.1);box-shadow:var(--shadow-sm)}.share-link-box__label{margin:0 0 .375rem;font-size:var(--md-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.share-link-box__row{display:flex;align-items:center;gap:.5rem;min-width:0}.share-link-box__url{flex:1;min-width:0;margin:0;font-size:var(--md-text-sm);font-weight:600;font-family:ui-monospace,Cascadia Code,monospace;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-box__copy{flex-shrink:0;min-height:2.25rem;padding:.375rem .75rem;font-size:var(--md-text-xs);font-weight:800;border-radius:var(--radius-md);white-space:nowrap}.share-link-box__copy--copied{color:var(--color-text);border-color:var(--color-accent-cyan);background:#2ec4b62e}.screen-share .share-actions .btn--primary{min-height:3.25rem;font-size:1.0625rem;font-weight:900;border-radius:var(--radius-lg);box-shadow:var(--shadow-button)}.screen-share .share-actions .btn--primary:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(3px) scale(.98)}.screen-share .share-actions .btn--secondary{min-height:var(--md-tap);font-weight:800;border-width:2px;border-radius:var(--radius-lg)}.share-test-debug{padding:.875rem 1rem;border-radius:var(--md-radius);background:var(--md-surface);border:1px dashed var(--md-border-strong)}.share-test-debug__title{margin:0 0 .5rem;font-size:var(--md-text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--md-text-muted)}.share-test-debug__list{margin:0;display:grid;gap:.35rem;font-size:var(--md-text-sm)}.share-test-debug__list div{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:baseline}.share-test-debug__list dt{margin:0;font-weight:700;color:var(--md-text-muted)}.share-test-debug__list dd{margin:0;font-family:ui-monospace,Cascadia Code,monospace;color:var(--md-accent-gold);text-align:right}.share-test__note{margin:.75rem 0 0;font-size:var(--md-text-sm);line-height:1.45}.share-test__note code{font-size:.9em}.share-feedback{margin:0;padding:.5rem .75rem;font-size:var(--md-text-sm);font-weight:700;text-align:center;color:var(--color-text);border-radius:var(--radius-md);background:#2ec4b633;border:2px solid rgba(46,196,182,.35)}.leaderboard-preview__title{margin:0 0 .5rem;font-size:var(--md-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--md-text-muted)}.leaderboard-preview__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.375rem}.leaderboard-preview__item{display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--md-radius);background:#0003;font-size:var(--md-text-lg);border:1px solid transparent}.leaderboard-preview__item--first{padding:.75rem .875rem;background:linear-gradient(135deg,#ffd16633,#ff7b5426);border-color:#ffd16659;font-weight:700}.leaderboard-preview__item--first .leaderboard-preview__rank{color:var(--md-accent-gold);font-size:1.125rem;display:flex;align-items:center;justify-content:center}.leaderboard-preview__crown{display:block;width:1.125rem;height:1.125rem;background:var(--md-accent-gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.leaderboard-preview__item--highlight{border-color:var(--md-accent-cyan);box-shadow:0 0 0 1px #3dd9c459;background:#3dd9c41a}.leaderboard-preview__rank{font-weight:800;color:var(--md-text-muted);font-variant-numeric:tabular-nums}.leaderboard-preview__name{font-weight:600;display:flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-preview__you-badge,.leaderboard-preview__creator-badge{flex-shrink:0;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .35rem;border-radius:var(--radius-pill)}.leaderboard-preview__you-badge{color:var(--color-text-on-primary);background:var(--color-accent-cyan);border:2px solid rgba(31,154,143,.5)}.leaderboard-preview__creator-badge{color:var(--color-text);background:#ffe08a;border:2px solid rgba(255,180,40,.65)}.leaderboard-preview__score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--md-accent-cyan)}.leaderboard-preview__item--first .leaderboard-preview__score{color:var(--md-accent-gold)}.leaderboard-preview--compact .leaderboard-preview__item{font-size:var(--md-text-sm);padding:.4375rem .625rem}.leaderboard-preview--compact .leaderboard-preview__item--first{font-size:var(--md-text-base);padding:.625rem .75rem}.leaderboard-screen{display:flex;flex-direction:column;gap:var(--md-gap-lg)}.leaderboard-screen__meta{margin:0;font-size:var(--md-text-sm);font-weight:600;color:var(--md-text-muted);line-height:1.35}.leaderboard-screen__meta-id{font-weight:500;word-break:break-all}.leaderboard-screen__top{flex:1;padding:1rem;border-radius:var(--md-radius-lg);background:var(--md-surface);border:1px solid var(--md-border);box-shadow:var(--md-shadow-sm)}.you-score-card{padding:1rem 1.25rem;border-radius:var(--md-radius-lg);background:linear-gradient(135deg,#3dd9c426,#7c6bff1f);border:2px solid rgba(61,217,196,.4);box-shadow:0 0 20px var(--md-success-glow)}.you-score-card__label{margin:0 0 .25rem;font-size:var(--md-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--md-accent-cyan)}.you-score-card__row{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:var(--md-text-lg);font-weight:700}.you-score-card__score{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums;color:var(--md-success)}.leaderboard-screen__rest{margin:0}.leaderboard-screen__rest-title{margin:0 0 .5rem;font-size:var(--md-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--md-text-muted)}.leaderboard-full{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3125rem}.leaderboard-full__item{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.4375rem .625rem;border-radius:var(--md-radius);background:#0000002e;font-size:var(--md-text-base);border:1px solid transparent}.leaderboard-full__item--you{border-color:var(--md-accent-cyan);box-shadow:0 0 0 1px #3dd9c459;background:#3dd9c41a}.leaderboard-full__rank{font-weight:700;font-variant-numeric:tabular-nums;color:var(--md-text-muted);font-size:var(--md-text-sm)}.leaderboard-full__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-full__score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--md-accent-cyan);font-size:var(--md-text-sm)}.muted{color:var(--md-text-muted);margin:0}.pong-mark{position:relative;overflow:hidden;border:3px solid var(--color-text);border-radius:.75rem;background:var(--color-surface);box-shadow:4px 4px #2d235424;box-sizing:border-box}.pong-mark--home{container-type:inline-size;width:6.5rem;height:3.75rem;margin:0 auto}.pong-mark__mid{position:absolute;z-index:1;left:50%;top:.32rem;bottom:.32rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;transform:translate(-50%);pointer-events:none}.pong-mark__court-line{display:block;flex:1 1 0;width:2px;min-height:.35rem;background:#2d235424;border-radius:1px}.pong-mark__vs{flex:0 0 auto;font-family:var(--md-font-display);font-size:clamp(.625rem,16cqw,.78rem);font-weight:900;letter-spacing:.08em;line-height:1;color:var(--color-text);opacity:.34;-webkit-user-select:none;user-select:none}.pong-mark__paddle{position:absolute;z-index:2;top:50%;border:2.5px solid var(--color-text);border-radius:.35rem;transform:translateY(-50%);box-sizing:border-box}.pong-mark--home .pong-mark__paddle{width:.55rem;height:2rem}.pong-mark__paddle--left{background:var(--color-accent-cyan)}.pong-mark--home .pong-mark__paddle--left{left:.5rem}.pong-mark__paddle--right{background:var(--color-accent-coral)}.pong-mark--home .pong-mark__paddle--right{right:.5rem}.pong-mark__ball{position:absolute;z-index:3;top:50%;left:50%;border:2.5px solid var(--color-text);border-radius:50%;background:var(--color-accent-gold);box-sizing:border-box}.pong-mark--home .pong-mark__ball{width:.6885rem;height:.6885rem}.pong-mark:not(.pong-mark--static) .pong-mark__paddle--left{animation:pong-mark-paddle-left 3.2s ease-in-out infinite}.pong-mark:not(.pong-mark--static) .pong-mark__paddle--right{animation:pong-mark-paddle-right 3.2s ease-in-out infinite}.pong-mark:not(.pong-mark--static) .pong-mark__ball{animation:pong-mark-ball-rally 2.4s ease-in-out infinite}@keyframes pong-mark-ball-rally{0%,to{transform:translate(calc(-50% - 1.35rem),-50%)}50%{transform:translate(calc(-50% + 1.35rem),-50%)}}@keyframes pong-mark-paddle-left{0%,to{transform:translateY(-58%)}50%{transform:translateY(-38%)}}@keyframes pong-mark-paddle-right{0%,to{transform:translateY(-38%)}50%{transform:translateY(-58%)}}.pong-mark--static .pong-mark__ball{transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.pong-mark__ball,.pong-mark__paddle{animation:none!important}.pong-mark__ball{transform:translate(-50%,-50%)}.pong-mark__paddle--left,.pong-mark__paddle--right{transform:translateY(-50%)}}.color-duel-icon-svg{--cd-icon-top: #4a8fe7;--cd-icon-bottom: #22c76a}.color-duel-icon__orb{transform-origin:0 0}.color-duel-icon__hemi--top{fill:var(--cd-icon-top);transition:fill .55s cubic-bezier(.45,.05,.55,.95)}.color-duel-icon__hemi--bottom{fill:var(--cd-icon-bottom);transition:fill .55s cubic-bezier(.45,.05,.55,.95)}.color-duel-icon__ring{fill:none}.color-duel-icon-svg--animated .color-duel-icon__orb{animation:color-duel-icon-spin 5.2s infinite}@keyframes color-duel-icon-spin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.42,0,.58,1)}36%{transform:rotate(360deg)}40%,48%{transform:rotate(360deg)}48%{animation-timing-function:cubic-bezier(.42,0,.58,1)}84%{transform:rotate(720deg)}88%,to{transform:rotate(720deg)}}@media(prefers-reduced-motion:reduce){.color-duel-icon-svg--animated .color-duel-icon__orb{animation:none}.color-duel-icon__hemi--top,.color-duel-icon__hemi--bottom{transition:none}}:root{--share-card-export-width: 320px;--share-card-export-height: 400px}.share-card-stage{display:flex;justify-content:center;width:100%;min-width:0;padding:.35rem .5rem 2rem;overflow:visible}.share-card{display:flex;flex-direction:column;gap:0;width:min(100%,var(--share-card-export-width, 20rem));max-width:var(--share-card-export-width, 20rem);height:auto;min-width:0;margin:0 auto;padding:0;border-radius:var(--radius-xl);background:var(--color-card);border:4px solid var(--color-card-border);box-shadow:var(--shadow-card);color:var(--color-text)}.share-card__header{flex-shrink:0;padding:.75rem .875rem .5rem;background:var(--color-surface);border-bottom:3px solid rgba(45,35,84,.06);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.share-card__brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.375rem}.share-card__brand-block{display:flex;flex-direction:column;gap:.3rem;min-width:0}.share-card__brand{display:inline-flex;align-items:baseline;flex-wrap:nowrap;margin:0;font-family:var(--md-font-display);font-size:1.375rem;font-weight:900;letter-spacing:-.04em;line-height:1}.share-card__brand-mini{color:var(--color-text)}.share-card__brand-duel{position:relative;display:inline-block;color:var(--color-accent-coral)}.share-card__brand-tm{position:absolute;top:.12em;left:calc(100% + .05em);font-size:.38rem;font-weight:800;line-height:1;color:var(--color-text-muted);opacity:.78;letter-spacing:0;text-shadow:none;white-space:nowrap}.share-card__badge{display:inline-flex;align-self:flex-start;padding:.18rem .5rem;font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-on-primary);border-radius:var(--radius-pill);background:var(--color-accent-coral);border:2px solid rgba(45,35,84,.08);box-shadow:0 2px #dc505059}.share-card__game-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#fff;border:2px solid rgba(45,35,84,.08);box-shadow:0 2px #2b235514;display:grid;place-items:center;overflow:hidden}.share-card__game-icon .color-duel-icon-svg,.share-card__game-icon .game-card__icon-svg,.share-card__game-icon-svg{width:1.75rem;height:1.75rem}.share-card__hero{flex-shrink:0;padding:.5rem .875rem .375rem;text-align:center;background:var(--color-card)}.share-card__score{margin:0;font-size:clamp(2.25rem,12vw,3rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-shadow:none}.share-card__score--excellent,.share-card__score--good{color:#22c76a;text-shadow:0 3px 0 rgba(34,199,106,.35)}.share-card__score--okay{color:#f39b2f;text-shadow:0 3px 0 rgba(243,155,47,.3)}.share-card__score--poor{color:#f05e5e;text-shadow:0 3px 0 rgba(240,94,94,.3)}.share-card__player{margin:.3rem 0 0;font-size:var(--md-text-base);font-weight:800;color:var(--color-text);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem}.share-card__game{margin:.1rem 0 0;font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted)}.share-card__leaderboard{flex-shrink:0;padding:.5rem .625rem .5625rem;background:var(--color-card);border-top:2px solid rgba(45,35,84,.06)}.share-card__footer{flex-shrink:0;padding:.5rem .875rem .75rem;text-align:center;border-top:3px solid rgba(45,35,84,.06);background:var(--color-surface-raised);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.share-card__cta{margin:0;font-size:var(--md-text-base);font-weight:900;line-height:1.2;color:var(--color-accent-coral)}.share-card__domain{margin:.2rem 0 0;font-size:var(--md-text-xs);font-weight:800;letter-spacing:.04em;color:var(--color-text-muted)}.share-card-lb{display:flex;flex-direction:column;gap:.25rem}.share-card-lb__title{margin:0;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);text-align:center}.share-card-lb__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem}.share-card-lb__item{display:grid;grid-template-columns:1.75rem 1fr auto;align-items:center;gap:.3125rem;padding:.3125rem .4375rem;border-radius:var(--radius-md);background:var(--color-card);border:2px solid rgba(45,35,84,.06);font-size:var(--md-text-sm);color:var(--color-text);flex-shrink:0}.share-card-lb__item--first{padding:.4375rem .5rem;background:var(--color-surface);border-color:#2d23541a;font-weight:700;box-shadow:0 2px #2b23550d}.share-card-lb__item--you{border-color:#2ec4b673;box-shadow:0 0 0 2px #2ec4b633;background:#2ec4b614}.share-card-lb__item--first.share-card-lb__item--you{background:#2ec4b61a;border-color:#2ec4b673;box-shadow:0 0 0 2px #2ec4b638}.share-card-lb__rank{font-weight:800;font-size:var(--md-text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}.share-card-lb__item--first .share-card-lb__rank{color:var(--color-accent-gold)}.share-card-lb__crown{display:block;width:1rem;height:1rem;background:var(--color-accent-gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.share-card-lb__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.3125rem;min-width:0}.share-card-lb__you-badge,.share-card__creator-badge,.share-card-lb__creator-badge{flex-shrink:0;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .35rem;border-radius:var(--radius-pill)}.share-card-lb__you-badge{color:var(--color-text-on-primary);background:var(--color-accent-cyan);border:2px solid rgba(31,154,143,.5)}.share-card__creator-badge,.share-card-lb__creator-badge{color:var(--color-text);background:#ffe08a;border:2px solid rgba(255,180,40,.65)}.share-card-lb__score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.share-card-lb__score--excellent,.share-card-lb__score--good{color:#22c76a}.share-card-lb__score--okay{color:#f39b2f}.share-card-lb__score--poor{color:#f05e5e}.share-card-lb__item--first .share-card-lb__score{font-size:var(--md-text-sm)}.share-screen__intro{margin:0;font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted);text-align:center;line-height:1.4}.share-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.share-actions .share-feedback{margin:0}@media(max-width:26.875rem){.share-card__header{padding:.625rem .75rem .4375rem}.share-card__hero{padding:.4375rem .75rem .3125rem}.share-card__score{font-size:clamp(2rem,11vw,2.75rem)}.share-card__leaderboard{padding:.375rem .5rem .4375rem}.share-card__footer{padding:.4375rem .75rem .625rem}.share-card-lb__item{padding:.28125rem .375rem;gap:.25rem}.share-card-lb__item--first{padding:.375rem .4375rem}}.color-duel{--cd-layout-max: 360px;--cd-panel-width: 100%;--cd-panel-max: min(var(--cd-layout-max), 100%);--cd-color-width: var(--cd-panel-width);--cd-color-max: var(--cd-panel-max);--cd-stack-gap: .75rem;--cd-swatch-height: min(42dvh, 280px);--cd-hero-max-height: var(--cd-swatch-height);flex:0 1 auto;display:flex;flex-direction:column;gap:var(--cd-stack-gap);min-height:0;min-width:0;width:100%;max-width:100%;overflow:visible;padding:0 .125rem .5rem;box-sizing:border-box;position:relative}.color-duel--preview,.color-duel--guessing{gap:var(--cd-stack-gap);width:100%;max-width:100%}.color-duel__header{flex-shrink:0;display:flex;flex-direction:column;gap:.15rem;width:var(--cd-panel-width);max-width:var(--cd-panel-max);margin-left:auto;margin-right:auto;padding:.55rem .75rem;border-radius:var(--radius-lg);background:var(--color-card);border:2px solid var(--color-card-border);box-shadow:var(--shadow-card);box-sizing:border-box}.color-duel__header--compact{padding:.65rem .85rem}.color-duel__progress{margin:0;font-size:var(--md-text-sm);font-weight:800;color:var(--color-primary);letter-spacing:.02em}.color-duel__title{margin:0;font-size:var(--md-text-xl);font-weight:900;color:var(--color-text);line-height:1.2}.color-duel__subtitle{margin:0;font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted)}.color-duel__round-score{margin:0;font-size:var(--md-text-2xl);font-weight:900;text-align:center}.color-duel--result .color-duel__round-score{margin-top:.15rem}.color-duel--result .color-duel-feedback{font-size:var(--md-text-lg);margin-bottom:.15rem}.color-duel--result .color-duel__round-score.color-duel-score-tone--good,.color-duel--result .color-duel-feedback.color-duel-score-tone--good{color:var(--cd-tone-good-text)}.color-duel--result .color-duel__round-score.color-duel-score-tone--excellent,.color-duel--result .color-duel-feedback.color-duel-score-tone--excellent{color:var(--cd-tone-excellent-text)}.color-duel__round-score span{font-size:var(--md-text-lg);color:var(--color-text-muted);font-weight:700}.color-duel,.cd-final-result,.color-duel--final{--cd-tone-excellent-text: #22c76a;--cd-tone-excellent-bg: #e3f9eb;--cd-tone-excellent-border: #72d498;--cd-tone-good-text: #22c76a;--cd-tone-good-bg: #e6f8ed;--cd-tone-good-border: #7dd9a6;--cd-tone-okay-text: #f39b2f;--cd-tone-okay-bg: #fff3d8;--cd-tone-okay-border: #f6cf7a;--cd-tone-poor-text: #f05e5e;--cd-tone-poor-bg: #ffecec;--cd-tone-poor-border: #f5a3a3;--cd-card-neutral-border: rgba(45, 35, 84, .1)}.color-duel-score-tone--excellent{color:var(--cd-tone-excellent-text)}.color-duel-score-tone--good{color:var(--cd-tone-good-text)}.color-duel-score-tone--okay{color:var(--cd-tone-okay-text)}.color-duel-score-tone--poor{color:var(--cd-tone-poor-text)}.color-duel-score-tone--final.color-duel-score-tone--excellent{color:var(--cd-tone-excellent-text)}.color-duel-score-tone--final.color-duel-score-tone--good{color:var(--cd-tone-good-text)}.color-duel-score-tone--final.color-duel-score-tone--okay{color:var(--cd-tone-okay-text)}.color-duel-score-tone--final.color-duel-score-tone--poor{color:var(--cd-tone-poor-text)}.color-duel__stage{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;max-width:100%;padding:0;box-sizing:border-box}.color-duel__stage--hero{flex:0 0 auto;min-height:0;width:var(--cd-panel-width);max-width:var(--cd-panel-max);margin-left:auto;margin-right:auto;align-items:stretch}.color-duel-swatch--hero{width:var(--cd-color-width);max-width:var(--cd-color-max);display:flex;flex-direction:column;align-items:stretch;gap:.25rem;box-sizing:border-box}.color-duel-swatch--hero .color-duel-swatch__block,.color-duel-swatch--preview .color-duel-swatch__block,.color-duel-swatch--guessing .color-duel-swatch__block,.color-duel__color-card{width:100%;max-width:100%;aspect-ratio:4 / 5;height:auto;max-height:var(--cd-hero-max-height);flex:none;margin:0;border-radius:var(--radius-lg);border:3px solid rgba(43,35,85,.12);box-shadow:0 6px #2b23551a,var(--shadow-card);box-sizing:border-box}.color-duel--preview .color-duel-swatch--hero,.color-duel--guessing .color-duel-swatch--hero{width:var(--cd-panel-width);max-width:var(--cd-panel-max);min-width:0}.color-duel--preview .color-duel-swatch__block,.color-duel--preview .color-duel__color-card,.color-duel--guessing .color-duel-swatch__block,.color-duel--guessing .color-duel__color-card{width:100%;max-width:100%;min-width:0;height:var(--cd-swatch-height);max-height:var(--cd-swatch-height);aspect-ratio:unset}.color-duel__controls{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;width:var(--cd-panel-width);max-width:var(--cd-panel-max);margin-left:auto;margin-right:auto;padding-bottom:.5rem;box-sizing:border-box}.color-duel__chips,.round-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:var(--cd-panel-width);max-width:var(--cd-panel-max);margin:0 auto;flex-shrink:0;scroll-margin-top:.5rem;box-sizing:border-box}.color-duel-chip{display:flex;align-items:center;justify-content:center;min-width:0;height:2rem;padding:0 .2rem;border-radius:var(--radius-pill);background:var(--color-surface);border:2px solid var(--color-card-border);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--color-text-muted);text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-duel-chip--compact{font-size:.6875rem;letter-spacing:-.02em}.color-duel-chip--done{font-size:.75rem}.color-duel-chip--current{box-shadow:0 0 0 2px var(--color-primary);font-weight:900}.color-duel-chip--current:not(.color-duel-chip--done){border-color:var(--color-primary);color:var(--color-primary);background:#2ec4b61f}.color-duel-chip--done.color-duel-chip--current{box-shadow:0 0 0 2px var(--color-primary),0 1px #2b23550f}.color-duel-chip--tone-excellent{border:2px solid var(--cd-tone-excellent-border);color:var(--cd-tone-excellent-text);background:var(--cd-tone-excellent-bg)}.color-duel-chip--tone-good{border:2px solid var(--cd-tone-good-border);color:var(--cd-tone-good-text);background:var(--cd-tone-good-bg)}.color-duel-chip--tone-okay{border:2px solid var(--cd-tone-okay-border);color:var(--cd-tone-okay-text);background:var(--cd-tone-okay-bg)}.color-duel-chip--tone-poor{border:2px solid var(--cd-tone-poor-border);color:var(--cd-tone-poor-text);background:var(--cd-tone-poor-bg)}.color-duel-feedback{margin:0;font-size:var(--md-text-xl);font-weight:900;text-align:center;line-height:1.2}.color-duel-score-tone--final-msg.color-duel-score-tone--excellent{color:var(--cd-tone-excellent-text)}.color-duel-score-tone--final-msg.color-duel-score-tone--good{color:var(--cd-tone-good-text)}.color-duel-score-tone--final-msg.color-duel-score-tone--okay{color:var(--cd-tone-okay-text)}.color-duel-score-tone--final-msg.color-duel-score-tone--poor{color:var(--cd-tone-poor-text)}.color-duel-swatch{width:100%;max-width:16rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-duel-swatch__block{width:100%;aspect-ratio:1;max-height:11rem;border-radius:var(--radius-xl);border:3px solid rgba(45,35,84,.12);box-shadow:var(--shadow-card)}.color-duel-swatch__block--hidden{background:var(--color-surface-raised)!important;display:flex;align-items:center;justify-content:center}.color-duel-swatch__mystery{font-size:3rem;font-weight:900;color:var(--color-text-muted);line-height:1}.color-duel-swatch__label{margin:0;font-size:var(--md-text-sm);font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.color-duel-timer{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;flex-shrink:0;width:var(--cd-panel-width);max-width:var(--cd-panel-max);margin:0 auto;box-sizing:border-box}.color-duel-timer__badge{margin:0 auto;padding:.3rem .7rem;font-size:.8125rem;font-weight:800;text-align:center;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-pill);box-shadow:none;cursor:default;-webkit-user-select:none;user-select:none;line-height:1.2}.color-duel-timer__badge--calm{color:var(--color-primary);border-color:#2ec4b68c}.color-duel-timer__badge--warn{color:#c87a00;border-color:#ff9f43a6}.color-duel-timer__badge--urgent{color:var(--color-accent-coral);border-color:#ff6b6b99}.color-duel-timer__skip{align-self:center;min-height:2.25rem;padding:.4rem 1.1rem;font-size:.8125rem;font-weight:800;color:var(--color-text);background:var(--color-card);border:2px solid rgba(43,35,85,.12);border-radius:var(--radius-pill);box-shadow:0 3px #2b23551a;width:auto}.color-duel-timer__skip:hover:not(:disabled){background:var(--color-surface-raised)}.color-duel-timer__skip:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #2b23551a}.color-duel-timer__bar{height:.5rem;border-radius:var(--radius-pill);background:var(--color-surface);overflow:hidden;border:1px solid var(--color-card-border)}.color-duel-timer__fill{display:block;height:100%;border-radius:var(--radius-pill);transition:width .1s linear,background-color .2s ease}.color-duel-timer__fill--calm{background:var(--color-primary)}.color-duel-timer__fill--warn{background:#ff9f43}.color-duel-timer__fill--urgent{background:var(--color-accent-coral)}.color-duel-sliders{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .6rem;border-radius:var(--radius-lg);background:var(--color-card);border:2px solid var(--color-card-border);flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.color-duel-slider{min-width:0;width:100%}.color-duel-slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.color-duel-slider__label{font-size:var(--md-text-sm);font-weight:800;color:var(--color-text)}.color-duel-slider__value{font-size:var(--md-text-sm);font-weight:800;color:var(--color-primary)}.color-duel-slider__track{--slider-thumb-size: 2.125rem;--slider-thumb-half: calc(var(--slider-thumb-size) / 2);--slider-rail-height: 1.0625rem;position:relative;display:flex;align-items:center;height:2.75rem;padding:0 var(--slider-thumb-half);touch-action:pan-y}.color-duel-slider__track-rail{position:absolute;left:var(--slider-thumb-half);right:var(--slider-thumb-half);top:50%;height:var(--slider-rail-height);transform:translateY(-50%);border-radius:999px;overflow:hidden;border:2px solid rgba(43,35,85,.1);pointer-events:none}.color-duel-slider__track-bg{width:100%;height:100%;border-radius:inherit;background-size:100% 100%;background-repeat:no-repeat}.color-duel-slider__input{position:relative;z-index:1;width:100%;height:2.75rem;margin:0;cursor:pointer;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:none}.color-duel-slider__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-pill)}.color-duel-slider__input::-webkit-slider-runnable-track{height:var(--slider-rail-height);background:transparent;border:none;border-radius:999px}.color-duel-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-rail-height) - var(--slider-thumb-size)) / 2);border-radius:50%;background:#fffaf0;border:2px solid #2b2355;box-shadow:0 3px #2b23552e}.color-duel-slider__input::-moz-range-track{height:var(--slider-rail-height);background:transparent;border:none;border-radius:999px}.color-duel-slider__input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:#fffaf0;border:2px solid #2b2355;box-shadow:0 3px #2b23552e}.color-duel-play-actions{display:flex;flex-direction:row;align-items:center;gap:.375rem;width:100%;flex-shrink:0}.color-duel-play-actions__confirm.btn--primary{flex:1 1 auto;width:auto;min-width:0;box-sizing:border-box;min-height:2.75rem;padding:.5rem .75rem;font-size:.9375rem;font-weight:900;border-radius:var(--radius-lg);border:3px solid rgba(255,255,255,.25);box-shadow:var(--shadow-button)}.color-duel-play-actions__confirm.btn--primary:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(4px) scale(.98)}.color-duel-play-actions .color-duel-hint-btn.btn--secondary{flex:0 0 auto;width:2.5rem;min-width:2.5rem;max-width:2.5rem;height:auto;min-height:2.5rem;padding:.2rem .2rem .15rem}.color-duel-play-actions:not(:has(.color-duel-hint-btn)) .color-duel-play-actions__confirm.btn--primary{flex:1 1 100%;max-width:100%}.color-duel-compare{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:var(--cd-panel-width);max-width:var(--cd-panel-max);margin:0 auto;box-sizing:border-box}.color-duel-compare .color-duel-swatch{max-width:100%;width:100%;min-width:0}.color-duel-compare .color-duel-swatch__block{max-height:7.5rem}.cd-final-result{display:flex;flex-direction:column;align-items:center;gap:.625rem;width:100%;max-width:min(360px,100%);margin:0 auto;padding:0 .25rem;box-sizing:border-box}.cd-final-result__title{margin:0;width:100%;font-size:var(--md-text-xl);font-weight:900;color:var(--color-text);text-align:center;line-height:1.2}.cd-result-card{width:100%;padding:1.125rem 1rem 1rem;border-radius:var(--radius-xl);background:var(--color-card);border:2px solid var(--cd-card-neutral-border);box-shadow:var(--shadow-card);text-align:center;box-sizing:border-box}.cd-result-card--excellent,.cd-result-card--good,.cd-result-card--okay,.cd-result-card--poor{border-color:var(--cd-card-neutral-border);box-shadow:var(--shadow-card)}.cd-result-card__player{margin:0 0 .35rem;font-size:var(--md-text-lg);font-weight:800;color:var(--color-text);line-height:1.2}.cd-result-card__label{margin:0;font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.cd-result-card__score-row{display:flex;align-items:baseline;justify-content:center;gap:.35rem;margin-top:.25rem}.cd-result-card__value{font-size:var(--md-text-score);font-weight:900;line-height:1;letter-spacing:-.03em}.cd-result-card__max{font-size:var(--md-text-xl);font-weight:800;color:var(--color-text-muted)}.cd-result-card__badge{display:inline-block;margin-top:.625rem;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cd-result-card__badge--excellent{color:var(--cd-tone-excellent-text);background:var(--cd-tone-excellent-bg);border:1px solid var(--cd-tone-excellent-border)}.cd-result-card__badge--good{color:var(--cd-tone-good-text);background:var(--cd-tone-good-bg);border:1px solid var(--cd-tone-good-border)}.cd-result-card__badge--okay{color:var(--cd-tone-okay-text);background:var(--cd-tone-okay-bg);border:1px solid var(--cd-tone-okay-border)}.cd-result-card__badge--poor{color:var(--cd-tone-poor-text);background:var(--cd-tone-poor-bg);border:1px solid var(--cd-tone-poor-border)}.cd-result-message{margin:0;width:100%;text-align:center;font-size:var(--md-text-xl);font-weight:900;line-height:1.2}.cd-result-message--in-card{margin:.35rem 0 0;font-size:var(--md-text-lg);line-height:1.15}.cd-result-message--excellent{color:var(--cd-tone-excellent-text)}.cd-result-message--good{color:var(--cd-tone-good-text)}.cd-result-message--okay{color:var(--cd-tone-okay-text)}.cd-result-message--poor{color:var(--cd-tone-poor-text)}.cd-round-timeline-wrap{container-type:inline-size;width:100%;padding:.65rem .85rem .55rem;border-radius:var(--radius-xl);background:var(--color-card);border:2px solid var(--cd-card-neutral-border);box-shadow:var(--shadow-card);box-sizing:border-box}.cd-round-timeline{--cd-index-size: clamp(1.3rem, 10.5cqw, 1.875rem);--cd-orb-size: clamp(2.2rem, 17.5cqw, 3.125rem);--cd-rail-col: max(var(--cd-index-size), clamp(1.6rem, 11.5cqw, 2.25rem));--cd-rail-x: calc(var(--cd-rail-col) * .5);list-style:none;margin:0;padding:.35rem 0 .25rem .35rem;display:flex;flex-direction:column;gap:clamp(.3rem,2cqw,.375rem)}.cd-round-timeline__item{display:grid;grid-template-columns:var(--cd-rail-col) 1fr;align-items:center;gap:clamp(.4rem,3cqw,.625rem);padding:.2rem 0;position:relative}.cd-round-timeline__item:not(.cd-round-timeline__item--last):after{content:"";position:absolute;left:var(--cd-rail-x);top:calc(50% + var(--cd-index-size) / 2 + .15rem);width:clamp(2px,.6cqw,3px);height:calc(100% - .5rem + clamp(.3rem,2cqw,.375rem));transform:translate(-50%);border-radius:99px;background:linear-gradient(180deg,#2ec4b673,#2ec4b62e 70%,#2ec4b614);box-shadow:0 0 6px #2ec4b626;pointer-events:none;z-index:0}.cd-round-timeline__index{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--cd-index-size);height:var(--cd-index-size);margin-left:calc(var(--cd-rail-x) - var(--cd-index-size) / 2);border-radius:50%;font-size:clamp(.6rem,5.25cqw,.75rem);font-weight:900;font-variant-numeric:tabular-nums;color:var(--color-primary);background:var(--color-card);border:2px solid rgba(46,196,182,.5);box-shadow:0 0 0 2px var(--color-card),0 2px #2b235514}.cd-round-timeline__item--excellent .cd-round-timeline__index{color:var(--cd-tone-excellent-text);background:var(--cd-tone-excellent-bg);border-color:var(--cd-tone-excellent-border);box-shadow:0 0 0 2px var(--color-card),0 2px #2aab621f}.cd-round-timeline__item--good .cd-round-timeline__index{color:var(--cd-tone-good-text);background:var(--cd-tone-good-bg);border-color:var(--cd-tone-good-border);box-shadow:0 0 0 2px var(--color-card),0 2px #3cb8781f}.cd-round-timeline__item--okay .cd-round-timeline__index{color:var(--cd-tone-okay-text);background:var(--cd-tone-okay-bg);border-color:var(--cd-tone-okay-border);box-shadow:0 0 0 2px var(--color-card),0 2px #f39b2f1f}.cd-round-timeline__item--poor .cd-round-timeline__index{color:var(--cd-tone-poor-text);background:var(--cd-tone-poor-bg);border-color:var(--cd-tone-poor-border);box-shadow:0 0 0 2px var(--color-card),0 2px #f05e5e1f}.cd-round-timeline__item--excellent:not(.cd-round-timeline__item--last):after{background:linear-gradient(180deg,#2aab6266,#2aab621f);box-shadow:0 0 5px #2aab621f}.cd-round-timeline__item--good:not(.cd-round-timeline__item--last):after{background:linear-gradient(180deg,#3cb87861,#3cb8781a)}.cd-round-timeline__item--okay:not(.cd-round-timeline__item--last):after{background:linear-gradient(180deg,#f39b2f61,#f39b2f1a)}.cd-round-timeline__item--poor:not(.cd-round-timeline__item--last):after{background:linear-gradient(180deg,#f05e5e59,#f05e5e1a)}.cd-round-orb{display:flex;justify-content:center;padding:.15rem 0}.cd-round-orb__disc{position:relative;width:var(--cd-orb-size, 3.125rem);height:var(--cd-orb-size, 3.125rem);max-width:min(var(--cd-orb-size, 3.125rem),42cqw);max-height:min(var(--cd-orb-size, 3.125rem),42cqw);border-radius:50%;border:clamp(2px,.55cqw,3px) solid rgba(255,250,240,.95);box-shadow:0 3px #2b23551a,0 5px 12px #2b23551a;box-sizing:border-box;flex-shrink:0}.cd-round-orb__disc--placeholder{background:conic-gradient(from -90deg,var(--color-surface) 0deg 180deg,var(--color-surface-raised) 180deg 360deg)}.cd-round-orb--excellent .cd-round-orb__disc{box-shadow:0 0 0 2px var(--cd-tone-excellent-border),0 4px #2b23551a,0 6px 16px #2aab6233}.cd-round-orb--good .cd-round-orb__disc{box-shadow:0 0 0 2px var(--cd-tone-good-border),0 4px #2b23551a,0 6px 16px #3cb8782e}.cd-round-orb--okay .cd-round-orb__disc{box-shadow:0 0 0 2px var(--cd-tone-okay-border),0 4px #2b23551a,0 6px 16px #f39b2f26}.cd-round-orb--poor .cd-round-orb__disc{box-shadow:0 0 0 2px var(--cd-tone-poor-border),0 4px #2b23551a,0 6px 16px #f05e5e26}.cd-round-orb__score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:clamp(1.55rem,13cqw,2.2rem);max-width:calc(var(--cd-orb-size, 3.125rem) * .72);padding:clamp(.1rem,1.2cqw,.2rem) clamp(.25rem,2.5cqw,.4rem);border-radius:var(--radius-pill);font-size:clamp(.58rem,5.25cqw,.72rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1;text-align:center;color:var(--color-text);background:#fffaf0f0;border:clamp(1.5px,.45cqw,2px) solid rgba(43,35,85,.12);box-shadow:0 2px 5px #2b235529;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cd-round-orb--excellent .cd-round-orb__score{color:var(--cd-tone-excellent-text)}.cd-round-orb--good .cd-round-orb__score{color:var(--cd-tone-good-text)}.cd-round-orb--okay .cd-round-orb__score{color:var(--cd-tone-okay-text)}.cd-round-orb--poor .cd-round-orb__score{color:var(--cd-tone-poor-text)}.cd-final-result__actions{display:flex;flex-direction:column;gap:.625rem;width:100%;margin-top:.25rem}.cd-final-result__actions .btn--primary,.cd-final-result__actions .btn--secondary{width:100%;min-height:3.25rem}.color-duel--result,.color-duel--final{gap:.625rem;padding-top:.75rem;padding-bottom:.5rem;align-items:center}.color-duel--result .color-duel__header--round-score{margin-top:.5rem}.color-duel--final .cd-final-result{width:100%}.color-duel--result .color-duel__header,.color-duel--final .color-duel__header{width:var(--cd-panel-width);max-width:var(--cd-panel-max)}@media(max-width:430px){.color-duel__title{font-size:var(--md-text-lg)}}@media(max-height:720px){.color-duel--preview,.color-duel--guessing{--cd-swatch-height: min(36dvh, 240px)}}@media(max-height:620px){.color-duel--preview,.color-duel--guessing{--cd-swatch-height: min(30dvh, 200px)}.color-duel--guessing .color-duel-sliders{padding:.4rem .5rem;gap:.375rem}.color-duel--guessing .color-duel-slider__track{height:2.5rem}}@media(max-width:360px){.color-duel{--cd-layout-max: 336px}.cd-round-timeline{--cd-index-size: clamp(1.25rem, 11cqw, 1.65rem);--cd-orb-size: clamp(2rem, 18cqw, 2.75rem)}.color-duel-compare{grid-template-columns:1fr}.color-duel-chip{font-size:.6875rem;padding:.45rem .15rem}.color-duel-timer__badge{font-size:.75rem}}.color-duel-hint-btn.btn--secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.25rem;color:var(--color-text);background:var(--color-card);border:2px solid rgba(45,35,84,.14);border-radius:var(--radius-md, .75rem);box-shadow:0 2px #2b23551a}.color-duel-hint-btn__stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem}.color-duel-hint-btn__label{font-family:var(--md-font);font-size:.5rem;font-weight:800;line-height:1.1;letter-spacing:.02em;color:var(--color-accent-gold)}.color-duel-hint-btn__icon{display:block;width:1.125rem;height:1.125rem;background-color:var(--color-accent-gold);mask-image:url(/images/hint-lightbulb.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/images/hint-lightbulb.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.color-duel-hint-btn.btn--secondary:hover:not(:disabled) .color-duel-hint-btn__icon{background-color:var(--color-accent-coral)}.color-duel-hint-btn.btn--secondary:hover:not(:disabled) .color-duel-hint-btn__label{color:var(--color-accent-coral)}.color-duel-hint-btn.btn--secondary:hover:not(:disabled){background:var(--color-surface-raised);border-color:#2d235438}.color-duel-hint-btn.btn--secondary:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #2b23551a}.color-duel-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.color-duel-hint__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#2b235573;cursor:pointer}.color-duel-hint__panel{position:relative;z-index:1;width:min(100%,20rem);max-height:min(85dvh,28rem);overflow-y:auto;padding:1.125rem 1rem 1rem;border-radius:var(--radius-xl);background:var(--color-card);border:3px solid var(--color-card-border);box-shadow:var(--shadow-card);box-sizing:border-box}.color-duel-hint__title{margin:0 0 .75rem;font-size:var(--md-text-xl);font-weight:900;color:var(--color-text);line-height:1.2;text-align:center}.color-duel-hint__steps{margin:0 0 .75rem;padding-left:1.125rem;display:flex;flex-direction:column;gap:.5rem;font-size:var(--md-text-sm);font-weight:600;color:var(--color-text);line-height:1.35}.color-duel-hint__steps strong{font-weight:800;color:var(--color-primary)}.color-duel-hint__difficulty{margin:0 0 1rem;padding:.5rem .65rem;border-radius:var(--radius-md);background:#2ec4b61f;border:2px solid rgba(46,196,182,.28);font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted);line-height:1.35}.color-duel-hint__difficulty-label{font-weight:800;color:var(--color-primary)}.color-duel-hint__close{width:100%;min-height:3rem}.screen-setup--color-duel .screen__main{justify-content:center;gap:0;padding-top:.35rem}.cd-setup{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:21.5rem;margin:0 auto}.cd-setup__head{text-align:center}.cd-setup__eyebrow{display:inline-block;margin:0 0 .5rem;padding:.25rem .7rem;font-family:var(--md-font);font-size:.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);background:#fffdf8bf;border:2px solid rgba(45,35,84,.12);border-radius:var(--radius-pill);box-shadow:0 2px #2d235414}.cd-setup__title{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.06em;margin:0;font-family:var(--md-font-display);font-size:clamp(2.1rem,11vw,2.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;filter:drop-shadow(0 3px 0 rgba(45,35,84,.1))}.cd-setup__title-color{color:#4a8fe7;text-shadow:0 3px 0 rgba(45,35,84,.14),0 4px 0 rgba(74,143,231,.22)}.cd-setup__title-duel{color:#22c76a;text-shadow:0 3px 0 rgba(45,35,84,.14),0 4px 0 rgba(34,199,106,.28)}.cd-setup__lede{margin:.45rem 0 0;font-family:var(--md-font);font-size:var(--md-text-sm);font-weight:700;color:var(--color-text-muted)}.cd-setup__arena{padding:1rem .85rem .9rem;background:#2d23540f;border:3px solid rgba(45,35,84,.1);border-radius:var(--radius-xl);box-shadow:0 5px #2d23541a}.cd-setup__arena-top{margin-bottom:.75rem}.cd-setup__spectrum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:.25rem;padding:.35rem;background:#fffdf88c;border-radius:var(--radius-pill);border:2px solid rgba(45,35,84,.08)}.cd-setup__spectrum-glow{grid-row:1;z-index:0;min-height:1.65rem;margin:0;border-radius:var(--radius-pill);background:#fffdf8f2;border:2px solid rgba(45,35,84,.1);box-shadow:0 2px #2d23541a;transition:grid-column .28s cubic-bezier(.42,0,.58,1);pointer-events:none}.cd-setup[data-level=easy] .cd-setup__spectrum-glow{grid-column:1}.cd-setup[data-level=medium] .cd-setup__spectrum-glow{grid-column:2}.cd-setup[data-level=hard] .cd-setup__spectrum-glow{grid-column:3}.cd-setup__spectrum-tag{grid-row:1;z-index:1;display:flex;align-items:center;justify-content:center;padding:.3rem .15rem;font-family:var(--md-font);font-size:.625rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#2d235473;transition:color .2s ease}.cd-setup__spectrum-tag--easy{grid-column:1}.cd-setup__spectrum-tag--medium{grid-column:2}.cd-setup__spectrum-tag--hard{grid-column:3}.cd-setup__spectrum-tag--on{color:var(--color-text)}.cd-setup__locked{margin:0 0 .65rem;padding:.45rem .6rem;font-family:var(--md-font);font-size:var(--md-text-sm);font-weight:700;text-align:center;color:var(--color-text);background:#ffc93c59;border:2px solid rgba(45,35,84,.1);border-radius:var(--radius-md)}.cd-setup__tokens{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.5rem}.cd-setup-token{display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%;min-height:100%;padding:.75rem .35rem .65rem;font:inherit;color:inherit;cursor:pointer;background:#fffdf8b3;border:3px solid rgba(45,35,84,.1);border-radius:var(--radius-lg);box-shadow:0 4px #2d23541a;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.cd-setup-token:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2d23541a}.cd-setup-token__dot{width:1.125rem;height:1.125rem;border-radius:50%;border:3px solid rgba(255,253,248,.9);box-shadow:0 2px #2d235426,inset 0 -2px #2d235414;transition:transform .2s ease}.cd-setup-token--easy .cd-setup-token__dot{background:#7ae582}.cd-setup-token--medium .cd-setup-token__dot{background:#ffc93c}.cd-setup-token--hard .cd-setup-token__dot{background:#ff5e9a}.cd-setup-token__name{font-family:var(--md-font-display);font-size:.9375rem;font-weight:900;line-height:1.1;color:var(--color-text)}.cd-setup-token__bars{display:flex;align-items:flex-end;justify-content:center;gap:.2rem;height:1.35rem}.cd-setup-token__bar{width:.35rem;height:.45rem;border-radius:.2rem;background:#2d23541f;transition:height .2s ease,background .2s ease}.cd-setup-token__bar--on{height:1.1rem}.cd-setup-token--easy .cd-setup-token__bar--on{background:#7ae582}.cd-setup-token--medium .cd-setup-token__bar--on{background:#ffc93c}.cd-setup-token--hard .cd-setup-token__bar--on{background:#ff5e9a}.cd-setup-token__tags{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:.15rem;width:100%;min-height:2.05rem}.cd-setup-token__tag{padding:.12rem .35rem;font-family:var(--md-font);font-size:.5625rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);background:#2d23540f;border-radius:var(--radius-pill)}.cd-setup-token__time{flex-shrink:0;margin-top:auto;padding:.22rem .5rem;font-family:var(--md-font-display);font-size:.8125rem;font-weight:900;line-height:1;color:var(--color-text);background:#2d23540f;border-radius:var(--radius-pill)}.cd-setup-token--on{transform:translateY(-2px)}.cd-setup-token--easy.cd-setup-token--on{border-color:#7ae582;background:#7ae58252;box-shadow:0 5px #7ae58259,0 0 0 2px #7ae5822e}.cd-setup-token--easy.cd-setup-token--on .cd-setup-token__dot{transform:scale(1.12)}.cd-setup-token--easy.cd-setup-token--on .cd-setup-token__time{color:#1a8f48;background:#7ae58259}.cd-setup-token--medium.cd-setup-token--on{border-color:#ffc93c;background:#ffc93c47;box-shadow:0 5px #ffc93c59,0 0 0 2px #ffc93c38}.cd-setup-token--medium.cd-setup-token--on .cd-setup-token__dot{transform:scale(1.12)}.cd-setup-token--medium.cd-setup-token--on .cd-setup-token__time{color:#9a7a00;background:#ffc93c66}.cd-setup-token--hard.cd-setup-token--on{border-color:#ff5e9a;background:#ff5e9a33;box-shadow:0 5px #ff5e9a4d,0 0 0 2px #ff5e9a2e}.cd-setup-token--hard.cd-setup-token--on .cd-setup-token__dot{transform:scale(1.12)}.cd-setup-token--hard.cd-setup-token--on .cd-setup-token__time{color:#d43d6f;background:#ff5e9a38}.cd-setup-token--locked{opacity:.9}.cd-setup__run{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.55rem .8rem;font-family:var(--md-font);font-size:var(--md-text-sm);font-weight:700;text-align:center;color:var(--color-text);background:linear-gradient(135deg,#4a8fe724,#22c76a24);border:2px solid rgba(45,35,84,.1);border-radius:var(--radius-pill)}.cd-setup__run-rounds{font-family:var(--md-font-display);font-weight:900;color:#4a8fe7}.cd-setup__run-sep{color:#2d235447;font-weight:900}.cd-setup__run-detail{color:var(--color-text-muted)}@media(max-width:360px){.cd-setup-token__tag{font-size:.5rem;padding-inline:.28rem}}