:root{--color-bg-base: #0a0a1a;--color-bg-raised: #12122a;--color-bg-elevated: #1a1a3a;--color-bg-card: rgba(30, 30, 60, 0.6);--color-bg-overlay: rgba(0, 0, 0, 0.8);--color-accent: #ff6b7a;--color-accent-hover: #ff8a95;--color-accent-muted: rgba(255, 107, 122, 0.15);--color-accent-glow: rgba(255, 107, 122, 0.4);--color-success: #4ade80;--color-success-muted: rgba(74, 222, 128, 0.15);--color-success-glow: rgba(74, 222, 128, 0.3);--color-warning: #fbbf24;--color-warning-muted: rgba(251, 191, 36, 0.15);--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, 0.15);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, 0.7);--color-text-muted: rgba(255, 255, 255, 0.5);--color-text-inverse: #0a0a1a;--color-border-subtle: rgba(255, 255, 255, 0.08);--color-border-default: rgba(255, 255, 255, 0.12);--color-border-strong: rgba(255, 255, 255, 0.2);--color-board-light: #f0d9b5;--color-board-dark: #b58863;--color-board-highlight: rgba(255, 255, 0, 0.4);--color-board-selected: rgba(0, 255, 0, 0.4);--color-board-legal: rgba(0, 255, 0, 0.3);--color-board-capture: rgba(255, 0, 0, 0.3);--color-piece-red: #c0392b;--color-piece-red-highlight: #e74c3c;--color-piece-black: #2c3e50;--color-piece-black-highlight: #34495e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-display: 'Fraunces', Georgia, serif;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.4);--shadow-glow: 0 0 30px var(--color-accent-glow);--shadow-glow-success: 0 0 20px var(--color-success-glow);--transition-fast: 150ms ease;--transition-base: 200ms ease;--transition-slow: 300ms ease;--transition-bounce: 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--breakpoint-sm: 640px;--breakpoint-lg: 1024px;--touch-target-min: 44px;--header-height: 60px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px}@supports(padding: env(safe-area-inset-bottom)){:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:linear-gradient(145deg, #0a0a20 0%, #141430 50%, #0a0a20 100%);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-default)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-accent);color:var(--color-text-inverse)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1,.h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-0.02em;background:linear-gradient(135deg, #ffffff 0%, var(--color-accent) 50%, var(--color-accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(min-width: 640px){h1,.h1{font-size:var(--text-4xl)}}@media(min-width: 1024px){h1,.h1{font-size:var(--text-5xl)}}h2,.h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:-0.01em}@media(min-width: 640px){h2,.h2{font-size:var(--text-3xl)}}h3,.h3{font-size:var(--text-lg);font-weight:var(--font-semibold)}@media(min-width: 640px){h3,.h3{font-size:var(--text-xl)}}h4,.h4{font-size:var(--text-base);font-weight:var(--font-semibold)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.text-lead{font-size:var(--text-lg);line-height:var(--leading-loose)}.text-small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.link{color:var(--color-accent);font-weight:var(--font-medium);transition:color var(--transition-fast)}.link:hover{color:var(--color-accent-hover)}.link-underline{text-decoration:underline;text-underline-offset:2px}.list{padding-left:var(--space-6)}.list li{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--fluid{max-width:none}.section{width:100%;padding-top:var(--space-12);padding-bottom:var(--space-12)}.section--sm{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section--lg{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section--alt{background:hsla(0,0%,100%,.02)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(2, 1fr)}.grid--3{grid-template-columns:repeat(3, 1fr)}.grid--4{grid-template-columns:repeat(4, 1fr)}.grid--auto{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}.grid--auto-sm{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.grid--auto-lg{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}.grid--gap-sm{gap:var(--space-2)}.grid--gap-md{gap:var(--space-4)}.grid--gap-lg{gap:var(--space-6)}.grid--gap-xl{gap:var(--space-8)}@media(max-width: 639px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}@media(min-width: 640px)and (max-width: 1023px){.grid--3,.grid--4{grid-template-columns:repeat(2, 1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.stack>*+*{margin-top:var(--space-4)}.stack--sm>*+*{margin-top:var(--space-2)}.stack--lg>*+*{margin-top:var(--space-6)}.stack--xl>*+*{margin-top:var(--space-8)}.two-col{display:grid;gap:var(--space-6)}@media(min-width: 1024px){.two-col{grid-template-columns:minmax(300px, 400px) minmax(400px, 1fr);gap:var(--space-8);align-items:start}}@media(min-width: 1024px){.two-col--reverse{grid-template-columns:minmax(400px, 1fr) minmax(300px, 400px)}}.two-col__sidebar{position:relative}@media(min-width: 1024px){.two-col__sidebar--sticky{position:sticky;top:calc(var(--header-height) + var(--space-4))}}#app{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#app-main{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;padding-top:var(--header-height)}.screen{display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);flex:1;min-height:100vh;min-height:100dvh;animation:screen-fade-in .3s ease-out}.screen.active{display:flex}@keyframes screen-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-screen{display:none !important}.game-screen.active{display:flex !important}.hidden{display:none !important}@media(max-width: 639px){.hidden-mobile{display:none !important}}@media(min-width: 640px)and (max-width: 1023px){.hidden-tablet{display:none !important}}@media(min-width: 1024px){.hidden-desktop{display:none !important}}.show-mobile{display:none}.show-tablet{display:none}.show-desktop{display:none}@media(max-width: 639px){.show-mobile{display:block}.show-mobile.flex{display:flex}}@media(min-width: 640px)and (max-width: 1023px){.show-tablet{display:block}.show-tablet.flex{display:flex}}@media(min-width: 1024px){.show-desktop{display:block}.show-desktop.flex{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-none);text-align:center;white-space:nowrap;background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn__icon{flex-shrink:0;font-size:1.1em;line-height:1}.btn--sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{min-height:52px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--xl{min-height:56px;padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.btn--primary{background:linear-gradient(135deg, var(--color-accent) 0%, #ff4d6a 100%);color:#fff;border-color:rgba(0,0,0,0);box-shadow:0 4px 20px var(--color-accent-glow)}.btn--primary:hover{background:linear-gradient(135deg, var(--color-accent-hover) 0%, var(--color-accent) 100%);box-shadow:0 8px 30px var(--color-accent-glow),0 0 0 3px var(--color-accent-muted)}.btn--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.btn--ghost:hover{background:var(--color-accent-muted);border-color:rgba(0,0,0,0)}.btn--outline{background:rgba(0,0,0,0);border-color:var(--color-accent);color:var(--color-accent)}.btn--outline:hover{background:var(--color-accent-muted)}.btn--success{background:var(--color-success);color:var(--color-text-inverse);border-color:rgba(0,0,0,0)}.btn--success:hover{box-shadow:var(--shadow-glow-success)}.btn--whatsapp{background:#25d366;color:#fff;border-color:rgba(0,0,0,0)}.btn--whatsapp:hover{background:#20bd5a;box-shadow:0 4px 12px rgba(37,211,102,.4)}.btn--messenger{background:#0084ff;color:#fff;border-color:rgba(0,0,0,0)}.btn--messenger:hover{background:#0073e6;box-shadow:0 4px 12px rgba(0,132,255,.4)}.btn--block{width:100%}@media(max-width: 639px){.btn--block-mobile{width:100%}}.btn-group{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width: 640px){.btn-group{flex-direction:row;flex-wrap:wrap}}@media(min-width: 640px){.btn-group--center{justify-content:center}}.btn-stack{display:flex;flex-direction:column;gap:var(--space-3);width:100%}@media(min-width: 640px){.btn-stack{flex-direction:row;width:auto}.btn-stack .btn{min-width:180px}}.btn--icon{min-width:var(--touch-target-min);padding:var(--space-2);aspect-ratio:1}.btn--icon .btn__icon{font-size:1.25rem}.btn--loading{pointer-events:none;color:rgba(0,0,0,0)}.btn--loading::after{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-top-color:rgba(0,0,0,0);border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:var(--space-5)}.card:hover{border-color:var(--color-border-default)}.card--hover:hover{border-color:var(--color-border-default);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-accent-muted);border-radius:var(--radius-md);font-size:var(--text-xl);margin-bottom:var(--space-4);flex-shrink:0}.card__icon--lg{width:56px;height:56px;font-size:var(--text-2xl)}.card__icon--plain{background:none;width:auto;height:auto;font-size:var(--text-3xl)}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card__tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-2)}.card--highlight{border-color:var(--color-accent);background:var(--color-accent-muted)}.card--success{border-color:var(--color-success)}.card--warning{border-color:var(--color-warning);background:var(--color-warning-muted)}.action-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.action-card:hover{border-color:var(--color-accent);background:var(--color-accent-muted);transform:translateX(4px)}.action-card--selected{border-color:var(--color-accent);background:var(--color-accent-muted);box-shadow:var(--shadow-glow)}.action-card__preview{flex-shrink:0;width:70px;height:70px;background:linear-gradient(145deg, #c9a86c 0%, #a67c52 100%);border-radius:var(--radius-sm);overflow:hidden}.action-card__body{flex:1;min-width:0}.action-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.action-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.action-card__flag{font-size:var(--text-lg);margin-bottom:var(--space-1)}.step-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.step-card:hover{border-color:var(--color-border-default)}@media(max-width: 639px){.step-card{flex-direction:column}}.step-card__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg, var(--color-accent) 0%, #ff4d6a 100%);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-extrabold);color:#fff}@media(max-width: 639px){.step-card__number{width:40px;height:40px;font-size:var(--text-base)}}.step-card__body{flex:1}.step-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.step-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.step-card__list{margin-top:var(--space-3);padding-left:var(--space-5);list-style:disc}.step-card__list li{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.tip-card{position:relative;padding:var(--space-5);padding-right:var(--space-12);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tip-card:hover{border-color:var(--color-border-default);transform:translateY(-2px)}.tip-card--highlight{border-color:var(--color-accent);background:var(--color-accent-muted)}.tip-card__number{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold)}.tip-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.tip-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.info-card{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center}.info-card:hover{border-color:var(--color-border-default);transform:translateY(-2px)}.info-card--victory{border-color:var(--color-success);border-width:2px}.info-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.info-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.info-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.rule-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.rule-item__icon{flex-shrink:0;font-size:var(--text-xl)}.rule-item__body{flex:1}.rule-item__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.rule-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.highlight-box{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid}@media(max-width: 639px){.highlight-box{flex-direction:column}}.highlight-box--warning{background:var(--color-warning-muted);border-color:rgba(251,191,36,.3)}.highlight-box--success{background:var(--color-success-muted);border-color:rgba(74,222,128,.3)}.highlight-box--error{background:var(--color-error-muted);border-color:rgba(239,68,68,.3)}.highlight-box--compact{padding:var(--space-4)}.highlight-box--compact .highlight-box__icon{font-size:var(--text-xl)}.highlight-box__icon{flex-shrink:0;font-size:var(--text-2xl)}.highlight-box__body{flex:1}.highlight-box__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.highlight-box__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.rule-box{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.rule-box__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-accent);margin-bottom:var(--space-4)}.rule-box__list{padding-left:var(--space-5);list-style:disc}.rule-box__list li{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.card-grid{display:grid;gap:var(--space-4)}.card-grid--2{grid-template-columns:repeat(2, 1fr)}@media(max-width: 639px){.card-grid--2{grid-template-columns:1fr}}.card-grid--3{grid-template-columns:repeat(3, 1fr)}@media(max-width: 639px){.card-grid--3{grid-template-columns:1fr}}.card-grid--auto{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}.card-grid--auto-sm{grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}.input{width:100%;min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input:disabled{opacity:.5;cursor:not-allowed}.input--readonly{background:var(--color-bg-elevated)}.input-group{display:flex;gap:var(--space-2)}.input-group .input{flex:1;min-width:0}.input-group .btn{flex-shrink:0}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.form-error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error)}.invite-input{text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase}.invite-link-box{display:flex;gap:var(--space-2);margin:var(--space-5) 0}.invite-link-box .input{flex:1;font-size:var(--text-sm)}.share-buttons{display:none;gap:var(--space-2);justify-content:center;margin:var(--space-4) 0;flex-wrap:wrap}@media(hover: none)and (pointer: coarse){.share-buttons{display:flex}}.checkbox,.radio{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);cursor:pointer}.checkbox input,.radio input{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer}.checkbox span,.radio span{font-size:var(--text-sm);color:var(--color-text-secondary)}.tabs{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.tabs__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-height:var(--touch-target-min);background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.tabs__btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted);transform:translateY(-2px)}.tabs__btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.tabs__flag{font-size:1.25rem}.tabs__label{font-size:var(--text-sm)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);min-height:var(--touch-target-min);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{border-color:var(--color-accent);color:var(--color-accent)}.tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tab__icon{font-size:var(--text-base)}.tab-content{display:none}.tab-content.active{display:block;animation:fade-in .3s ease-out}@keyframes fade-in{from{opacity:0}to{opacity:1}}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:500px;border-collapse:collapse}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.table th{background:var(--color-bg-elevated);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-primary)}.table td{font-size:var(--text-sm);color:var(--color-text-secondary)}.table tr:hover td{background:var(--color-bg-card)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-accent);color:#fff}.badge--success{background:var(--color-success)}.badge--warning{background:var(--color-warning);color:var(--color-text-inverse)}.badge--muted{background:var(--color-bg-elevated);color:var(--color-text-muted)}.modal{display:none;position:fixed;inset:0;background:var(--color-bg-overlay);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);overflow-y:auto}.modal.active{display:flex;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}.modal__content{position:relative;width:100%;max-width:360px;max-height:calc(100vh - var(--space-8));max-height:calc(100dvh - var(--space-8));background:var(--color-bg-card);backdrop-filter:blur(20px);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xl);overflow-y:auto;animation:modal-slide-up .3s ease-out}.modal__content--lg{max-width:600px}.modal__content--xl{max-width:800px}@keyframes modal-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{margin-bottom:var(--space-4);text-align:center}.modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.modal__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.modal__text{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.modal__body{margin-bottom:var(--space-5)}.modal__body p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.modal__footer{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width: 640px){.modal__footer{flex-direction:row;justify-content:center}}.modal__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background:var(--color-accent-muted);color:var(--color-accent)}.variant-modal .modal__content{max-width:95%;width:600px}@media(min-width: 640px){.variant-modal .modal__content{width:700px}}@media(min-width: 768px){.variant-modal .modal__content{width:850px}}.variant-cards{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}@media(min-width: 640px){.variant-cards{flex-direction:row;flex-wrap:wrap;justify-content:center}}.variant-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit;color:inherit;width:100%}.variant-card:hover{border-color:var(--color-accent);background:var(--color-accent-muted);transform:translateX(4px)}.variant-card:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}@media(min-width: 640px){.variant-card{flex-direction:column;width:calc(50% - var(--space-3));min-width:160px;text-align:center;padding:var(--space-5) var(--space-4)}.variant-card:hover{transform:translateY(-4px)}}@media(min-width: 768px){.variant-card{width:calc(25% - var(--space-3))}}.variant-preview{flex-shrink:0;width:72px;height:72px;background:linear-gradient(145deg, #c9a86c 0%, #a67c52 100%);border-radius:var(--radius-sm);padding:4px;display:flex;align-items:center;justify-content:center}.preview-board{width:100%;height:100%;display:grid;background:repeating-conic-gradient(var(--color-board-light) 0deg 90deg, var(--color-board-dark) 90deg 180deg) 0 0/25% 25%;border-radius:2px;position:relative}.preview-board--8x8{grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(4, 1fr)}.preview-board--10x10{grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(5, 1fr);background:repeating-conic-gradient(var(--color-board-light) 0deg 90deg, var(--color-board-dark) 90deg 180deg) 0 0/20% 20%}.preview-board--turkish{background:var(--color-board-dark)}.preview-board__piece{width:80%;height:80%;border-radius:var(--radius-full);margin:auto}.preview-board__piece--red{background:radial-gradient(circle at 30% 30%, var(--color-piece-red-highlight), var(--color-piece-red));border:1px solid #922b21}.preview-board__piece--black{background:radial-gradient(circle at 30% 30%, var(--color-piece-black-highlight), var(--color-piece-black));border:1px solid #1a252f}.variant-info{flex:1;display:flex;flex-direction:column;gap:2px}@media(min-width: 640px){.variant-info{align-items:center}}.variant-info__flag{font-size:var(--text-lg);margin-bottom:2px}.variant-info__name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.variant-info__board{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.variant-info__tag{display:inline-block;font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-muted);padding:2px var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-1);align-self:flex-start}@media(min-width: 640px){.variant-info__tag{align-self:center}}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--color-border-default)}.faq-item summary{padding:var(--space-4) var(--space-5);cursor:pointer;font-weight:var(--font-semibold);list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);transition:color var(--transition-fast);min-height:var(--touch-target-min)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--color-accent)}.faq-item summary::after{content:"+";font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-accent);transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--space-3)}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{padding:0 var(--space-5) var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.spinner{width:48px;height:48px;border:3px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s cubic-bezier(0.5, 0.1, 0.5, 0.9) infinite;margin:var(--space-6) auto}.spinner--sm{width:24px;height:24px;border-width:2px}.spinner--lg{width:64px;height:64px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.bottom-sheet{display:none;position:fixed;inset:0;z-index:var(--z-modal)}.bottom-sheet.active{display:block}.bottom-sheet.closing .bottom-sheet__content{animation:bottom-sheet-fade-scale-out .2s ease-out forwards}@media(min-width: 640px){.bottom-sheet.closing .bottom-sheet__content{animation:bottom-sheet-modal-out .2s ease-out forwards}}.bottom-sheet.closing .bottom-sheet__backdrop{animation:bottom-sheet-fade-out .2s ease-out forwards}.bottom-sheet__backdrop{position:absolute;inset:0;background:var(--color-bg-overlay);backdrop-filter:blur(4px);animation:bottom-sheet-fade-in .2s ease-out}@keyframes bottom-sheet-fade-in{from{opacity:0}to{opacity:1}}@keyframes bottom-sheet-fade-out{from{opacity:1}to{opacity:0}}.bottom-sheet__content{position:absolute;inset:0;background:var(--color-bg-card);border-radius:0;padding:var(--space-4);padding-top:var(--space-6);padding-bottom:calc(var(--space-6) + var(--safe-area-bottom, 0px));overflow-y:auto;animation:bottom-sheet-fade-scale-in .25s ease-out;box-shadow:0 0 40px rgba(0,0,0,.5)}@media(min-width: 640px){.bottom-sheet__content{inset:auto;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:480px;max-height:85vh;max-height:85dvh;border-radius:var(--radius-xl);padding:var(--space-6);animation:bottom-sheet-modal-in .25s ease-out}}@keyframes bottom-sheet-fade-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes bottom-sheet-fade-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes bottom-sheet-modal-in{from{opacity:0;transform:translate(-50%, -50%) scale(0.9)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes bottom-sheet-modal-out{from{opacity:1;transform:translate(-50%, -50%) scale(1)}to{opacity:0;transform:translate(-50%, -50%) scale(0.9)}}.bottom-sheet__close{position:absolute;top:var(--space-3);right:var(--space-3);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;z-index:1;transition:all var(--transition-fast)}.bottom-sheet__close:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.bottom-sheet__handle{display:none}.bottom-sheet__header{text-align:center;margin-bottom:var(--space-4)}.bottom-sheet__flag{font-size:2.5rem;display:block;margin-bottom:var(--space-2)}.bottom-sheet__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.bottom-sheet__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.bottom-sheet__preview{display:flex;justify-content:center;margin-bottom:var(--space-4)}.bottom-sheet__preview .variant-preview{width:120px;height:120px}.bottom-sheet__rules{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.bottom-sheet__rule-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.bottom-sheet__rule-item::before{content:"✓";color:var(--color-success);font-weight:var(--font-bold)}.bottom-sheet__actions{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-2)}.bottom-sheet__actions .btn{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width: 640px){.bottom-sheet__actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.bottom-sheet__actions .btn{flex:0 1 auto;min-width:140px;max-width:200px}}.bottom-sheet__link{text-align:center;margin-top:var(--space-4)}.bottom-sheet__link a{color:var(--color-accent);font-size:var(--text-sm);text-decoration:none}.bottom-sheet__link a:hover{text-decoration:underline}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:rgba(10,10,26,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-subtle);height:var(--header-height)}.main-nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4);height:100%}.nav-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);z-index:calc(var(--z-fixed) + 2)}.nav-logo__icon{font-size:var(--text-xl)}.nav-logo__text{font-size:var(--text-base);font-weight:var(--font-semibold);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent) 50%, var(--color-accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.nav-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:var(--touch-target-min);height:var(--touch-target-min);background:rgba(0,0,0,0);border:none;cursor:pointer;padding:var(--space-2);z-index:calc(var(--z-fixed) + 2)}@media(min-width: 1024px){.nav-hamburger{display:none}}.nav-hamburger__line{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.site-header.nav-open .nav-hamburger__line:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.site-header.nav-open .nav-hamburger__line:nth-child(2){opacity:0}.site-header.nav-open .nav-hamburger__line:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:var(--z-fixed);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.site-header.nav-open .nav-backdrop{opacity:1;pointer-events:auto}@media(min-width: 1024px){.nav-backdrop{display:none}}.nav-links{display:flex;position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;height:100dvh;background:rgba(10,10,26,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;padding:calc(var(--header-height) + var(--space-4)) var(--space-5) var(--space-5);gap:0;transform:translateX(100%);transition:transform .25s ease-out;z-index:calc(var(--z-fixed) + 1);border-left:1px solid var(--color-border-subtle);overflow-y:auto;list-style:none;margin:0}.site-header.nav-open .nav-links{transform:translateX(0)}.nav-links li{width:100%;list-style:none}.nav-links a,.nav-links .nav-dropdown__btn{display:block;width:100%;padding:var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;border-bottom:1px solid var(--color-border-subtle);transition:color var(--transition-fast);background:none;border-left:none;border-right:none;border-top:none;text-align:left;cursor:pointer}.nav-links a:hover,.nav-links a.active,.nav-links .nav-dropdown__btn:hover,.nav-links .nav-dropdown__btn.active{color:var(--color-accent)}@media(min-width: 1024px){.nav-links{position:static;flex-direction:row;align-items:center;width:auto;height:auto;padding:0;background:rgba(0,0,0,0);border:none;transform:none;gap:var(--space-6);overflow:visible}.nav-links li{width:auto}.nav-links a,.nav-links .nav-dropdown__btn{display:inline-flex;padding:0;font-size:var(--text-sm);border-bottom:none;line-height:var(--leading-normal)}}.nav-dropdown{width:100%}@media(min-width: 1024px){.nav-dropdown{position:relative;width:auto}}.nav-dropdown__btn{display:flex;align-items:center;gap:var(--space-2)}.nav-dropdown__arrow{font-size:var(--text-xs);transition:transform var(--transition-fast);display:none}@media(min-width: 1024px){.nav-dropdown__arrow{display:inline;font-size:.7rem}}@media(min-width: 1024px){.nav-dropdown:hover .nav-dropdown__arrow{transform:rotate(180deg)}}.nav-dropdown__menu{position:static;opacity:1;visibility:visible;transform:none;background:rgba(0,0,0,0);border:none;box-shadow:none;padding:0 0 0 var(--space-4);min-width:auto;list-style:none;margin:0}.nav-dropdown__menu li{list-style:none}.nav-dropdown__menu a{padding:var(--space-3) 0;font-size:var(--text-sm);border-bottom:none}@media(min-width: 1024px){.nav-dropdown__menu{position:absolute;top:100%;right:0;min-width:140px;padding:var(--space-2) 0;margin-top:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.nav-dropdown__menu a{display:block;padding:var(--space-2) var(--space-4)}.nav-dropdown__menu a:hover{background:var(--color-accent-muted)}}@media(min-width: 1024px){.nav-dropdown:hover .nav-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}}.lang-switcher{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);width:100%}@media(min-width: 1024px){.lang-switcher{padding:0;border:none;width:auto;margin-left:var(--space-2)}}.lang-switcher__btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);border-radius:var(--radius-sm);cursor:pointer;opacity:.6;transition:all var(--transition-fast)}.lang-switcher__btn:hover{opacity:1;background:var(--color-accent-muted)}.lang-switcher__btn.active{opacity:1;border-color:var(--color-accent);background:var(--color-accent-muted)}.lang-switcher__flag{font-size:var(--text-lg);line-height:1}.page-footer{background:rgba(0,0,0,.3);padding:var(--space-10) var(--space-5);padding-bottom:calc(var(--space-10) + var(--safe-area-bottom, 0px));text-align:center;margin-top:auto}.page-footer__links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin-bottom:var(--space-5)}.page-footer__links a{color:var(--color-text-secondary);font-weight:var(--font-medium);transition:color var(--transition-fast)}.page-footer__links a:hover{color:var(--color-accent)}.page-footer__links--legal{margin-bottom:var(--space-5)}.page-footer__links--legal a{font-size:var(--text-sm);color:var(--color-text-muted)}.page-footer__copyright{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.page-hero{text-align:center;padding:var(--space-12) var(--space-5) var(--space-8)}.page-hero h1{margin-bottom:var(--space-4)}.page-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}@media(min-width: 640px){.page-hero{padding:var(--space-16) var(--space-5) var(--space-10)}}.home-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.hero-section{display:flex;flex-direction:column;align-items:center;padding:calc(var(--header-height) + var(--space-8)) var(--space-4) var(--space-8);min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 107, 122, 0.15), transparent),radial-gradient(ellipse 60% 40% at 80% 80%, rgba(107, 122, 255, 0.1), transparent)}@media(min-width: 1024px){.hero-section{flex-direction:row;justify-content:center;gap:var(--space-16);padding:calc(var(--header-height) + var(--space-8)) var(--space-6);min-height:auto}}.hero-content{text-align:center;max-width:600px;z-index:2}@media(min-width: 1024px){.hero-content{text-align:left;max-width:500px}}.hero-badge{display:inline-block;padding:var(--space-1) var(--space-4);background:linear-gradient(135deg, var(--color-accent) 0%, #ff4d6a 100%);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--space-4);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,100%{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 20px 5px var(--color-accent-glow)}}.hero-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-4);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}@media(min-width: 640px){.hero-subtitle{font-size:var(--text-lg)}}.hero-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}@media(min-width: 640px){.hero-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 1024px){.hero-buttons{flex-direction:column;align-items:flex-start}}.hero-visual{margin-top:var(--space-8);position:relative;z-index:1}@media(min-width: 1024px){.hero-visual{margin-top:0}}.animated-board{position:relative;transform:perspective(800px) rotateX(10deg) rotateY(-5deg);transition:transform .5s ease}.animated-board:hover{transform:perspective(800px) rotateX(5deg) rotateY(0deg) scale(1.02)}.board-glow{position:absolute;inset:-20px;background:radial-gradient(circle at center, var(--color-accent-glow), transparent 70%);filter:blur(30px);z-index:-1;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.mini-board{display:flex;flex-direction:column;width:clamp(200px,45vw,280px);aspect-ratio:1;background:linear-gradient(145deg, #c9a86c 0%, #a67c52 100%);border-radius:var(--radius-md);padding:6px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}@media(min-width: 1024px){.mini-board{width:320px}}.mini-board .row{display:flex;flex:1}.mini-board .sq{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.mini-board .sq.light{background:var(--color-board-light)}.mini-board .sq.dark{background:var(--color-board-dark)}.mini-board .pc{width:70%;height:70%;border-radius:var(--radius-full);box-shadow:0 3px 6px rgba(0,0,0,.3),inset 0 2px 3px hsla(0,0%,100%,.2)}.mini-board .pc.red{background:radial-gradient(circle at 30% 30%, var(--color-piece-red-highlight), var(--color-piece-red));border:2px solid #922b21}.mini-board .pc.black{background:radial-gradient(circle at 30% 30%, var(--color-piece-black-highlight), var(--color-piece-black));border:2px solid #1a252f}.mini-board .sq.anim-start{animation:start-highlight 4s ease-in-out infinite}@keyframes start-highlight{0%,5%{background:var(--color-board-dark)}10%,30%{background:rgba(255,200,0,.6)}35%,100%{background:var(--color-board-dark)}}.mini-board .pc.anim-piece{position:relative;z-index:10;animation:capture-move 4s ease-in-out infinite}@keyframes capture-move{0%,15%{transform:translate(0, 0)}35%,85%{transform:translate(286%, 286%)}100%{transform:translate(0, 0)}}.mini-board .pc.anim-captured{animation:get-captured 4s ease-in-out infinite}@keyframes get-captured{0%,25%{opacity:1;transform:scale(1)}35%{opacity:0;transform:scale(0.5)}90%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.mini-board .sq.anim-land::after{content:"";position:absolute;width:30%;height:30%;background:rgba(0,255,100,.6);border-radius:var(--radius-full);animation:land-indicator 4s ease-in-out infinite}@keyframes land-indicator{0%,5%{opacity:0;transform:scale(0)}10%,30%{opacity:1;transform:scale(1)}35%,100%{opacity:0;transform:scale(0)}}.floating-piece{position:absolute;width:36px;height:36px;border-radius:var(--radius-full);box-shadow:0 5px 15px rgba(0,0,0,.3);animation:float 6s ease-in-out infinite}@media(max-width: 639px){.floating-piece{display:none}}.fp-1{top:-24px;right:-32px;background:radial-gradient(circle at 30% 30%, var(--color-piece-red-highlight), var(--color-piece-red));animation-delay:0s}.fp-2{bottom:-16px;left:-40px;width:28px;height:28px;background:radial-gradient(circle at 30% 30%, var(--color-piece-black-highlight), var(--color-piece-black));animation-delay:2s}.fp-3{top:50%;right:-48px;width:24px;height:24px;background:radial-gradient(circle at 30% 30%, var(--color-piece-red-highlight), var(--color-piece-red));animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.features-section{text-align:center;max-width:var(--container-xl);margin:0 auto;padding:var(--space-12) var(--space-4)}.features-section h2{margin-bottom:var(--space-8)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:var(--container-lg);margin:0 auto}@media(min-width: 480px){.features-grid{grid-template-columns:repeat(2, 1fr);gap:var(--space-5)}}@media(min-width: 768px){.features-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-6)}}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card h3{margin-bottom:var(--space-2);font-size:var(--text-lg)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.feature-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-accent-muted);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.feature-icon{font-size:1.5rem}.how-to-play-section{max-width:var(--container-md);margin:0 auto;padding:var(--space-12) var(--space-4);text-align:center}.how-to-play-section h2{margin-bottom:var(--space-6)}.steps-container{margin-top:var(--space-6)}.step{display:flex;gap:var(--space-5);text-align:left;padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-subtle)}.step:last-child{border-bottom:none}.step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg, var(--color-accent) 0%, #ff4d6a 100%);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-extrabold);color:#fff}.step-content h3{margin-bottom:var(--space-1)}.step-content p{font-size:var(--text-sm)}.cta-inline{margin-top:var(--space-6)}.text-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-medium)}.text-link:hover{text-decoration:underline}.rules-section{max-width:var(--container-lg);margin:0 auto;padding:var(--space-12) var(--space-4)}.rules-content{text-align:center}.rules-content h2{margin-bottom:var(--space-3)}.rules-intro{max-width:600px;margin:0 auto var(--space-8);color:var(--color-text-secondary)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-4);margin-bottom:var(--space-6);text-align:left}.rule-icon{font-size:1.5rem;flex-shrink:0}.rule-text h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.rule-text p{font-size:var(--text-sm);color:var(--color-text-secondary)}.final-cta{text-align:center;padding:var(--space-12) var(--space-4);background:linear-gradient(180deg, transparent 0%, rgba(255, 107, 122, 0.05) 100%)}.final-cta h2{margin-bottom:var(--space-2)}.final-cta p{margin-bottom:var(--space-6)}.ad-home{max-width:320px;margin:var(--space-6) auto;overflow:hidden;display:none}.ad-home:has(ins),.ad-home:not(:empty){display:block;min-height:250px}#game-screen{display:none !important;flex-direction:column;align-items:center;padding:var(--space-2);min-height:100vh;min-height:100dvh;overflow:hidden}#game-screen.active{display:flex !important}@media(min-width: 1024px){#game-screen{padding:var(--space-4);height:100vh;height:100dvh}}.game-header{width:100%;max-width:600px;margin-bottom:var(--space-2)}.player-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-card);backdrop-filter:blur(10px);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-height:48px;transition:background var(--transition-fast),border-color var(--transition-fast)}.player-info--top{justify-content:flex-start}.player-info--bottom{justify-content:flex-end;margin-top:var(--space-2)}.turn-indicator{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-fast)}.turn-indicator.active{background:var(--color-success);box-shadow:0 0 12px var(--color-success-glow);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 12px var(--color-success-glow)}50%{opacity:.7;box-shadow:0 0 20px var(--color-success-glow)}}.player-timer{font-size:var(--text-base);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;min-width:40px;text-align:center;color:var(--color-text-primary);transition:color var(--transition-fast)}.player-timer:empty::before{content:" ";visibility:hidden}.player-timer--warning{color:var(--color-warning)}.player-timer--danger{color:var(--color-accent);animation:timer-pulse .5s ease-in-out infinite}@keyframes timer-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.player-pieces{display:flex;flex-wrap:wrap;gap:2px;max-width:100px}.player-pieces--many{max-width:120px}.player-pieces--many .captured-piece{width:10px;height:10px}.captured-piece{width:12px;height:12px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-shrink:0}.captured-piece--red{background:var(--color-piece-red)}.captured-piece--black{background:var(--color-piece-black)}.game-container{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;max-width:600px}@media(min-width: 1024px){.game-container{flex-direction:row;justify-content:center;gap:var(--space-8);max-width:none}}#board-container{padding:var(--space-1);background:linear-gradient(145deg, #c9a86c 0%, #a67c52 100%);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}#board{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(8, 1fr);--board-size: min( calc(100vw - var(--space-4)), calc(100dvh - 220px), 500px );width:var(--board-size);height:var(--board-size);border-radius:var(--radius-sm);overflow:hidden}@media(min-width: 1024px){#board{--board-size: min(60vw, calc(100vh - 200px), 560px)}}#board.board-10x10{grid-template-columns:repeat(10, 1fr);grid-template-rows:repeat(10, 1fr)}#board.board-10x10 .piece{width:75%;height:75%}#board.board-10x10 .piece.king::before{width:45%;height:45%}#board.board-turkish{grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(8, 1fr)}#board.board-turkish .square-light{cursor:pointer}.square{display:flex;align-items:center;justify-content:center;position:relative}.square-light{background:var(--color-board-light)}.square-dark{background:var(--color-board-dark)}.square.selected{background:var(--color-board-selected) !important}.square.last-move{background:var(--color-board-highlight) !important}.square.legal-move{cursor:pointer}.square.legal-move::after{content:"";width:30%;height:30%;background:var(--color-board-legal);border-radius:var(--radius-full)}.square.legal-capture::after{width:80%;height:80%;background:var(--color-board-capture);border:3px solid rgba(255,0,0,.6)}.square.must-move{animation:must-move-pulse .5s ease-in-out 3}@keyframes must-move-pulse{0%,100%{box-shadow:inset 0 0 0 3px rgba(255,200,0,.8)}50%{box-shadow:inset 0 0 0 5px #ffc800}}.piece{width:80%;height:80%;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast);position:relative;box-shadow:0 4px 8px rgba(0,0,0,.3)}.piece:hover:not(.disabled){transform:scale(1.08)}.piece:not(.disabled){cursor:grab}.piece:not(.disabled):active{cursor:grabbing}.piece-red{background:var(--color-piece-red);border:3px solid #922b21}.piece-black{background:var(--color-piece-black);border:3px solid #1a252f}.piece.king::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50%;height:50%;border-radius:var(--radius-full);background:radial-gradient(circle, gold 0%, #daa520 50%, transparent 70%);box-shadow:0 0 8px gold,inset 0 0 4px rgba(255,215,0,.8)}.piece.disabled{cursor:default;opacity:.7}.piece.dragging{opacity:.5;transform:scale(1.1);cursor:grabbing}.piece.animating{position:absolute;z-index:10;transition:transform .25s ease-in-out}.piece.captured{animation:capture-anim .3s ease-out forwards}@keyframes capture-anim{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}100%{transform:scale(0);opacity:0}}.game-status{text-align:center;padding:var(--space-2);font-weight:var(--font-semibold);color:var(--color-success);min-height:2rem}.lobby-content{text-align:center;padding:var(--space-8)}.lobby-hint{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-5)}.invite-content{text-align:center;width:100%;max-width:400px}.invite-state{padding:var(--space-4)}.invite-hint{color:var(--color-text-muted);font-size:var(--text-sm)}#result-screen{justify-content:flex-start}.result-content{text-align:center;padding:var(--space-6)}.result-icon{font-size:4rem;line-height:1;margin-bottom:var(--space-5);animation:bounce-in .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.result-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.ad-result{max-width:320px;min-height:250px;margin:var(--space-5) auto;margin-top:auto}.menu-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:280px;margin:var(--space-6) 0}.menu-buttons .btn{width:100%}@media(min-width: 1024px){.ad-sidebar{display:flex !important;flex-direction:column;width:300px;flex-shrink:0;gap:var(--space-4)}.ad-sidebar .ad-unit{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);min-height:250px;display:flex;align-items:center;justify-content:center}}.ad-slot{display:flex;align-items:center;justify-content:center}.ad-slot:empty{display:none}#ad-slot-top{margin-bottom:var(--space-3)}#ad-slot-bottom{margin-top:var(--space-3)}#ad-slot-sidebar{display:none}@media(min-width: 1024px){#ad-slot-sidebar{display:flex;flex-direction:column;gap:var(--space-4);width:300px}}@media(min-width: 1024px){#ad-slot-top,#ad-slot-bottom{display:none}}.jogar-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--header-height)}.jogar-hero{text-align:center;padding:var(--space-6) var(--space-4) var(--space-4);background:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 107, 122, 0.12), transparent),radial-gradient(ellipse 60% 40% at 80% 100%, rgba(107, 122, 255, 0.08), transparent)}@media(min-width: 640px){.jogar-hero{padding:var(--space-8) var(--space-4) var(--space-6)}}@media(min-width: 1024px){.jogar-hero{padding:var(--space-10) var(--space-4) var(--space-8)}}.jogar-hero h1{margin-bottom:var(--space-2);line-height:var(--leading-tight);font-size:var(--text-2xl)}@media(min-width: 640px){.jogar-hero h1{font-size:var(--text-3xl)}}@media(min-width: 1024px){.jogar-hero h1{font-size:var(--text-4xl)}}.jogar-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:500px;margin:0 auto;line-height:var(--leading-relaxed)}@media(min-width: 640px){.jogar-subtitle{font-size:var(--text-base)}}.variant-selection{width:100%;max-width:700px;margin:0 auto}@media(min-width: 1024px){.variant-selection{max-width:1100px}}.variant-cards-vertical{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-4)}@media(min-width: 640px){.variant-cards-vertical{grid-template-columns:repeat(3, 1fr);gap:var(--space-5)}}@media(min-width: 1024px){.variant-cards-vertical{grid-template-columns:repeat(5, 1fr);gap:var(--space-6);max-width:1100px;margin:0 auto}}@keyframes card-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.variant-card-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center;cursor:pointer;min-height:140px;position:relative;overflow:hidden;background:linear-gradient(145deg, rgba(30, 30, 60, 0.8), rgba(20, 20, 45, 0.6));backdrop-filter:blur(10px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base),transform var(--transition-bounce);animation:card-enter .4s ease-out both}.variant-card-compact::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent)}.variant-card-compact:hover{background:linear-gradient(145deg, rgba(255, 107, 122, 0.15), rgba(30, 30, 60, 0.8));border-color:var(--color-accent);transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg),0 0 40px rgba(255,107,122,.15)}.variant-card-compact:active{transform:translateY(-2px) scale(1)}.variant-card-compact:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}@media(min-width: 640px){.variant-card-compact{padding:var(--space-5) var(--space-4)}}@media(min-width: 1024px){.variant-card-compact{padding:var(--space-6) var(--space-5)}}.variant-card-compact__flag{font-size:3rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));transition:transform var(--transition-bounce)}@media(min-width: 1024px){.variant-card-compact__flag{font-size:3.5rem}}.variant-card-compact:hover .variant-card-compact__flag{transform:scale(1.1)}.variant-card-compact__name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight);letter-spacing:-0.01em}.variant-card-compact__badge{display:inline-block;font-size:var(--text-sm);color:var(--color-accent);background:linear-gradient(135deg, var(--color-accent-muted), rgba(255, 107, 122, 0.25));border:1px solid rgba(255,107,122,.2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-semibold)}@keyframes selected-pulse{0%,100%{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow)}}.variant-card-compact--selected{background:linear-gradient(145deg, rgba(255, 107, 122, 0.2), rgba(30, 30, 60, 0.9));border-color:var(--color-accent);box-shadow:var(--shadow-glow),inset 0 0 30px rgba(255,107,122,.1);animation:selected-pulse 2s ease-in-out infinite,card-enter .4s ease-out both}@keyframes details-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.variant-details{background:linear-gradient(180deg, rgba(30, 30, 60, 0.95), rgba(20, 20, 45, 0.9));border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);max-width:600px;margin:var(--space-8) auto 0;box-shadow:var(--shadow-glow),0 20px 60px rgba(0,0,0,.3);position:relative;overflow:hidden;animation:details-enter .5s ease-out}.variant-details::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(circle, var(--color-accent-glow), transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}.variant-details>*{position:relative;z-index:1}@media(min-width: 640px){.variant-details{padding:var(--space-10) var(--space-8);max-width:650px}}.variant-details__header{display:flex;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.variant-details__flag{font-size:4rem;line-height:1;filter:drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4))}@media(min-width: 640px){.variant-details__flag{font-size:5rem}}.variant-details__title-group{flex:1}.variant-details__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-1);letter-spacing:-0.02em}@media(min-width: 640px){.variant-details__title{font-size:var(--text-3xl)}}.variant-details__subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}@media(min-width: 640px){.variant-details__subtitle{font-size:var(--text-base)}}.variant-details__rules{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.variant-details__rule-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast);font-size:var(--text-sm);color:var(--color-text-secondary)}.variant-details__rule-item:hover{border-color:var(--color-border-default);background:rgba(30,30,60,.8)}@media(min-width: 640px){.variant-details__rule-item{font-size:var(--text-base)}}.rule-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-accent-muted);border-radius:var(--radius-md);font-size:1.5rem}.variant-details__actions{display:flex;flex-direction:column;gap:var(--space-3)}.variant-details__actions .btn--primary{min-height:56px;font-size:var(--text-lg);box-shadow:0 4px 20px var(--color-accent-glow),0 8px 30px rgba(255,107,122,.2)}.variant-details__actions .btn--primary:hover{box-shadow:0 8px 40px var(--color-accent-glow),0 12px 50px rgba(255,107,122,.3)}.variant-details__actions .variant-details__secondary-buttons{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width: 640px){.variant-details__actions .variant-details__secondary-buttons{display:grid;grid-template-columns:1fr 1fr}}.variant-details__link{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);text-align:center}.variant-details__link a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast)}.variant-details__link a:hover{color:var(--color-accent);transform:translateX(4px)}.category-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);scrollbar-width:none;-ms-overflow-style:none}.category-chips::-webkit-scrollbar{display:none}.category-chips{-webkit-overflow-scrolling:touch}.category-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.category-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}.category-chip__icon{font-size:var(--text-base)}.variant-grid-container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4) var(--space-8);flex:1}@media(min-width: 1024px){.variant-grid-container{max-width:var(--container-xl);padding:0 var(--space-6) var(--space-10)}}.variant-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-3)}@media(min-width: 640px){.variant-grid{grid-template-columns:repeat(3, 1fr);gap:var(--space-4)}}@media(min-width: 1024px){.variant-grid{grid-template-columns:repeat(5, 1fr);max-width:1000px;margin:0 auto}}.variant-select-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-fast);min-height:120px;text-align:center}.variant-select-card:hover{border-color:var(--color-accent);background:var(--color-accent-muted);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.variant-select-card.selected{border-color:var(--color-accent);background:var(--color-accent-muted);box-shadow:var(--shadow-glow)}@media(min-width: 640px){.variant-select-card{padding:var(--space-5) var(--space-4)}}@media(min-width: 1024px){.variant-select-card{padding:var(--space-6) var(--space-5)}}.variant-select-card .variant-preview{display:none}.variant-select-card .variant-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.variant-select-card .variant-info__flag{font-size:2.5rem;line-height:1}@media(min-width: 1024px){.variant-select-card .variant-info__flag{font-size:3rem}}.variant-select-card .variant-info__name{font-size:var(--text-base);font-weight:var(--font-bold);margin:0}.variant-select-card .variant-info__board{font-size:var(--text-sm);color:var(--color-accent);background:var(--color-accent-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin:0}.variant-select-card .variant-info__tag{display:none}.rules-panel{display:none}.play-mode-panel{display:none !important}.jogar-container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4) var(--space-8);flex:1}@media(min-width: 1024px){.jogar-container{max-width:var(--container-xl);padding:0 var(--space-6) var(--space-10)}}.ad-jogar{margin-top:var(--space-6);display:flex;align-items:center;justify-content:center;min-height:250px;max-width:320px;margin-left:auto;margin-right:auto}.content-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--header-height);background:radial-gradient(ellipse 100% 40% at 50% 0%, rgba(255, 107, 122, 0.12), transparent 70%)}.page-content{flex:1;max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4) var(--space-12);width:100%}@media(min-width: 640px){.page-content{padding:0 var(--space-6) var(--space-16)}}.content-section{margin-bottom:var(--space-12);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.content-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}@media(min-width: 640px){.content-section h2{font-size:var(--text-3xl)}}.content-section>p{color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:var(--leading-loose)}.content-section ul,.content-section ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.content-section li{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.toc{max-width:var(--container-md);margin:0 auto var(--space-8);padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);border-radius:var(--radius-lg)}.toc h2{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.toc ul{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width: 640px){.toc ul{flex-direction:row;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}}.toc a{color:var(--color-accent);font-weight:var(--font-medium)}.toc a:hover{text-decoration:underline}.variant-badge{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-left:var(--space-2);vertical-align:middle}.color-legend{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}@media(min-width: 640px){.color-legend{flex-direction:row;gap:var(--space-5)}}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.color-dot{width:16px;height:16px;border-radius:var(--radius-full);flex-shrink:0}.color-dot--green{background:var(--color-board-legal);border:2px solid rgba(0,255,0,.6)}.color-dot--red{background:var(--color-board-capture);border:2px solid rgba(255,0,0,.6)}.visual-summary{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-4);margin-top:var(--space-5)}@media(min-width: 640px){.visual-summary{grid-template-columns:repeat(4, 1fr)}}.summary-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:var(--space-5);text-align:center}.summary-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.summary-card h3{font-size:var(--text-sm);margin-bottom:var(--space-1)}.summary-card p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.steps-visual{display:grid;gap:var(--space-4);margin-top:var(--space-5)}@media(min-width: 640px){.steps-visual{grid-template-columns:repeat(2, 1fr)}}.cta-section{text-align:center;padding:var(--space-12) var(--space-4);background:linear-gradient(180deg, transparent 0%, rgba(255, 107, 122, 0.05) 100%);border-radius:var(--radius-lg);margin-top:var(--space-10)}.cta-section h2{margin-bottom:var(--space-2)}.cta-section>p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}@media(min-width: 640px){.cta-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}}.comparison-table{width:100%;border-collapse:collapse;margin-top:var(--space-5);font-size:var(--text-sm)}.comparison-table th,.comparison-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.comparison-table th{background:var(--color-bg-elevated);font-weight:var(--font-semibold);color:var(--color-text-primary)}.comparison-table td{color:var(--color-text-secondary)}.comparison-table tr:hover td{background:var(--color-bg-card)}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-5) 0}.table-wrapper .comparison-table{min-width:500px;margin:0}.ad-content-page{max-width:320px;min-height:250px;margin:var(--space-8) auto;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-0{padding-top:0}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-none{max-width:none}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh;min-height:100dvh}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-none{border-radius:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-0{transform:rotate(0deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-center{object-position:center}.backdrop-blur{backdrop-filter:blur(10px)}.backdrop-blur-lg{backdrop-filter:blur(20px)}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-none{box-shadow:none}.border{border:1px solid var(--color-border-default)}.border-0{border:none}.border-subtle{border-color:var(--color-border-subtle)}.border-accent{border-color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-glow)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}/*# sourceMappingURL=main.css.map */