@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--color-orange: #E68C3C;--color-dark-green: #20473C;--color-olive: #7F802F;--color-pink: #E7237F;--color-purple: #736FAD;--color-cream: #F5F1E8;--font-main: "Quicksand", sans-serif;--radius-card: 24px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--color-dark-green);background-image:url(/bg-texture.png);background-size:cover;background-position:center;background-blend-mode:overlay;color:#fff;min-height:100vh;min-width:320px;overflow-x:hidden;display:flex;justify-content:center;align-items:center}#root{width:100%;max-width:500px;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}button{font-family:inherit;border:none;cursor:pointer}.scene-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4rem}.canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.intro-ui{position:relative;z-index:2;width:100%;display:flex;justify-content:center;margin-bottom:5vh}.logo-container{position:absolute;top:5vh;left:0;width:100%;display:flex;justify-content:center;z-index:10;pointer-events:none}.intro-logo{width:300px;max-width:80%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.button-group{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.action-btn{padding:16px 32px;border-radius:40px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;width:200px;text-align:center;text-transform:uppercase;letter-spacing:1px}.action-btn.primary{background:var(--color-pink);color:#fff;box-shadow:0 4px 15px #e7237f66;border:2px solid var(--color-pink)}.action-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.action-btn:active{transform:scale(.96)}.rules-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rules-content{background:#142823;color:#fff;padding:2.5rem 2rem;border-radius:24px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 50px #00000080;position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.05)}.rules-header{width:100%;display:flex;justify-content:space-between;margin-bottom:2rem;font-size:.75rem;font-weight:700;letter-spacing:2px;color:#fff9;text-transform:uppercase}.rules-pill{background:#d4af37;background:linear-gradient(135deg,#c5a458,#aa893c);color:#fff;padding:6px 16px;border-radius:6px;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #0003;transform:rotate(-2deg);margin-bottom:1.5rem;display:inline-block}.rules-title{font-size:1.5rem;line-height:1.3;font-weight:800;color:#fff;text-align:center;margin-bottom:2.5rem}.rules-title .underline{text-decoration:underline;text-decoration-color:#ffffff4d;text-decoration-thickness:3px;text-underline-offset:4px}.rules-list{display:flex;flex-direction:column;gap:1.5rem;width:100%;text-align:left}.rules-item{display:flex;align-items:flex-start;gap:1rem}.rule-number{font-family:serif;font-style:italic;font-size:2rem;font-weight:400;line-height:1;color:#fffc;min-width:24px}.rules-item p{margin:0;font-size:.95rem;line-height:1.5;color:#fffc;font-weight:400;flex:1}.rules-item p strong{color:#fff;font-weight:700}.card-container{--max-h: 65vh;--ratio: calc(320 / 505);height:min(505px,var(--max-h));width:calc(min(505px,var(--max-h)) * var(--ratio));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;transform-style:preserve-3d;cursor:grab;z-index:5;touch-action:none}.card-container:active{cursor:grabbing}.card-content{width:100%;height:100%;border-radius:20px;box-shadow:0 15px 40px #00000040;padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.card-header{position:absolute;top:2rem;left:0;width:100%;display:flex;justify-content:center;z-index:2;pointer-events:none}.card-letter{position:absolute;top:1.5rem;left:1.5rem;font-size:2.2rem;font-weight:800;color:#0000001a;line-height:1}.card-pill{background:#fff;padding:6px 16px;border-radius:5px;font-size:.8rem;font-weight:700;text-transform:lowercase;box-shadow:0 4px 12px #00000026;transform:none;margin-top:.5rem;z-index:10}.card-body{flex:1;display:flex;align-items:center;justify-content:center;margin-top:2rem;margin-bottom:2rem;z-index:2;padding:0 1rem}.question-text{font-family:inherit;font-size:1.6rem;font-weight:700;text-align:center;line-height:1.35;color:#fff}.card-footer{position:absolute;bottom:0;left:0;width:100%;height:80px;display:flex;justify-content:center;align-items:center;z-index:2;padding-bottom:.5rem}.card-logo{display:none}.card-symbol{position:absolute;bottom:1.5rem;right:1.5rem;font-size:2.2rem;font-weight:800;color:#0000001a;transform:rotate(180deg)}.game-deck{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding-top:2rem}.top-bar{margin-bottom:1rem;z-index:100;display:flex;justify-content:center;width:100%;position:relative}.main-logo{height:50px;transition:opacity .2s}.main-logo:active{opacity:.7}.cards-container{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:center;touch-action:none}.deck-instruction{position:absolute;bottom:2rem;width:100%;display:flex;justify-content:center;gap:3rem;z-index:10}.arrow-btn{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s}.arrow-btn:hover,.arrow-btn:active{background:#ffffff1a;color:#fff;border-color:#ffffff80}.admin-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;color:#fff;z-index:100;padding:2rem;overflow-y:auto;font-family:sans-serif}.back-btn{background:transparent;border:1px solid white;color:#fff;padding:.5rem 1rem;cursor:pointer;margin-bottom:2rem}.admin-section{margin-bottom:3rem;background:#333;padding:1.5rem;border-radius:8px}.admin-section form{display:flex;flex-direction:column;gap:1rem}.admin-section input,.admin-section select,.admin-section textarea{padding:.8rem;border-radius:4px;border:none;font-size:1rem}.admin-section button[type=submit]{background:#e7237f;color:#fff;border:none;padding:1rem;font-weight:700;cursor:pointer;margin-top:1rem}.questions-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.question-item{background:#222;padding:1rem;border-radius:4px}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden;background-color:#20473c;background-image:url(/bg-texture.png);background-size:cover;background-position:center;background-blend-mode:overlay}.intro-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}.intro-wrapper>*{pointer-events:auto}.game-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}