.page{min-height:100vh;padding:3rem 0;background:linear-gradient(180deg,#f0f6ff,#fff)}.page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page .page-header{margin-bottom:3rem;text-align:center}.page .page-header .page-title{margin-bottom:1rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:3rem;font-weight:700;-webkit-text-fill-color:rgba(0,0,0,0);color:#222;background:linear-gradient(90deg,#08f,#ff6b00);-webkit-background-clip:text;background-clip:text}@media(width >= 768px){.page .page-header .page-title{font-size:4rem}}.page .page-header .page-subtitle{max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6;color:#6b7280}.page .page-content{margin-bottom:2rem;padding:2.5rem;background:#fff;border-radius:2rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.1)}@media(width >= 768px){.page .page-content{padding:3rem}}.page .section{margin-bottom:2.5rem}.page .section:last-child{margin-bottom:0}.page .section .section-title{margin-bottom:1.5rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:2rem;font-weight:700;color:#222}.page .section .section-subtitle{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#222}.page .section .section-text{margin-bottom:1rem;line-height:1.6;color:#6b7280}.page .grid-2{display:grid;gap:2rem}@media(width >= 768px){.page .grid-2{grid-template-columns:1fr 1fr}}.page .grid-3{display:grid;gap:1.5rem}@media(width >= 768px){.page .grid-3{grid-template-columns:repeat(2,1fr)}}@media(width >= 1024px){.page .grid-3{grid-template-columns:repeat(3,1fr)}}.page .card{padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:1.25rem}.page .card.primary{background:#f0f6ff;border-color:#ffd100}.page .card.secondary{background:#cce6ff;border-color:#08f}.page .card.accent{background:#ffe5cc;border-color:#ff6b00}.page .card .card-title{margin-bottom:.75rem;font-weight:600;color:#222}.page .card .card-text{font-size:.9rem;line-height:1.5;color:#6b7280}.page .highlight-box{margin:1.5rem 0;padding:1.5rem;background:#f0f6ff;border:1px solid #08f;border-radius:1.25rem}.page .highlight-box .highlight-title{margin-bottom:1rem;font-weight:600;color:#08f}.page .highlight-box .highlight-text{line-height:1.6;color:#222}.page .btn{display:flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;border:none;border-radius:1.25rem;cursor:pointer}.page .btn.btn-primary{color:#fff;background:linear-gradient(90deg,#08f,#ff6b00)}.page .btn.btn-primary:active{box-shadow:0 4px 16px 0 rgba(0,0,0,.08);transform:translateY(-2px)}@media(hover:hover){.page .btn.btn-primary:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.08);transform:translateY(-2px)}}.page .btn.btn-secondary{color:#08f;background:#fff;border:2px solid #08f}.page .btn.btn-secondary:active{color:#fff;background:#08f}@media(hover:hover){.page .btn.btn-secondary:hover{color:#fff;background:#08f}}.page .btn.btn-large{padding:1rem 2rem;font-size:1.25rem}.page .back-link{margin-top:2rem;text-align:center}.page ul{list-style:none;padding:0}.page ul li{position:relative;margin-bottom:.5rem;padding-left:1.5rem;color:#6b7280}.page ul li:before{position:absolute;left:0;font-weight:700;color:#08f;content:"•"}.page ol{padding-left:1.5rem;color:#6b7280}.page ol li{margin-bottom:.5rem;line-height:1.6}.page .meta-info{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;font-size:.9rem;color:#6b7280}.page .meta-info .meta-separator{color:#e5e7eb}.page .meta-info .meta-tag{padding:.25rem .75rem;font-size:.8rem;font-weight:500;color:#08f;background:#cce6ff;border-radius:9999px}.game-mode-card{position:relative;display:block;min-height:320px;padding:2rem;overflow:hidden;text-decoration:none;border-radius:16px;transition:all .3s ease}.game-mode-card:active{text-decoration:none;box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-8px)}@media(hover:hover){.game-mode-card:hover{text-decoration:none;box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-8px)}}.game-mode-card:active .card-button{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}@media(hover:hover){.game-mode-card:hover .card-button{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}}.game-mode-card .card-icon{display:block;margin-bottom:1rem;font-size:3rem}.game-mode-card .card-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:inherit}.game-mode-card .card-text{margin-bottom:1.5rem;line-height:1.6;color:inherit;opacity:90%}.game-mode-card .card-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.game-mode-card .card-features .feature{font-size:.9rem;color:inherit;opacity:80%}.game-mode-card .card-button{position:absolute;right:2rem;bottom:2rem;left:2rem;padding:.75rem 1.5rem;font-weight:600;text-align:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.game-mode-card.primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.game-mode-card.secondary{color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c)}.game-mode-card.accent{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe)}@media(width <= 768px){.game-mode-card{min-height:280px;padding:1.5rem}.game-mode-card .card-button{right:1.5rem;bottom:1.5rem;left:1.5rem}}.how-to-play-page .rule-card{position:relative;padding:2rem;overflow:hidden;border-radius:16px}.how-to-play-page .rule-card .rule-icon{display:block;margin-bottom:1rem;font-size:2.5rem}.how-to-play-page .rule-card .rule-title{margin-bottom:1rem;font-size:1.3rem;font-weight:700;color:inherit}.how-to-play-page .rule-card .rule-list{list-style:none;padding:0}.how-to-play-page .rule-card .rule-list li{position:relative;margin-bottom:.75rem;padding-left:1.5rem;line-height:1.5}.how-to-play-page .rule-card .rule-list li:before{position:absolute;left:0;font-weight:700;color:inherit;content:"•"}.how-to-play-page .rule-card.traditional{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #42a5f5}.how-to-play-page .rule-card.innovative{color:#7b1fa2;background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #ab47bc}.how-to-play-page .infinite-mechanic{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #66bb6a}.how-to-play-page .infinite-mechanic .highlight-title{color:#2e7d32}.how-to-play-page .infinite-mechanic .highlight-text{color:#388e3c}.how-to-play-page .infinite-mechanic .numbered-list{list-style:none;counter-reset:step-counter;padding:0}.how-to-play-page .infinite-mechanic .numbered-list li{position:relative;margin-bottom:1rem;padding-left:3rem;line-height:1.6;counter-increment:step-counter}.how-to-play-page .infinite-mechanic .numbered-list li:before{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;color:#fff;background:#4caf50;border-radius:50%;content:counter(step-counter)}.how-to-play-page .strategy-card{padding:1.5rem;text-align:center;border-radius:12px}.how-to-play-page .strategy-card .strategy-icon{display:block;margin-bottom:1rem;font-size:2rem}.how-to-play-page .strategy-card .strategy-title{margin-bottom:1rem;font-size:1.2rem;font-weight:700;color:inherit}.how-to-play-page .strategy-card .strategy-list{list-style:none;padding:0;text-align:left}.how-to-play-page .strategy-card .strategy-list li{position:relative;margin-bottom:.5rem;padding-left:1.5rem;font-size:.9rem;line-height:1.4}.how-to-play-page .strategy-card .strategy-list li:before{position:absolute;left:0;font-weight:700;color:inherit;content:"▸"}.how-to-play-page .strategy-card.early-game{color:#2e7d32;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #66bb6a}.how-to-play-page .strategy-card.mid-game{color:#ef6c00;background:linear-gradient(135deg,#fff3e0,#ffcc02);border:2px solid #ff9800}.how-to-play-page .strategy-card.late-game{color:#c2185b;background:linear-gradient(135deg,#fce4ec,#f8bbd9);border:2px solid #e91e63}.how-to-play-page .game-mode-info{padding:2rem;text-align:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;transition:all .3s ease}.how-to-play-page .game-mode-info:active{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(hover:hover){.how-to-play-page .game-mode-info:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.how-to-play-page .game-mode-info .mode-icon{display:block;margin-bottom:1rem;font-size:3rem}.how-to-play-page .game-mode-info .mode-title{margin-bottom:1rem;font-size:1.4rem;font-weight:700;color:var(--color-text)}.how-to-play-page .game-mode-info .mode-description{margin-bottom:1.5rem;line-height:1.6;color:var(--color-muted)}.how-to-play-page .tips-container{padding:2rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px}.how-to-play-page .tips-container .tips-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-text)}.how-to-play-page .tips-container .tips-column{display:flex;flex-direction:column;gap:1rem}.how-to-play-page .tips-container .tip-item{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.how-to-play-page .tips-container .tip-item .tip-icon{flex-shrink:0;margin-top:.1rem;font-size:1.2rem}.how-to-play-page .tips-container .tip-item .tip-content{line-height:1.5;color:var(--color-text)}.how-to-play-page .tips-container .tip-item .tip-content strong{color:var(--color-primary)}.how-to-play-page .cta-section{text-align:center}.how-to-play-page .cta-section .cta-box{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.how-to-play-page .cta-section .cta-box .cta-button{margin-top:1rem;color:#fff;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3)}.how-to-play-page .cta-section .cta-box .cta-button:active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}@media(hover:hover){.how-to-play-page .cta-section .cta-box .cta-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}}@media(width <= 768px){.how-to-play-page .game-mode-info,.how-to-play-page .rule-card{padding:1.5rem}.how-to-play-page .strategy-card{padding:1.25rem}.how-to-play-page .tips-container{padding:1.5rem}.how-to-play-page .tips-container .grid-2{grid-template-columns:1fr;gap:1rem}}.persona-page .why-tictwist-box{margin:1.5rem 0;padding:1.5rem;background:#f0f6ff;border:2px solid #08f;border-radius:1.25rem}.persona-page .why-tictwist-box .why-tictwist-title{margin-bottom:1rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:1.25rem;font-weight:700;color:#08f}.persona-page .why-tictwist-box .why-tictwist-text{line-height:1.7;color:#222}.persona-page .key-features{margin:1.5rem 0}.persona-page .key-features .feature-list{list-style:none;padding:0}.persona-page .key-features .feature-list .feature-item{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem}.persona-page .key-features .feature-list .feature-item .feature-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:700;color:#08f;background:#cce6ff;border-radius:9999px}.persona-page .key-features .feature-list .feature-item .feature-text{line-height:1.5;color:#222}.persona-page .getting-started-box{margin:1.5rem 0;padding:1.5rem;background:#f0f6ff;border:1px solid #08f;border-radius:1.25rem}.persona-page .getting-started-box .getting-started-title{margin-bottom:1rem;font-weight:600;color:#08f}.persona-page .getting-started-box .getting-started-text{line-height:1.7;color:#222}.persona-page .pro-tips-box{margin:1.5rem 0;padding:1.5rem;background:#fefcbf;border:1px solid #ecc94b;border-radius:1.25rem}.persona-page .pro-tips-box .pro-tips-title{margin-bottom:1rem;font-weight:600;color:#975a16}.persona-page .pro-tips-box ol{padding-left:1.5rem;color:#222}.persona-page .pro-tips-box ol li{margin-bottom:.5rem;line-height:1.6}.persona-page .audience-info{margin:1.5rem 0}.persona-page .audience-info .audience-tag{display:inline-block;margin-right:.5rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:500;border-radius:9999px}.persona-page .audience-info .audience-tag.category-kids{color:#276749;background:#c6f6d5}.persona-page .audience-info .audience-tag.category-students{color:#08f;background:#cce6ff}.persona-page .audience-info .audience-tag.category-seniors{color:#975a16;background:#fefcbf}.persona-page .audience-info .audience-tag.category-educators{color:#9b2c2c;background:#fed7d7}.persona-page .audience-info .audience-tag.category-competitive-players{color:#553c9a;background:#e9d8fd}.persona-page .related-links{margin:2rem 0}.persona-page .related-links .related-title{margin-bottom:1rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:1.25rem;font-weight:700;color:#222}.persona-page .related-links .related-group{margin-bottom:1.5rem}.persona-page .related-links .related-group-title{margin-bottom:.5rem;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#08f}.persona-page .related-links .related-list{display:flex;flex-wrap:wrap;gap:.5rem}.persona-page .related-links .related-link{transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-block;padding:.35rem .85rem;font-size:.85rem;text-decoration:none;color:#222;background:#fff;border:1px solid #e5e7eb;border-radius:9999px}.persona-page .related-links .related-link:active{color:#08f;background:#f0f6ff;border-color:#08f}@media(hover:hover){.persona-page .related-links .related-link:hover{color:#08f;background:#f0f6ff;border-color:#08f}}.persona-page .cta-section{margin:2rem 0;text-align:center}.personas-hub .category-group{margin-bottom:3rem}.personas-hub .category-group .category-title{margin-bottom:.5rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:1.75rem;font-weight:700;color:#222}.personas-hub .category-group .category-description{margin-bottom:1.5rem;font-size:.95rem;color:#6b7280}.personas-hub .personas-grid{display:grid;gap:1.5rem}@media(width >= 768px){.personas-hub .personas-grid{grid-template-columns:repeat(2,1fr)}}@media(width >= 1024px){.personas-hub .personas-grid{grid-template-columns:repeat(3,1fr)}}.personas-hub .persona-card{transition:all .18s cubic-bezier(.4,0,.2,1);display:block;padding:1.5rem;text-decoration:none;background:#fff;border:2px solid #e5e7eb;border-radius:1.25rem}.personas-hub .persona-card:active{border-color:#08f;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);transform:translateY(-4px)}@media(hover:hover){.personas-hub .persona-card:hover{border-color:#08f;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);transform:translateY(-4px)}}.personas-hub .persona-card .persona-card-title{margin-bottom:.5rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:1.15rem;font-weight:700;color:#222}.personas-hub .persona-card .persona-card-audience{margin-bottom:.5rem;font-size:.85rem;color:#6b7280}.personas-hub .persona-card .persona-card-description{font-size:.9rem;line-height:1.5;color:#6b7280}.personas-hub .persona-card .persona-card-meta{margin-top:.75rem}.personas-hub .persona-card .persona-card-meta .meta-tag{display:inline-block;margin-right:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.personas-hub .persona-card .persona-card-meta .meta-tag.category-kids{color:#276749;background:#c6f6d5}.personas-hub .persona-card .persona-card-meta .meta-tag.category-students{color:#08f;background:#cce6ff}.personas-hub .persona-card .persona-card-meta .meta-tag.category-seniors{color:#975a16;background:#fefcbf}.personas-hub .persona-card .persona-card-meta .meta-tag.category-educators{color:#9b2c2c;background:#fed7d7}.personas-hub .persona-card .persona-card-meta .meta-tag.category-competitive-players{color:#553c9a;background:#e9d8fd}