@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";.menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;padding:10px;background:var(--background);overflow:hidden;min-height:0}.menu-header{text-align:center;color:var(--foreground);margin-bottom:8px;padding:0 50px 0 0;flex-shrink:0;position:relative}.menu-header h1{font-size:1.8rem;margin:0 0 4px;text-shadow:none}.menu-header p{font-size:.85rem;margin:0;opacity:.8}.theme-toggle-button{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;border:2px solid var(--border);border-radius:8px;background:var(--accent-light);color:var(--foreground);font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-button:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.theme-toggle-button:active{transform:translateY(0)}.menu-content{width:100%;max-width:500px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}.menu-section{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--foreground);letter-spacing:.5px;margin:0}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.selection-grid.three-cols{grid-template-columns:repeat(3,minmax(80px,1fr))}.selection-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background:var(--accent-light);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit;min-height:70px;font-size:.8rem;color:var(--foreground)}.selection-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.selection-card.active{background:var(--accent);border-color:var(--accent);color:var(--background);box-shadow:0 4px 16px #0003}.selection-card.active .card-icon,.selection-card.active .card-label,.selection-card.active .card-subtext{color:var(--background)}.card-icon{font-size:1.4rem;line-height:1}.difficulty-easy .card-icon{font-size:.9rem}.difficulty-medium .card-icon{font-size:1.2rem}.difficulty-hard .card-icon{font-size:1.6rem}.card-label{font-weight:600;font-size:.75rem;text-align:center;color:var(--foreground);line-height:1.2}.card-subtext{font-size:.65rem;color:var(--foreground);opacity:.7}.selection-card.active .card-subtext{color:var(--background);opacity:.9}.selection-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.player-names-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.player-name-wrapper{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--accent-light);border:2px solid var(--border);border-radius:6px;transition:all .2s ease}.player-name-wrapper:focus-within{border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.player-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.player-name-input{flex:1;border:none;font-size:.8rem;font-family:inherit;outline:none;color:var(--foreground);background:transparent;padding:0;min-width:0}.player-name-input::placeholder{color:var(--foreground);opacity:.5}.player-count-card{font-size:1.5rem;font-weight:700}.start-button{margin-top:6px;padding:10px 20px;font-size:1rem;font-weight:700;color:var(--background);background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;width:100%;flex-shrink:0}.start-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.start-button:active{transform:translateY(0)}@media(max-width:600px){.menu-screen{padding:6px}.menu-header{margin-bottom:4px}.menu-header h1{font-size:1.4rem;margin-bottom:2px}.menu-header p{font-size:.75rem}.menu-content{max-width:100%;gap:8px}.selection-grid{grid-template-columns:repeat(2,1fr);gap:6px}.selection-grid.three-cols{grid-template-columns:repeat(3,minmax(60px,1fr))}.selection-card{min-height:60px;padding:8px 6px;font-size:.7rem}.card-icon{font-size:1.2rem}.card-label{font-size:.65rem}.player-names-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.player-name-wrapper{padding:5px 6px}.player-name-input{font-size:.8rem}.start-button{padding:8px 16px;font-size:.9rem}}.player-bar{display:flex;gap:2px;padding:2px;background:var(--accent-light);border-radius:8px;border:1px solid var(--border);overflow-x:auto;flex-shrink:0}.player-card{flex:1;min-width:78px;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:var(--accent-light);transition:all .2s ease;cursor:pointer}.player-card.active{border-width:3px;border-color:var(--accent);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.player-card-content{display:flex;align-items:center;justify-content:center;width:100%;padding:5px 2px;border:none;background:transparent;cursor:pointer;font-family:inherit}.player-info{text-align:center}.player-name{font-weight:600;font-size:.8rem;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-size:.64rem;color:var(--foreground);opacity:.7;margin-top:1px}.player-matches{padding:12px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.matches-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--foreground);opacity:.7}.matches-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.match-item{font-size:1.1rem;line-height:1}@media(max-width:700px){.player-bar{gap:1.5px;padding:1.5px}.player-card{min-width:74px}.player-card-content{padding:4px 2px}.player-name{font-size:.76rem}.player-score{font-size:.62rem;margin-top:1px}.player-matches{padding:4px 2px}.match-item{font-size:.95rem}}:root{--background: #ffffff;--foreground: #171717;--border: #e5e5e5;--accent: #333333;--accent-light: #f5f5f5}@media(prefers-color-scheme:dark){:root{--background: #0a0a0a;--foreground: #ededed;--border: #333333;--accent: #ffffff;--accent-light: #1a1a1a}}html[data-theme=light]{--background: #ffffff;--foreground: #171717;--border: #e5e5e5;--accent: #333333;--accent-light: #f5f5f5}html[data-theme=dark]{--background: #0a0a0a;--foreground: #ededed;--border: #333333;--accent: #ffffff;--accent-light: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:var(--background);height:100dvh;margin:0;overflow:hidden;display:flex;justify-content:center;align-items:center;color:var(--foreground)}.game-container{text-align:center;display:flex;flex-direction:column;height:100dvh;width:100vw;padding:0;background:var(--background)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:5px 7px;background:var(--accent-light);border-bottom:1px solid var(--border);flex-shrink:0}.game-header h1{color:var(--foreground);font-size:1.2rem;margin:0;flex:1}.header-actions{display:flex;gap:8px}.back-button{padding:3.5px 7px;font-size:.78rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);color:var(--background);border:none;border-radius:6px;cursor:pointer;transition:transform .2s,opacity .2s;box-shadow:0 1px 2px #0000001a}.back-button:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 2px 4px #00000026}.back-button:active{transform:translateY(0)}.single-player-info{display:flex;justify-content:center;gap:18px;padding:8px 12px;background:var(--accent-light);border-bottom:1px solid var(--border);flex-shrink:0}.info-item{display:flex;align-items:center;gap:10px}.info-item .label{font-weight:700;color:var(--foreground);font-size:.95rem}.info-item .value{font-family:Roboto Mono,Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--accent);min-width:40px;text-align:right}.game-footer{display:flex;justify-content:center;padding:15px 20px;background:var(--accent-light);border-top:1px solid var(--border);flex-shrink:0}h1{color:var(--foreground);margin:10px 0;font-size:2rem;text-shadow:none}.action-button{padding:8px 24px;font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);color:var(--background);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a;height:40px}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.action-button:active{transform:translateY(0)}.board-container{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow:hidden;padding:0;gap:2px;min-height:0;background:var(--background)}.inline-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-light);color:var(--foreground);padding:8px 12px;border-radius:8px;border:2px solid var(--border);font-weight:600;box-shadow:0 4px 10px #0000001a;pointer-events:none}.player-name-input{width:200px;text-align:center;background:var(--background);border:2px solid var(--border);color:var(--foreground);border-radius:6px;height:32px;font-weight:600}.player-stats{margin-top:6px;font-weight:600}.matched-list{margin-top:6px;flex:1;overflow-y:auto;font-size:12px;column-count:2;column-gap:10px}.matched-item{padding:2px 4px}@media(max-width:900px){.back-button{font-size:.85rem;padding:6px 12px}}@media(max-width:700px){h1{font-size:1.4rem}.game-header{padding:10px 15px}.game-header h1{font-size:1.4rem}.back-button{font-size:.8rem;padding:6px 10px}.single-player-info{gap:20px;padding:8px 15px}.info-item .label{font-size:.85rem}.info-item .value{font-size:1rem}.game-footer{padding:10px 15px}.action-button{font-size:.9rem;padding:8px 16px}.board-container{padding:6px;gap:6px}.board-area{padding:4px}}@media(max-height:760px){.game-header{padding:4px 6px}.game-header h1{font-size:1rem}.header-actions{gap:6px}.back-button{font-size:.72rem;padding:3px 6px}.single-player-info{gap:10px;padding:6px 8px}.info-item .label{font-size:.78rem}.info-item .value{font-size:.92rem;min-width:32px}.board-container{gap:0}.board-area{padding:0}}.board{display:grid;justify-content:center;align-content:center;flex:1;padding:0;max-width:100%;max-height:100%;overflow:hidden}.board-area{position:relative;width:100%;height:100%;flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:0}.debug-chip{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;font-size:11px;padding:4px 6px;border-radius:6px;pointer-events:none;z-index:5;display:none}.card{width:100%;aspect-ratio:1;perspective:1000px;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;transition:transform .6s;transform-style:preserve-3d;border-radius:10px;box-shadow:0 4px 8px #0003}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:1rem;text-shadow:none;container-type:size}.card-front{transform:rotateY(180deg)}.emoji-sprite{font-size:60cqw;line-height:1;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.4)) drop-shadow(6px 6px 4px rgba(0,0,0,.3)) drop-shadow(8px 8px 6px rgba(0,0,0,.2))}.card-back{background:linear-gradient(135deg,var(--accent-light) 0%,color-mix(in srgb,var(--accent-light) 90%,var(--accent)) 100%);border:1px solid var(--border)}.win-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 80px;background:var(--background);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #0000001a;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.win-screen h2{color:var(--accent);font-size:3rem;margin:0}.win-screen button,.play-again-button{padding:15px 30px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);color:var(--background);border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.win-screen button:hover,.play-again-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.win-screen button:active,.play-again-button:active{transform:translateY(0)}.win-buttons{display:flex;gap:12px;width:100%}.win-buttons button{flex:1}.menu-button{padding:15px 30px;font-size:1.2rem;font-weight:700;background:var(--accent-light);color:var(--accent);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 2px 4px #0000001a}.menu-button:hover{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);color:var(--background);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.menu-button:active{transform:translateY(0)}.confirm-dialog{max-width:400px}.confirm-dialog h2{font-size:1.8rem;color:var(--accent);margin-bottom:12px}.confirm-dialog p{font-size:1rem;color:var(--foreground);margin-bottom:20px}.dialog-buttons{display:flex;gap:12px;width:100%}.dialog-buttons button{flex:1;padding:12px 20px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.confirm-button{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);color:var(--background)}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.confirm-button:active{transform:translateY(0)}.cancel-button{background:var(--accent-light);color:var(--foreground);border:2px solid var(--border)}.cancel-button:hover{background:var(--accent);color:var(--background);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.cancel-button:active{transform:translateY(0)}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}