:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f8f8f8e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;min-height:100vh;display:block;background:#f6f7fb}a{font-weight:600;color:#2b5bd7;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:.75rem 0;line-height:1.2}p{margin:.5rem 0}button{border-radius:10px;border:1px solid rgba(0,0,0,.52);padding:.55rem .9rem;font-size:1rem;font-weight:600;font-family:inherit;color:#0f1115;background-color:#fff;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}button:hover{border-color:#2b5bd799;transform:translateY(-1px)}button:disabled{opacity:.85;cursor:not-allowed;transform:none}input,select{padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(0,0,0,.26);font:inherit;background:#fff;margin:.05rem}input:focus,select:focus{outline:3px solid rgba(43,91,215,.18);border-color:#2b5bd7a6}@media(prefers-color-scheme:dark){:root{color:#ffffffeb;background-color:#0f1115}body{background:#0f1115}a{color:#8fb1ff}button{background-color:#151a22;border-color:#ffffff38;color:#ffffffeb}input,select{background-color:#151a22;border-color:#fff3;color:#ffffffeb}}#root{max-width:1100px;margin:0 auto;padding:1.25rem;text-align:left}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page-shell{flex:1;display:flex;justify-content:flex-start}.page-content{width:100%;max-width:900px;margin:0 auto;text-align:center}.page{text-align:center;padding:.5rem .25rem 2rem}.page-lower{margin-top:clamp(2rem,4vh,2rem)}.page-center{margin-top:clamp(2rem,8vh,6rem)}nav{display:flex;justify-content:center;gap:.75rem;align-items:center;padding:.65rem .9rem;margin:0;margin-bottom:.5rem;background:#ffffffbf;border:2px solid rgba(95,95,89,.35);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}nav a{padding:.45rem .75rem;border-radius:10px;color:inherit;text-decoration:none;font-weight:700}nav a:hover{background:#2b5bd714;text-decoration:none}nav a[aria-current=page]{background:#2b5bd724;border:1px solid rgba(43,91,215,.35)}.page p{max-width:780px;margin-left:auto;margin-right:auto}.instructions{text-align:left;line-height:1.65;opacity:.92}.instructions-1{text-align:left;line-height:1.65;opacity:.92;font-weight:bolder;color:#7aa84f}.hint{text-align:center;margin-left:auto;margin-right:auto}.hint.error{color:#ff4d4f;font-weight:700}.btn-choice.is-selected{border-color:#2b5bd7d9;color:#00d9ff;outline:3px solid rgba(43,91,215,.18);transform:translateY(-1px)}form{display:grid;gap:.65rem;margin:.75rem auto 0;max-width:520px;justify-items:center}label{font-weight:700;margin-top:.25rem}input,select{max-width:280px}button{margin:.25rem}.player-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}div:has(>button.card){display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-top:.75rem}.card{position:relative;padding:0;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;box-shadow:0 8px 22px #0000000f;aspect-ratio:3 / 4}.card img{width:100%;height:100%;display:block;object-fit:cover}.card.flipped{outline:3px solid rgba(43,91,215,.18);border-color:#2b5bd759;transform:translateY(-1px)}button.card:disabled{opacity:1}button.card:disabled img{opacity:1}table{width:100%;background:#ffffffe6;border-radius:12px;overflow:hidden}th{text-align:left;background:#2b5bd714}td,th{vertical-align:top}@media(prefers-color-scheme:dark){nav{background:#151a22bf;border-color:#ffffff59}nav a:hover{background:#8fb1ff43}nav a[aria-current=page]{background:#8fb1ff29;border-color:#8fb1ff47}.card{background:#151a22eb;border-color:#ffffff1f;box-shadow:0 10px 26px #00000073}table{background:#151a22e0}th{background:#8fb1ff1a}}.welcome-message{margin-top:.5rem;font-weight:1000;color:#2b5bd7;text-align:center}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.card-section{padding:1rem;border-radius:16px;border:1px solid rgba(95,95,89,.15);background:#ffffff26;box-shadow:0 10px 30px #49464611;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-header{display:flex;justify-content:space-between;padding:1rem;border:1px solid rgba(95,95,89,.15);background:#ffffff26;border-radius:12px}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f111599;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{width:min(720px,100%);max-height:85vh;overflow-y:auto;border-radius:18px;border:1px solid rgba(95,95,89,.2);background:#fff;color:#0f1115;box-shadow:0 20px 60px #00000047;padding:1rem 1rem 1.25rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.modal-btn-close{flex-shrink:0;min-width:42px}.modal-content{text-align:left;line-height:1.65}.modal-content p{max-width:none;margin:.75rem 0}@media(prefers-color-scheme:dark){.modal-panel{background:#151a22;color:#ffffffeb;border-color:#ffffff24;box-shadow:0 24px 70px #00000080}.modal-overLay{background:#0000009e}}.home-page{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}