.App{display:grid;place-items:center;text-align:center;color:#fff;margin:auto;padding:10px}@media(min-width:768px){.App{padding:20px}}.card{background:var(--card-bg);border-radius:20px;padding:18px;box-shadow:0 20px 60px #0000004d;color:var(--card-text);animation:fadeIn .5s ease-in;display:block;width:100%;max-width:600px;margin:0 auto 24px;transition:background .3s ease,color .3s ease}.card-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - var(--card-viewport-offset, 220px));padding-right:6px}@media(min-width:768px){.card-scroll{max-height:calc(80vh - var(--card-viewport-offset, 320px))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{font-size:1.8em;margin-bottom:10px;background:linear-gradient(135deg,#235789,#629677);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.title{font-size:3em}}.subtitle{font-size:1em;color:var(--subtitle-text);margin-bottom:20px;transition:color .3s ease}@media(min-width:768px){.subtitle{font-size:1.5em;margin-bottom:30px}}button{background:var(--baltic-blue);color:#fff;border:none;padding:14px 28px;font-size:1em;border-radius:50px;cursor:pointer;transition:all .3s ease;margin:8px;font-weight:700;box-shadow:0 4px 15px #0003;min-height:44px;min-width:44px}@media(min-width:768px){button{padding:15px 40px;font-size:1.2em;margin:10px}}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}button:active{transform:translateY(0)}button.secondary{background:var(--classic-crimson)}button.danger{background:var(--baltic-blue)}button.thirdary{background:var(--seagrass)}input{padding:14px 20px;font-size:1em;border:2px solid var(--input-border);border-radius:10px;margin:8px;width:100%;max-width:300px;transition:border-color .3s ease,background .3s ease,color .3s ease;min-height:44px;background:var(--card-bg);color:var(--card-text)}@media(min-width:768px){input{font-size:1.1em;margin:10px}}input:focus{outline:none;border-color:var(--seagrass)}.rules-list{text-align:left;max-width:600px;margin:20px auto;padding:0 10px;line-height:1.6;font-size:.95em}.rules-list li{margin:12px 0}.rules-list ol,.rules-list ul{padding-left:1.25rem;list-style-position:outside}.rules-list h2{font-size:1.2em;margin-top:15px;margin-bottom:10px}@media(min-width:768px){.rules-list{margin:30px auto;line-height:1.8;font-size:1em}.rules-list li{margin:15px 0;font-size:1.1em}.rules-list h2{font-size:1.4em}}.player-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.player-tag{background:linear-gradient(135deg,#629677,#235789);color:#fff;padding:10px 16px;border-radius:25px;font-size:.85em;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px}@media(min-width:768px){.player-tag{padding:10px 20px;font-size:1em;gap:10px}}.player-tag.active{background:linear-gradient(135deg,#d62839,#0b0a07);transform:scale(1.1);box-shadow:0 4px 20px #0000004d}.card-display{background:linear-gradient(135deg,#f7f9f9,#235789);padding:18px;border-radius:15px;margin:15px auto;max-width:100%;font-size:1em;font-weight:700;color:#0b0a07;box-shadow:0 10px 30px #0003;animation:cardFlip .5s ease-in;word-wrap:break-word;overflow-wrap:anywhere}body.dark-mode .card-display{background:linear-gradient(135deg,#0b0a07,#629677);color:var(--bright-snow)}@media(min-width:768px){.card-display{padding:30px;margin:30px auto;font-size:1.3em;max-width:600px}}@keyframes cardFlip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.truth-card{background:linear-gradient(135deg,#235789,#629677)}body.dark-mode .truth-card{background:linear-gradient(135deg,#0b0a07,#235789)}.dare-card{background:linear-gradient(135deg,#d62839,#629677)}body.dark-mode .dare-card{background:linear-gradient(135deg,#d62839,#0b0a07)}.action-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:15px 0}@media(min-width:768px){.action-buttons{gap:20px;margin:20px 0}}.emoji{font-size:1.8em;margin:10px 0}@media(min-width:768px){.emoji{font-size:2em;margin:20px 0}}@media(max-width:480px){.bmc-floating{bottom:12px}}@media(max-width:375px){.card{padding:12px;border-radius:16px}.title{font-size:1.5em}.subtitle{font-size:.9em}button{padding:12px 20px;font-size:.95em;margin:6px}input{padding:12px 16px;font-size:.95em}.player-tag{font-size:.8em;padding:8px 14px}}.dark-mode-toggle{position:fixed;top:70px;right:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;font-size:1.5em;cursor:pointer;transition:all .5s ease;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:0 4px 15px #0003}.dark-mode-toggle:hover{transform:scale(1.1) translateY(-2px);background:#ffffff4d;box-shadow:0 6px 20px #0000004d}.dark-mode-toggle:active{transform:scale(.95) translateY(0)}body.dark-mode .dark-mode-toggle{background:#0000004d;border-color:#fff3}@media(max-width:480px){.dark-mode-toggle{bottom:12px;right:12px;width:44px;height:44px;font-size:1.2em}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}:root{--classic-crimson: #d62839ff;--pitch-black: #0b0a07ff;--seagrass: #629677ff;--baltic-blue: #235789ff;--bright-snow: #f7f9f9ff;--bg-gradient-start: var(--baltic-blue);--bg-gradient-end: var(--seagrass);--card-bg: rgba(247, 249, 249, .95);--card-text: var(--pitch-black);--subtitle-text: #4a5568;--input-border: var(--baltic-blue)}body.dark-mode{--bg-gradient-start: var(--pitch-black);--bg-gradient-end: var(--classic-crimson);--card-bg: rgba(11, 10, 7, .95);--card-text: var(--bright-snow);--subtitle-text: var(--seagrass);--input-border: var(--seagrass)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(0deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .3s ease}#root{width:100%;height:100vh;-webkit-overflow-scrolling:touch;display:grid;place-items:center;grid-template-rows:auto 2fr auto}header{width:100%;position:sticky;color:var(--card-text);background:var(--card-bg);text-align:center;top:0;z-index:100;padding:10px;font-family:Salsa,cursive;font-weight:400;font-style:normal}footer{width:100%;position:sticky;padding:10px;text-align:center;color:var(--card-text);font-size:.9em;background-color:var(--card-bg);bottom:0;z-index:100}