.quixx-game{font-family:system-ui,sans-serif;text-align:center;--quixx-text-color: #fbf1c7;--quixx-accent-color: #fb4834;--quixx-card-color: #32302f;--quixx-highlight-color: #fabd2e;--quixx-red-row: #fb4834;--quixx-yellow-row: #fabd2e;--quixx-green-row: #b9bb25;--quixx-blue-row: #83a598}.quixx-game .quixx-title{color:var(--quixx-accent-color);font-size:2.25rem;margin-bottom:1rem;margin-top:2rem}.quixx-game .controls{margin-bottom:1.5rem}.quixx-game #start-btn{margin-top:.5rem;background:var(--quixx-highlight-color);border:0;border-radius:.6rem;padding:.3rem .7rem;cursor:pointer;color:#000}.quixx-game #start-btn:hover{box-shadow:0 0 15px var(--quixx-highlight-color)}.quixx-game #start-btn:active{background-color:var(--quixx-accent-color);box-shadow:0 0 15px var(--quixx-accent-color)}.quixx-game #player-count{background:var(--quixx-text-color);border:2px solid var(--quixx-text-color);width:50px;height:30px;font-size:1rem;cursor:pointer}@keyframes quixx-fadeUp{0%{opacity:0;transform:translateY(10px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.quixx-game .player-board{display:inline-block;margin:1rem;padding:.7rem 1.7rem;border-radius:12px;background:var(--quixx-card-color);color:#000;animation:quixx-fadeUp .5s ease-in-out;box-shadow:1px 2px 5px #0000004d,1px 2px 1px #ffffff1a inset}@media(max-width:600px){.quixx-game .player-board{display:flex;flex-direction:column;flex:1 1 100%}}.quixx-game .quixx-player-title{color:var(--quixx-text-color);margin:.4rem 1rem 1rem}.quixx-game .row{display:flex;align-items:center;justify-content:center;gap:.25rem;margin:.5rem 0;position:relative;z-index:1}.quixx-game .row.green:before{content:"";background:var(--quixx-green-row);width:104%;height:110%;position:absolute;border-radius:.6rem;z-index:-1}.quixx-game .row.red:before{content:"";background:var(--quixx-red-row);width:104%;height:110%;position:absolute;border-radius:.6rem;z-index:-1}.quixx-game .row.yellow:before{content:"";background:var(--quixx-yellow-row);width:104%;height:110%;position:absolute;border-radius:.6rem;z-index:-1}.quixx-game .row.blue:before{content:"";background:var(--quixx-blue-row);width:104%;height:110%;position:absolute;border-radius:.6rem;z-index:-1}.quixx-game .cell{width:2.2rem;height:2.2rem;line-height:2.2rem;font-weight:700;border-radius:.6rem;text-align:center;cursor:pointer;transition:all .2s ease;user-select:none}.quixx-game .cell:hover{background:#0000001a}.quixx-game .red .cell.scored,.quixx-game .yellow .cell.scored,.quixx-game .green .cell.scored,.quixx-game .blue .cell.scored{background:transparent;transform:scale(1.5)}.quixx-game .locked{opacity:.4;pointer-events:none}.quixx-game .lock-btn{width:2rem;height:2rem;font-size:1.3rem;border:none;border-radius:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffffb3;transition:background .2s}.quixx-game .lock-btn:hover{background:#0000001a}.quixx-game .lock-btn.locked{background:#0003}.quixx-game .red .cell{background:#f8d7da}.quixx-game .yellow .cell{background:#fff3cd}.quixx-game .green .cell{background:#d4edda}.quixx-game .blue .cell{background:#d1ecf1}.quixx-game .score{margin-top:1rem;font-weight:700;color:var(--quixx-text-color)}.quixx-game .penalty-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px;font-weight:700;color:var(--quixx-text-color)}.quixx-game .penalty-box{width:28px;height:28px;border:2px solid var(--quixx-accent-color);border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:18px;color:var(--quixx-accent-color);cursor:pointer;background-color:var(--quixx-text-color);transition:all .2s ease}.quixx-game .penalty-box:hover{background-color:var(--quixx-text-color);transform:scale(1.05)}.quixx-game .penalty-box.used{background-color:var(--quixx-accent-color);color:var(--quixx-text-color);cursor:default}.quixx-game button.undo-btn{margin-top:.5rem;background:var(--quixx-highlight-color);border:0;border-radius:.6rem;padding:.3rem .7rem;cursor:pointer;color:#000;font-weight:700}.quixx-game button.undo-btn:hover{background:var(--quixx-accent-color)}.quixx-game label{color:var(--quixx-text-color)}.quixx-game .row.locked .lock-btn{pointer-events:auto;opacity:1}.back-link[data-astro-cid-hof4g4vy]{display:inline-block;color:var(--color-primary);text-decoration:none;margin-bottom:2rem;font-weight:500;transition:transform .2s ease}.back-link[data-astro-cid-hof4g4vy]:hover{transform:translate(-4px)}.content-card[data-astro-cid-hof4g4vy]{background-color:color-mix(in oklab,var(--color-bg) 70%,transparent);border:0px;border-radius:var(--radius-md);padding:clamp(2rem,5vw,3rem);box-shadow:var(--shadow-soft);backdrop-filter:saturate(140%) blur(10px);position:relative;overflow:hidden}.content-card[data-astro-cid-hof4g4vy]:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(140px 100px at var(--hl-x, -200px) var(--hl-y, -200px),color-mix(in oklab,var(--color-accent-2) 18%,transparent),transparent 60%);opacity:var(--hl-a, 0);transition:opacity .2s ease;filter:url(#grain-overlay)}.prose[data-astro-cid-hof4g4vy]{line-height:1.7;position:relative;z-index:1}.prose[data-astro-cid-hof4g4vy] h1,.prose[data-astro-cid-hof4g4vy] h2,.prose[data-astro-cid-hof4g4vy] h3{margin-top:2rem;margin-bottom:1rem}.prose[data-astro-cid-hof4g4vy] h2{font-size:var(--text-2xl)}.prose[data-astro-cid-hof4g4vy] h3{font-size:var(--text-xl)}.prose[data-astro-cid-hof4g4vy] p{margin-bottom:1rem}.prose[data-astro-cid-hof4g4vy] ul,.prose[data-astro-cid-hof4g4vy] ol{margin-bottom:1rem;padding-left:1.5rem}.prose[data-astro-cid-hof4g4vy] li{margin-bottom:.5rem}.prose[data-astro-cid-hof4g4vy] code{background:color-mix(in oklab,var(--color-bg) 80%,transparent);padding:.2em .4em;border-radius:3px;font-size:.9em}.prose[data-astro-cid-hof4g4vy] pre{background:color-mix(in oklab,var(--color-bg) 50%,transparent);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;backdrop-filter:blur(10px)}.prose[data-astro-cid-hof4g4vy] pre code{background:none;padding:0}.prose[data-astro-cid-hof4g4vy] a{color:var(--color-primary);text-decoration:none}.prose[data-astro-cid-hof4g4vy] a:hover{text-decoration:underline}
