:root{--color-primary:#ff9eb3;--color-secondary:#a5d8ff;--color-accent:#b5e6a1;--color-warning:#ffe0a5;--color-danger:#ff9aa2;--color-bg-light:#e8f6ff;--color-bg-dark:#81c4ff;--color-text:#4a4a68;--color-heading:#3d3d56;--color-link:#6251d3;--color-link-hover:#4e3fc0;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #4a4a681f;--shadow-lg:0 8px 16px #4a4a6829;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{color:var(--color-text);background:linear-gradient(#64b5f6,#bbdefb) fixed;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{width:100%;max-width:1100px;padding:var(--space-md);border-radius:var(--radius-lg);background-color:#ffffffe6;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:20px 20px;margin:0 auto;box-shadow:0 5px 15px #0000001a}h1,h2,h3,h4,h5,h6{color:var(--color-heading);margin-bottom:var(--space-md);font-weight:700;line-height:1.2}h1{margin-top:var(--space-xl);background:linear-gradient(90deg,#ff9eb3,#ff7096);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:5rem;display:inline-block}h2{margin-top:var(--space-lg);border-bottom:3px solid var(--color-secondary);padding-bottom:var(--space-xs);font-size:2rem;display:inline-block}h3{margin-top:var(--space-lg);color:var(--color-heading);font-size:1.3rem}h4{margin-top:var(--space-md);font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:var(--color-link-hover);text-decoration:underline}ul,ol{margin:0 0 var(--space-md) var(--space-lg)}li{margin-bottom:var(--space-xs)}code{padding:0 var(--space-xs);border-radius:var(--radius-sm);background-color:#a5d8ff33;font-family:Courier New,Courier,monospace}blockquote{border-left:4px solid var(--color-secondary);padding-left:var(--space-md);margin:var(--space-md) 0;color:#666;font-style:italic}button,.button{color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);text-align:center;background:linear-gradient(#ff9eb3,#ff7096);border:none;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}button:hover,.button:hover{box-shadow:var(--shadow-md);background:linear-gradient(#ff7096,#ff5e89);text-decoration:none;transform:translateY(-2px)}button:active,.button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button-secondary{background:linear-gradient(#a5d8ff,#7ab8e6)}.button-secondary:hover{background:linear-gradient(#7ab8e6,#5a9fdb)}.button-accent{background:linear-gradient(#b5e6a1,#92cc7f)}.button-accent:hover{background:linear-gradient(#92cc7f,#7ab667)}.button-warning{background:linear-gradient(#ffe0a5,#ffd280)}.button-warning:hover{background:linear-gradient(#ffd280,#ffc966)}.button-danger{background:linear-gradient(#ff9aa2,#ff7f89)}.button-danger:hover{background:linear-gradient(#ff7f89,#ff6a76)}.button-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.button-lg{padding:var(--space-md) var(--space-xl);font-size:1.125rem}input,select,textarea{width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);color:var(--color-text);background-color:#fff;border:2px solid #e0e0ef;font-size:1rem;transition:border-color .2s;display:block}input:focus,select:focus,textarea:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #a5d8ff40}label{margin-bottom:var(--space-xs);color:var(--color-heading);font-weight:600;display:block}::placeholder{color:#a0a0b8}.form-group{margin-bottom:var(--space-md)}.form-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.form-row>*{flex:1 1 calc(50% - var(--space-md));min-width:250px}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);margin-bottom:var(--space-lg);background-color:#fff;background-image:linear-gradient(#f0f0ff80 1px,#0000 1px),linear-gradient(90deg,#f0f0ff80 1px,#0000 1px);background-size:20px 20px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid{gap:var(--space-lg);margin:var(--space-lg) 0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.text-center{text-align:center}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}@media (max-width:768px){html{font-size:14px}h1{font-size:2.2rem}h2{font-size:1.8rem}.container{padding:var(--space-sm)}}@media (max-width:480px){html{font-size:12px}h1{font-size:2rem}h2{font-size:1.6rem}body{padding:var(--space-sm)}.grid{grid-template-columns:1fr}}.game-link{color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);margin:var(--space-md) 0;box-shadow:var(--shadow-md);background:linear-gradient(#ff4081,#e91e63);font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.game-link:hover{box-shadow:var(--shadow-lg);background:linear-gradient(#e91e63,#c2185b);text-decoration:none;transform:translateY(-3px)}.feature-box{border-left:4px solid var(--color-primary);padding:var(--space-md);margin:var(--space-md) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#ffffffb3}.hero-section{text-align:center;padding:var(--space-xl) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg);background-color:#0000;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.hero-section form{align-items:center;gap:var(--space-md);flex-direction:column;max-width:400px;margin:0 auto;display:flex}.hero-section h1{margin-top:0;margin-bottom:var(--space-md);background:linear-gradient(to bottom right,#ff4081,#ffae37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:5rem;display:block}.hero-section p{max-width:800px;margin:0 auto var(--space-lg) auto;font-size:1.2rem}.github-link{color:var(--color-link);margin-top:var(--space-md);align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.github-link:hover{color:var(--color-link-hover);transform:translateY(-2px)}.github-link svg{margin-right:var(--space-xs)}.emoji-decoration{margin:0 var(--space-xs);vertical-align:middle;font-size:1.2em;display:inline-block;transform:rotate(10deg)}.hero-section p .emoji-decoration{transform-origin:0;animation:1.2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(2px)rotate(-4deg)}50%{transform:translateY(-12px)rotate(8deg)}}.player-list{border-left:4px solid var(--color-primary);padding:var(--space-md);margin:var(--space-md) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;text-align:left;background-color:#ffffffb3;max-width:400px;margin:0 auto}.player-list h4{margin-bottom:var(--space-sm)}.player-list ul{margin:0;padding:0;list-style-type:none}.player-list li{margin:0;margin-bottom:var(--space-xs);padding:0}