*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--bg-start: #0f0c29;--bg-mid: #302b63;--bg-end: #24243e;--surface-primary: rgba(255, 255, 255, .06);--surface-secondary: rgba(255, 255, 255, .03);--surface-elevated: rgba(255, 255, 255, .1);--surface-glass: rgba(255, 255, 255, .08);--surface-glass-border: rgba(255, 255, 255, .15);--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .7);--text-muted: rgba(240, 240, 245, .4);--accent-gold: #f5c842;--accent-gold-glow: rgba(245, 200, 66, .3);--accent-blue: #5b8def;--accent-purple: #a855f7;--accent-green: #34d399;--piece-1: #facc15;--piece-2: #fb923c;--piece-3: #ef4444;--piece-4: #a855f7;--piece-5: #3b82f6;--piece-6: #22c55e;--piece-7: #ec4899;--piece-8: #a3623a;--piece-9: #94a3b8;--piece-1-light: #fef08a;--piece-2-light: #fed7aa;--piece-3-light: #fca5a5;--piece-4-light: #d8b4fe;--piece-5-light: #93c5fd;--piece-6-light: #86efac;--piece-7-light: #f9a8d4;--piece-8-light: #c9956a;--piece-9-light: #cbd5e1;--board-bg: rgba(255, 255, 255, .95);--board-cell: rgba(0, 0, 0, .03);--board-cell-hover: rgba(100, 100, 255, .12);--board-cell-valid: rgba(34, 197, 94, .2);--board-cell-invalid: rgba(239, 68, 68, .2);--board-border: rgba(0, 0, 0, .08);--board-blocker: #374151;--board-blocker-icon: rgba(255, 255, 255, .6);--btn-primary-bg: linear-gradient(135deg, #6366f1, #8b5cf6);--btn-primary-hover: linear-gradient(135deg, #818cf8, #a78bfa);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-hover: rgba(255, 255, 255, .14);--btn-danger: #ef4444;--twitter-color: #000000;--whatsapp-color: #25D366;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--cell-size: clamp(40px, 12vmin, 68px);--board-gap: 2px}body{font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(160deg,var(--bg-start),var(--bg-mid),var(--bg-end));background-attachment:fixed;overflow-x:hidden}.screen{display:none;min-height:100vh;min-height:100dvh}.screen.active{display:flex;flex-direction:column}#screen-menu{align-items:center;justify-content:center;padding:var(--space-6);position:relative}.menu-container{position:relative;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);z-index:1}.menu-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;z-index:0}#screen-game{min-height:100vh;min-height:100dvh}.game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-glass-border);position:sticky;top:0;z-index:100}.game-main{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4);flex:1}.board-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.pieces-panel{width:100%;order:2}.pieces-tray{display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;padding:var(--space-3);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--surface-elevated) transparent;background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pieces-tray::-webkit-scrollbar{height:4px}.pieces-tray::-webkit-scrollbar-track{background:transparent}.pieces-tray::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.game-sidebar{display:none}@media(min-width:768px){.game-main{padding:var(--space-6)}.pieces-tray{flex-wrap:wrap;justify-content:center;overflow-x:visible;padding:var(--space-4)}}@media(min-width:1024px){.game-main{display:grid;grid-template-columns:260px 1fr 260px;gap:var(--space-6);align-items:start;max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6)}.pieces-panel{order:0;position:sticky;top:80px}.pieces-tray{flex-direction:column;overflow-x:visible;max-height:calc(100vh - 120px);overflow-y:auto}.game-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:80px}}#screen-victory{align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden}.victory-container{position:relative;max-width:500px;width:100%;z-index:1}.victory-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-8)}.board-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);user-select:none;-webkit-user-select:none}.board-labels{display:flex;align-items:center}.board-labels span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;font-weight:600}.board-labels-cols{gap:var(--board-gap);padding-left:calc(var(--fs-xs) + var(--space-2) + var(--space-1))}.board-labels-cols span{width:var(--cell-size);text-align:center}.board-labels-rows{flex-direction:column;gap:var(--board-gap);padding-right:var(--space-2)}.board-labels-rows span{height:var(--cell-size);display:flex;align-items:center;justify-content:center}.board-with-rows{display:flex}.board{display:grid;grid-template-columns:repeat(6,var(--cell-size));grid-template-rows:repeat(6,var(--cell-size));gap:var(--board-gap);padding:var(--space-2);background:var(--board-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px #ffffff80;position:relative}.cell{width:var(--cell-size);height:var(--cell-size);background:var(--board-cell);border:1px solid var(--board-border);border-radius:var(--radius-sm);transition:background var(--duration-fast) ease,transform var(--duration-fast) ease;position:relative;cursor:pointer}.cell:hover{background:var(--board-cell-hover)}.cell.cell-valid{background:var(--board-cell-valid)}.cell.cell-invalid{background:var(--board-cell-invalid)}.cell.cell-blocked{background:var(--board-blocker);border-color:#0003;cursor:default;animation:blockAppear var(--duration-slow) var(--ease-spring) both}.cell.cell-blocked:after{content:"⚫";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-size) * .4);opacity:.6}@keyframes blockAppear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.cell.cell-piece{cursor:pointer;border-color:#0000001a;transition:filter var(--duration-fast) ease}.cell.cell-piece:hover{filter:brightness(1.1)}.cell.cell-piece-1{background:var(--piece-1)}.cell.cell-piece-2{background:var(--piece-2)}.cell.cell-piece-3{background:var(--piece-3)}.cell.cell-piece-4{background:var(--piece-4)}.cell.cell-piece-5{background:var(--piece-5)}.cell.cell-piece-6{background:var(--piece-6)}.cell.cell-piece-7{background:var(--piece-7)}.cell.cell-piece-8{background:var(--piece-8)}.cell.cell-piece-9{background:var(--piece-9)}.cell.cell-ghost{opacity:.5}.dice-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:var(--space-3)}.die{width:48px;height:48px;background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--duration-normal) var(--ease-spring)}.die.die-rolling{animation:diceRoll .6s ease infinite}.die.die-landed{animation:diceLand .4s var(--ease-spring) both;background:var(--accent-gold);color:#000;border-color:#f5c84280;box-shadow:0 0 16px var(--accent-gold-glow)}@keyframes diceRoll{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.9)}50%{transform:rotate(180deg) scale(1.05)}75%{transform:rotate(270deg) scale(.95)}}@keyframes diceLand{0%{transform:rotate(360deg) scale(.5);opacity:0}50%{transform:rotate(-10deg) scale(1.15)}to{transform:rotate(0) scale(1);opacity:1}}.victory-board-preview{display:grid;grid-template-columns:repeat(6,24px);grid-template-rows:repeat(6,24px);gap:1px;padding:var(--space-2);background:#ffffff1a;border-radius:var(--radius-md)}.victory-board-preview .mini-cell{width:24px;height:24px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.mini-cell.mini-blocked{background:var(--board-blocker)}.mini-cell.mini-piece-1{background:var(--piece-1)}.mini-cell.mini-piece-2{background:var(--piece-2)}.mini-cell.mini-piece-3{background:var(--piece-3)}.mini-cell.mini-piece-4{background:var(--piece-4)}.mini-cell.mini-piece-5{background:var(--piece-5)}.mini-cell.mini-piece-6{background:var(--piece-6)}.mini-cell.mini-piece-7{background:var(--piece-7)}.mini-cell.mini-piece-8{background:var(--piece-8)}.mini-cell.mini-piece-9{background:var(--piece-9)}.piece-wrapper{flex-shrink:0;scroll-snap-align:start;cursor:grab;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) ease;padding:var(--space-2);border-radius:var(--radius-md);position:relative}.piece-wrapper:hover{transform:scale(1.05)}.piece-wrapper:active{cursor:grabbing}.piece-wrapper.piece-selected{box-shadow:0 0 0 2px var(--accent-gold),0 0 20px var(--accent-gold-glow);background:#f5c84214;border-radius:var(--radius-md)}.piece-wrapper.piece-placed{opacity:.25;pointer-events:none;transform:scale(.85);filter:grayscale(.8)}.piece-wrapper.piece-dragging{opacity:.5;transform:scale(1.1);z-index:1000}.piece-grid{display:inline-grid;gap:0;line-height:0;font-size:0}.piece-cell{width:20px;height:20px;border-radius:0;padding:0;margin:0;border:none;display:block}.piece-cell.filled{box-shadow:inset 0 0 0 1px #fff3}.piece-cell.empty{background:transparent;visibility:hidden}.piece-color-1 .piece-cell.filled{background:var(--piece-1)}.piece-color-2 .piece-cell.filled{background:var(--piece-2)}.piece-color-3 .piece-cell.filled{background:var(--piece-3)}.piece-color-4 .piece-cell.filled{background:var(--piece-4)}.piece-color-5 .piece-cell.filled{background:var(--piece-5)}.piece-color-6 .piece-cell.filled{background:var(--piece-6)}.piece-color-7 .piece-cell.filled{background:var(--piece-7)}.piece-color-8 .piece-cell.filled{background:var(--piece-8)}.piece-color-9 .piece-cell.filled{background:var(--piece-9)}.piece-floating{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);opacity:.9;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.piece-floating .piece-grid{gap:var(--board-gap)}.piece-floating .piece-cell{width:var(--cell-size);height:var(--cell-size);border-radius:var(--radius-sm)}.piece-floating .piece-cell.filled{box-shadow:inset 0 -3px #00000026,inset 0 2px #ffffff4d}.piece-controls{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:1024px){.piece-cell{width:24px;height:24px}.piece-controls{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--duration-fast) ease;pointer-events:none}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:#fff;box-shadow:var(--shadow-md),0 0 20px #6366f133}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-lg),0 0 30px #6366f14d;transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--surface-glass-border)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:#ffffff40}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--surface-glass-border)}.btn-outline:hover{background:var(--surface-primary);border-color:#ffffff4d}.btn-danger{color:var(--btn-danger)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-base);border-radius:var(--radius-xl);min-height:64px;width:100%;flex-direction:column;gap:var(--space-1)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}.btn-icon-only{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary)}.btn-icon-only:hover{color:var(--text-primary);background:var(--surface-primary)}.btn-icon{font-size:var(--fs-xl)}.btn-label{font-weight:700;font-size:var(--fs-lg)}.btn-desc{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:400}.btn-control{flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--text-secondary);border-radius:var(--radius-md)}.btn-control:hover{color:var(--text-primary);background:var(--surface-primary)}.menu-title{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.title-emoji{font-size:var(--fs-5xl);display:block;animation:float 3s ease-in-out infinite}.title-text{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:800;background:linear-gradient(135deg,#f0f0f5,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-subtitle{font-family:var(--font-body);font-size:var(--fs-lg);color:var(--text-secondary);font-weight:400}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-actions{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.menu-seed-input{display:flex;gap:var(--space-2)}.input-seed{flex:1;padding:var(--space-3) var(--space-4);background:var(--surface-primary);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.input-seed::placeholder{color:var(--text-muted)}.input-seed:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #5b8def33}.menu-secondary-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.btn-coffee{border-color:#fd0;color:var(--text-primary)}.btn-coffee:hover{background:#fd0;color:#000;transform:translateY(-2px)}.menu-stats{display:flex;gap:var(--space-6);padding:var(--space-4);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:600;color:var(--accent-gold)}.game-timer{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:600;color:var(--accent-gold);padding:var(--space-1) var(--space-3);background:#f5c84214;border-radius:var(--radius-full)}.game-timer svg{color:var(--accent-gold)}.game-seed-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--text-muted);padding:var(--space-1) var(--space-3);background:var(--surface-primary);border-radius:var(--radius-full)}.seed-value{font-family:var(--font-mono);color:var(--text-secondary)}.sidebar-info{background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center}.sidebar-title{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pieces-remaining{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:700;color:var(--accent-gold)}.victory-emoji{font-size:64px;animation:float 2s ease-in-out infinite}.victory-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;background:linear-gradient(135deg,var(--accent-gold),#ff9a3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.victory-stats{display:flex;gap:var(--space-8)}.victory-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.victory-stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.victory-stat-value{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary)}.victory-stat-time .victory-stat-value{color:var(--accent-gold);font-size:var(--fs-3xl)}.share-section{width:100%}.share-title{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:var(--space-3)}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.btn-share{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);border-radius:var(--radius-lg);border:1px solid var(--surface-glass-border);background:var(--surface-primary)}.btn-twitter:hover{background:var(--twitter-color);border-color:var(--twitter-color);color:#fff}.btn-whatsapp:hover{background:var(--whatsapp-color);border-color:var(--whatsapp-color);color:#fff}.btn-copy:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.btn-native:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.victory-actions{display:flex;gap:var(--space-3);width:100%}.victory-actions .btn{flex:1;padding:var(--space-3) var(--space-4)}.victory-confetti{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(100px);background:var(--surface-elevated);color:var(--text-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);box-shadow:var(--shadow-lg);z-index:10000;transition:transform var(--duration-slow) var(--ease-spring)}.toast.toast-visible{transform:translate(-50%) translateY(0)}.header-right{display:flex;align-items:center;gap:var(--space-2)}.btn-how-to-play{width:100%;padding:var(--space-3);font-size:var(--fs-sm)}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-normal) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(160deg,#1a1740,#262050);border:1px solid var(--surface-glass-border);border-radius:var(--radius-2xl);max-width:520px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl),0 0 60px #6366f11a;animation:modalSlideIn var(--duration-slow) var(--ease-spring)}@keyframes modalSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-3);position:sticky;top:0;background:linear-gradient(160deg,#1a1740,#262050);z-index:1}.modal-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700}.modal-close{flex-shrink:0}.modal-body{padding:var(--space-3) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.instruction-section h3{font-family:var(--font-display);font-size:var(--fs-base);font-weight:700;margin-bottom:var(--space-3);color:var(--accent-gold)}.instruction-section p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7}.controls-grid{display:flex;flex-direction:column;gap:var(--space-2)}.control-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-primary);border-radius:var(--radius-md)}.control-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:var(--space-1) var(--space-2);background:var(--surface-elevated);border:1px solid var(--surface-glass-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.control-item span{font-size:var(--fs-sm);color:var(--text-secondary)}.tips-list{display:flex;flex-direction:column;gap:var(--space-2)}.tips-list li{font-size:var(--fs-sm);color:var(--text-secondary);padding-left:var(--space-5);position:relative;line-height:1.6}.tips-list li:before{content:"→";position:absolute;left:0;color:var(--accent-gold);font-weight:700}.ad-container{display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden}.ad-placeholder{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;opacity:.5}.ad-leaderboard{width:100%;max-width:728px;height:90px;margin:0 auto}.ad-banner{width:100%;max-width:320px;height:50px;margin:var(--space-4) auto 0}.ad-rectangle{width:300px;height:250px}@media(max-width:767px){.ad-leaderboard{max-width:320px;height:50px}.ad-rectangle{width:100%;max-width:300px;height:250px}#ad-sidebar{display:none}}@media(min-width:768px){.ad-banner{max-width:728px;height:90px}}