*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--gradient-primary);color:#333;line-height:1.6;min-height:100vh;padding:20px}.container{max-width:900px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-large);overflow:hidden}.header{background:var(--gradient-primary);color:#fff;padding:40px 30px;text-align:center}.header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.header p{font-size:1.2em;opacity:.95}.content{padding:40px 30px}.section{margin-bottom:40px}.section h2{color:var(--color-primary);font-size:1.8em;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--color-accent)}.section p{font-size:1.05em;margin-bottom:12px;color:#555}.section li{font-size:1em;color:#555;margin-bottom:10px}.section ul{padding-left:20px;margin-bottom:10px}.section a{color:var(--color-primary);text-decoration:underline}.section a:hover{color:var(--color-primary-dark)}.back-link{display:inline-block;margin-top:20px;padding:10px 24px;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:25px;font-weight:700;font-size:.95em;transition:opacity var(--transition-fast),transform var(--transition-fast)}.back-link:hover{opacity:.9;transform:translateY(-1px)}.back-button{display:inline-block;margin:30px 0;padding:15px 40px;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:50px;font-size:1.2em;font-weight:700;box-shadow:var(--shadow-medium);transition:all var(--transition-medium);text-align:center}.back-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.3)}.guide-legal{margin-top:2rem;text-align:center;font-size:.78rem;color:rgba(255,255,255,.35)}.guide-legal a{color:rgba(255,255,255,.5);text-decoration:none}.guide-legal a:hover{color:rgba(255,255,255,.85);text-decoration:underline}.effective-date{background:#eef2ff;border-radius:8px;padding:12px 20px;margin-bottom:30px;font-size:.9em;color:#555}.third-party-card{background:var(--color-surface-light);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:16px}.third-party-card h3{margin-bottom:6px;color:#333;font-size:1.05em}.third-party-card p{margin-bottom:6px;color:#666;font-size:.95em}.match-demo{display:flex;gap:30px;align-items:center;justify-content:center;margin:30px 0;flex-wrap:wrap}.grid-example{display:inline-grid;grid-template-columns:repeat(5,50px);grid-template-rows:repeat(5,50px);gap:5px;padding:20px;background:var(--color-surface-light);border-radius:var(--radius-md);border:2px solid var(--color-primary)}.cell{width:50px;height:50px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;transition:transform var(--transition-fast);position:relative}.cell:hover{transform:scale(1.1)}.empty{background:0 0;box-shadow:none;border:2px dashed #ddd}.red{background:var(--color-orb-red);box-shadow:var(--glow-red-enhanced)}.blue{background:var(--color-orb-blue);box-shadow:var(--glow-blue-enhanced)}.yellow{background:var(--color-orb-yellow);box-shadow:var(--glow-yellow-enhanced)}.green{background:var(--color-orb-green);box-shadow:var(--glow-green-enhanced)}.purple{background:var(--color-orb-purple);box-shadow:var(--glow-purple-enhanced)}.highlight{animation:.8s infinite pulse;box-shadow:0 0 20px rgba(255,215,0,.8)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.arrow{font-size:3em;color:var(--color-primary);animation:1s infinite bounce}@keyframes bounce{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}.special-balls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:30px 0}.special-ball-card{background:linear-gradient(135deg,var(--color-surface-light) 0,#e9ecef 100%);border-radius:var(--radius-lg);padding:25px;text-align:center;border:3px solid transparent;transition:all var(--transition-medium);position:relative;overflow:hidden}.special-ball-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:3px;background:var(--gradient-accent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-medium)}.special-ball-card:hover::before{opacity:1}.special-ball-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(102,126,234,.3)}.special-ball-card h3{color:var(--color-primary);font-size:1.5em;margin-bottom:10px}.special-ball-card p{font-size:1em;color:#666;margin:0}.ball-visual{width:80px;height:80px;border-radius:var(--radius-round);margin:0 auto 15px;display:flex;align-items:center;justify-content:center;position:relative}.exploding{background:var(--color-orb-red);box-shadow:var(--glow-red-enhanced);animation:2s infinite glow-red;position:relative}.exploding::before{content:'';position:absolute;width:85px;height:85px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M 50,26 L 54.6,38.9 L 67,33 L 61.1,45.4 L 74,50 L 61.1,54.6 L 67,67 L 54.6,61.1 L 50,74 L 45.4,61.1 L 33,67 L 38.9,54.6 L 26,50 L 38.9,45.4 L 33,33 L 45.4,38.9 Z" fill="none" stroke="white" stroke-width="2" stroke-linejoin="miter"/></svg>');background-size:contain;background-repeat:no-repeat}.painter-h{background:var(--color-orb-green);box-shadow:var(--glow-green-enhanced);animation:2s infinite glow-green}.painter-h::before{content:'';position:absolute;width:48px;height:2px;background:#fff}.painter-v{background:var(--color-orb-blue);box-shadow:var(--glow-blue-enhanced);animation:2s infinite glow-blue}.painter-v::before{content:'';position:absolute;width:2px;height:48px;background:#fff}.painter-d-ne{background:var(--color-orb-orange);box-shadow:var(--glow-orange-enhanced);animation:2s infinite glow-orange}.painter-d-ne::before{content:'';position:absolute;width:56px;height:2px;background:#fff;transform:rotate(-45deg)}.painter-d-nw{background:var(--color-orb-purple);box-shadow:var(--glow-purple-enhanced);animation:2s infinite glow-purple}.painter-d-nw::before{content:'';position:absolute;width:56px;height:2px;background:#fff;transform:rotate(45deg)}.blocking{background:var(--color-orb-gray);box-shadow:var(--glow-gray-enhanced);animation:2s infinite glow-gray}.blocking::after,.blocking::before{content:'';position:absolute;width:48px;height:2px;background:#fff}.blocking::before{transform:rotate(45deg)}.blocking::after{transform:rotate(-45deg)}@keyframes glow-red{0%,100%{box-shadow:var(--glow-red-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-red),var(--shadow-medium)}}@keyframes glow-blue{0%,100%{box-shadow:var(--glow-blue-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-blue),var(--shadow-medium)}}@keyframes glow-green{0%,100%{box-shadow:var(--glow-green-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-green),var(--shadow-medium)}}@keyframes glow-yellow{0%,100%{box-shadow:var(--glow-yellow-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-yellow),var(--shadow-medium)}}@keyframes glow-orange{0%,100%{box-shadow:var(--glow-orange-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-orange),var(--shadow-medium)}}@keyframes glow-purple{0%,100%{box-shadow:var(--glow-purple-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-purple),var(--shadow-medium)}}@keyframes glow-gray{0%,100%{box-shadow:var(--glow-gray-enhanced)}50%{box-shadow:0 0 25px var(--color-orb-gray),var(--shadow-medium)}}.scoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}.score-card{background:var(--gradient-primary);color:#fff;padding:25px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-medium);transition:transform var(--transition-medium)}.score-card:hover{transform:scale(1.05)}.score-number{font-size:3em;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.score-label{font-size:1.1em;opacity:.9}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.control-item{background:var(--color-surface-light);padding:20px;border-radius:var(--radius-md);display:flex;align-items:center;gap:15px;border:2px solid #e9ecef;transition:all var(--transition-medium)}.control-item:hover{border-color:var(--color-primary);transform:translateX(5px)}.key{background:var(--gradient-primary);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;font-size:1.2em;min-width:60px;text-align:center;box-shadow:var(--shadow-small)}.control-desc{color:#555;font-size:1.05em}.tip-box{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:var(--radius-lg);padding:25px;margin:30px 0;border-left:5px solid #f39c12}.tip-box h3{color:#d35400;margin-bottom:15px;font-size:1.5em}.tip-box ul{list-style:none;padding:0}.tip-box li{color:#555;padding:8px 0 8px 30px;position:relative}.tip-box li::before{content:'💡';position:absolute;left:0;font-size:1.2em}.modes-list{margin-top:20px}.mode-heading{margin-bottom:10px}.mode-classic{color:var(--color-game-green)}.mode-zen{color:#0cf}.mode-gauntlet{color:#f80}.mode-rising-tide{color:#f08}.mode-mission{color:var(--color-gold)}.mode-puzzle{color:#9ddcff}.mode-desc{margin-left:20px;margin-bottom:20px}.match-caption{text-align:center;color:var(--color-primary);font-weight:700}.subsection-heading{color:var(--color-primary);margin:20px 0 10px}.subsection-heading--spaced{margin-top:30px}.text-center{text-align:center}@media (max-width:768px){.header h1{font-size:2em}.section h2{font-size:1.4em}.grid-example{grid-template-columns:repeat(5,40px);grid-template-rows:repeat(5,40px)}.cell{width:40px;height:40px}}