.portal-container{height:100vh;width:100%;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.portal-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,0,.45) 0%,rgba(255,102,0,.25) 40%,transparent 80%);filter:blur(50px);animation:pulseGlow 5s ease-in-out infinite;z-index:0}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.75}}.portal-card{position:relative;z-index:2;max-width:620px;padding:40px 34px;border-radius:18px;background:#ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 40px #ff8c0040;text-align:center;color:#ffe7d1}.portal-title{font-size:2.6rem;margin-bottom:18px;font-weight:600;letter-spacing:.5px;color:#ffbc6d}.portal-text{font-size:1.55rem;line-height:1.85;opacity:.9;margin-bottom:32px}.portal-enter-btn{width:100%;padding:14px 0;font-size:1.5rem;font-weight:600;background:linear-gradient(90deg,#f80,#f50);color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 18px #ff640059;transition:transform .2s ease,box-shadow .2s ease}.portal-enter-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff64008c}.consent-page{height:100vh;width:100%;background:#000;color:#f2f2f2;display:flex;justify-content:center;align-items:center;padding:32px}.consent-content{max-width:520px;text-align:left}.consent-title{font-size:2rem;font-weight:600;margin-bottom:24px;letter-spacing:.5px}.consent-text{font-size:1.15rem;line-height:1.6;opacity:.85;margin-bottom:48px}.consent-actions{display:flex;flex-direction:column;gap:18px}.consent-btn{width:100%;padding:14px 20px;background:transparent;color:#f2f2f2;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .25s ease}.consent-btn:hover{background:#ffffff12;border-color:#ffffff59}.consent-btn.yes{font-weight:600;border-color:#ffffff59}.consent-btn.yes:hover{background:#ffffff26}.consent-btn.no{opacity:.7}.consent-btn.no:hover{opacity:1}.onboarding-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#0d0d0f;padding:20px;color:#eee;font-family:Inter,sans-serif}.onboarding-card{background:#ffffff0f;padding:32px;border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 22px #00000080;max-width:580px;width:100%;text-align:center}.onboarding-title{font-size:2.4rem;margin-bottom:14px;font-weight:700;color:#fff}.onboarding-text{font-size:1.6rem;opacity:.85;margin-bottom:26px;line-height:1.45}.onboarding-buttons{display:flex;flex-direction:column;gap:26px}.onboarding-btn{padding:14px 20px;font-size:1.8rem;border-radius:20px;cursor:pointer;border:none;transition:.25s ease}.onboarding-btn.primary-btn{background:#ff3e84;color:#fff}.onboarding-btn.primary-btn:hover{background:#ff589a}.onboarding-btn.secondary-btn{background:#ffffff1f;color:#eaeaea}.onboarding-btn.secondary-btn:hover{background:#fff3}.onboard-slides-page{height:100vh;width:100%;background:radial-gradient(circle at center,#1a1a1d,#0d0d0f 70%);display:flex;justify-content:center;align-items:center;padding:28px}.onboard-slide-card{width:100%;max-width:520px;padding:42px;background:#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;border:1px solid rgba(255,255,255,.08);text-align:center;color:#f5f5f5;box-shadow:0 0 40px #ffffff0a,0 0 70px #0006}.onboard-title{font-size:1.9rem;font-weight:600;margin-bottom:18px}.onboard-text{font-size:1.1rem;opacity:.85;line-height:1.6;margin-bottom:40px}.onboard-controls{display:flex;justify-content:space-between;gap:14px}.onboard-btn{flex:1;padding:12px 16px;font-size:1.05rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f5f5f5;cursor:pointer;transition:all .25s ease}.onboard-btn.back:hover{background:#ffffff1a}.onboard-btn.next{border-color:#ffffff59;font-weight:600}.onboard-btn.next:hover{background:#ffffff2e}.join-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0d0d0d;padding:20px}.join-card{background:#1a1a1a;padding:32px;border-radius:18px;max-width:420px;width:100%;text-align:center;border:1px solid #333;box-shadow:0 6px 18px #0006}.join-title{font-size:1.9rem;margin-bottom:8px;color:#f5f5f5}.join-subtitle{color:#b8b8b8;margin-bottom:20px;font-size:1rem}.join-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #444;background:#111;color:#f5f5f5;font-size:1rem;margin-bottom:12px;transition:border .2s ease}.join-input:focus{outline:none;border-color:#888}.join-error{color:#ff6b6b;margin-bottom:10px;font-size:.95rem}.join-btn{width:100%;padding:12px;border-radius:10px;font-size:1.05rem;cursor:pointer;margin-top:12px;border:none;transition:background .2s ease,color .2s ease}.join-btn.primary{background:#3e8cff;color:#fff}.join-btn.primary:hover{background:#5ba1ff}.join-btn.secondary{background:transparent;color:#ccc;border:1px solid #444}.join-btn.secondary:hover{background:#2a2a2a}html,body,#root,.app-container{height:100%;width:100%;margin:0;padding:0}.menu-page{height:100vh;width:100vw;background:radial-gradient(circle at 20% 20%,#0d0d0e,#050506 60%,#000);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.menu-card{background:#ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;padding:48px 42px;width:min(420px,92%);text-align:center;position:relative;box-shadow:0 0 50px #ffffff0f,0 0 120px #ffffff0a}.menu-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#4ff6e7;opacity:.18;filter:blur(80px);top:-40px;left:-40px;z-index:-1}.menu-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:10px}.menu-subtitle{font-size:1.05rem;color:#dcdcdc;opacity:.85;margin-bottom:32px}.menu-buttons{display:flex;flex-direction:column;gap:18px}.menu-btn{padding:15px 20px;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.05rem;cursor:pointer;transition:all .25s ease}.menu-btn:hover{background:#ffffff2e;transform:translateY(-2px)}.menu-btn.primary{background:#4ff6e7;color:#000;font-weight:600;border:none;box-shadow:0 0 18px #4ff6e759}.menu-btn.primary:hover{background:#6ff9ef;box-shadow:0 0 30px #4ff6e780}@media(max-width:480px){.menu-card{padding:34px 26px}.menu-title{font-size:1.8rem}.menu-btn{font-size:1rem}}.menu-back-btn{margin-top:26px;padding:10px 24px;font-size:1.05rem;background:transparent;border:1px solid rgba(255,255,255,.18);color:#e6e6e6;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s ease,transform .2s ease}.menu-back-btn:hover{background:#ffffff1f;transform:translateY(-2px)}:root{--cat1: #ff4d4d;--cat2: #3d7bff;--cat3: #c7ff3d;--cat4: #ff3df7;--cat5: #9b4dff;--cat6: #ff9b3d;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .18);--text-light: #f5f5f5}.components-page{min-height:100vh;padding:60px 0;background:#0b0b0d;display:flex;justify-content:center;color:var(--text-light)}.components-wrapper{width:90%;max-width:900px;text-align:center}.components-title{font-size:2.6rem;margin-bottom:6px;font-weight:700}.components-subtitle{opacity:.7;font-size:1.1rem;margin-bottom:40px}.components-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}@media(max-width:700px){.components-grid{grid-template-columns:1fr}}.glass-card{padding:24px 28px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px #00000073,0 0 12px var(--glow);transition:transform .25s ease,box-shadow .25s ease}.glass-card h2{margin-bottom:10px;font-size:1.4rem}.glass-card p{opacity:.85;font-size:1rem;line-height:1.45}.glass-card:hover{transform:translateY(-4px);box-shadow:0 0 20px #0000008c,0 0 18px var(--glow),0 0 30px var(--glow)}.components-back{margin-top:48px;padding:12px 26px;font-size:1.1rem;background:transparent;border:1px solid var(--glass-border);color:var(--text-light);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s ease,transform .2s ease}.components-back:hover{background:#ffffff1f;transform:translateY(-2px)}.insta-bg{height:100vh;width:100%;background:radial-gradient(circle at center,#111,#000 70%);display:flex;justify-content:center;align-items:center;padding:20px}.insta-card{width:min(700px,92vw);max-height:90vh;background:#141414bf;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:30px 34px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 18px #ffffff0d,0 0 40px #5a28ff26;overflow:hidden}.insta-scroll{overflow-y:auto;padding-right:8px;margin-top:20px;flex:1}.insta-scroll::-webkit-scrollbar{width:6px}.insta-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.insta-title{margin:0;font-size:2rem;color:#eee;text-align:center;letter-spacing:.5px;font-weight:600}.insta-subtitle{text-align:center;margin-top:10px;font-size:1.05rem;color:#ccc;opacity:.9}.insta-section{margin:26px 0;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.insta-section h2{margin-bottom:10px;color:#f4f4f4;font-size:1.3rem;font-weight:600}.insta-section p{color:#ccc;line-height:1.45}.insta-section ul,.insta-section ol{margin-top:12px;color:#ddd;padding-left:22px;line-height:1.5}.insta-section strong{color:#fff}.insta-footer{margin-top:18px;display:flex;justify-content:center}.insta-btn{padding:12px 28px;background:linear-gradient(135deg,#444,#222);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#eee;font-size:1.05rem;text-decoration:none;transition:.25s;box-shadow:0 0 12px #ffffff0d}.insta-btn:hover{background:linear-gradient(135deg,#666,#333);box-shadow:0 0 16px #ffffff1f;transform:translateY(-2px)}.create-container{height:100vh;width:100%;background:#0d0d0f;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Inter,sans-serif}.create-card{background:#ffffff14;padding:32px;border-radius:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 40px #ffffff40}.create-title{font-size:2rem;font-weight:700;margin-bottom:10px;color:#fff}.create-subtitle{font-size:1.1rem;opacity:.85;margin-bottom:28px}.create-input{width:100%;padding:14px;border-radius:10px;border:none;margin-bottom:24px;font-size:1.1rem;background:#ffffff1f;color:#fff;outline:none;transition:.25s ease}.create-input::placeholder{color:#bbb}.create-input:focus{background:#ffffff2e}.create-btn{width:100%;padding:14px 20px;border-radius:10px;font-size:1.15rem;cursor:pointer;border:none;transition:.25s ease}.primary-btn{background:linear-gradient(90deg,#ff3e84,#ff6ba8);color:#fff;font-weight:600;box-shadow:0 0 12px #ff3e8466}.primary-btn:hover{background:linear-gradient(90deg,#ff5694,#ff8ab8)}.disabled{opacity:.45;pointer-events:none}@media(max-width:480px){.create-card{padding:28px}.create-title{font-size:1.7rem}.create-btn{font-size:1.05rem}}.summary-box{background:#ffffff1f;padding:18px;border-radius:12px;margin-bottom:26px}.summary-name{font-size:1.3rem;padding:6px 0;color:#fff;letter-spacing:.4px}.secondary-btn{background:#ffffff1f;color:#ddd;margin-top:12px}.secondary-btn:hover{background:#ffffff2e}.color-picker-label{margin-top:20px;margin-bottom:8px;font-size:1rem;opacity:.9}.color-picker-row{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.color-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;outline:none;transition:transform .15s ease,border-color .15s ease}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{border-color:#fff;transform:scale(1.18)}.summary-page{width:100%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;padding:20px}.summary-card{background:#ffffff0d;border-radius:16px;padding:40px;width:90%;max-width:420px;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 40px #ff008040}.summary-title{color:#fff;font-size:2rem;margin-bottom:20px}.summary-players p{color:#ddd;font-size:1.1rem;margin:8px 0}.summary-start-btn{margin-top:30px;padding:14px 26px;font-size:1.1rem;border:none;border-radius:12px;background:linear-gradient(135deg,#ff4dff,#a100ff);color:#fff;cursor:pointer;font-weight:600;transition:.25s ease}.summary-start-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ff00c880}.phase-banner{width:100%;padding:10px 18px;margin-bottom:18px;background:#fff0eb14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;text-align:center;color:#ffe7ef;font-size:1.1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(255,200,215,.12);box-shadow:0 0 18px #ffaabe26;transition:background .3s ease,box-shadow .3s ease}.phase-banner.turn-start{box-shadow:0 0 15px #96d2ff40}.phase-banner.rolling{background:#ffdcb41a;box-shadow:0 0 16px #ffb98240}.phase-banner.prompt{background:#ffc8e61a;box-shadow:0 0 20px #ff96c859}.phase-banner.award{background:#beffd21a;box-shadow:0 0 20px #8cffc859}.coinflip-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.coin{width:140px;height:140px;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform 1.5s ease-out}.coin-face{position:absolute;width:100%;height:100%;backface-visibility:hidden}.coin-front{transform:rotateY(0)}.coin-back{transform:rotateY(180deg)}.coin.flip{animation:coinFlip 1.3s ease-out forwards}@keyframes coinFlip{0%{transform:rotateY(0)}30%{transform:rotateY(360deg)}60%{transform:rotateY(720deg)}to{transform:rotateY(900deg)}}.coin.favor{transform:rotateY(0)}.coin.challenge{transform:rotateY(180deg)}.coin-instruction{margin-top:16px;font-size:1.2rem;opacity:.8}.coin-result-text{margin-top:16px;font-size:1.3rem;font-weight:700}.coin-outcome-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.coin-outcome-container{background:#ffffff26;padding:26px;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;max-width:360px;width:100%}.coin-outcome-image{width:120px;height:120px;margin-bottom:18px}.coin-outcome-title{font-size:2rem;margin-bottom:12px}.coin-outcome-activity,.coin-outcome-performer{font-size:1.05rem;margin-bottom:10px;opacity:.95}.coin-outcome-btn{margin-top:16px;padding:12px 20px;border-radius:10px;background:#ff4fa8;color:#fff;font-weight:700;border:none;cursor:pointer}.coin-outcome-btn:hover{background:#ff7fc2}.coin-outcome-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.activity-shop-container{width:100%;max-width:100%;padding:24px 24px 40px;background:#141419d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;color:#fff;overflow-y:auto;max-height:calc(100vh - 360px);display:flex;flex-direction:column}.activity-shop-container::-webkit-scrollbar{width:8px}.activity-shop-container::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.activity-shop-container::-webkit-scrollbar-track{background:transparent}.shop-title{font-size:1.8rem;font-weight:600;margin-bottom:8px;letter-spacing:.4px}.shop-message{opacity:.85;font-size:1.05rem;margin-bottom:20px;line-height:1.45}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%;padding:8px 0}.activity-card{background:#ffffffc7;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.activity-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #00000059;border-color:#ffffff40}.activity-card-title{font-size:1.4rem;font-weight:600;margin-bottom:8px}.activity-card-cost{font-size:1.25rem;opacity:.7}.shop-decline-btn{position:sticky;bottom:0;width:100%;padding:14px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;border:none;cursor:pointer;margin-top:16px}.shop-decline-btn:hover{background:#ffffff59}.coin-toss-area{margin-top:18px;text-align:center}.activity-shop-instructions{font-size:.9rem;opacity:.8;margin-bottom:12px;text-align:center}.skip-btn{background:#555;color:#fff}.skip-btn:hover{background:#666}.end-turn-card{background:#2a334aee;border:1px solid #8aaaff77;color:#f2f4ff}.end-turn-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000059;border-color:#bcd3ff}.end-title{color:#fff;font-weight:700}.activity-card-sub{font-size:.9rem;opacity:.85;margin-bottom:6px}.movement-card-award-container{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.movement-card-award-card{background:#1a1a1d;border-radius:18px;padding:24px 28px;max-width:380px;width:90%;text-align:center;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #0006;animation:cardReveal .35s ease-out}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.movement-card-title{color:#fff;font-size:1.4rem;margin-bottom:16px}.movement-card-body{background:#ffffff0f;padding:18px;border-radius:14px;margin-bottom:20px}.movement-card-name{font-size:1.2rem;font-weight:600;color:#ffb4e6;margin-bottom:6px}.movement-card-effect{font-size:.95rem;color:#ddd;line-height:1.35rem}.movement-card-continue-btn{padding:10px 18px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#ff8bd5,#ff45a0);color:#fff;font-size:1rem;font-weight:600;transition:transform .15s}.movement-card-continue-btn:hover{transform:scale(1.05)}.movement-card{width:180px;height:110px;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff1f;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.movement-card:before{content:"";position:absolute;inset:-2px;z-index:-1;background:conic-gradient(from 0deg,#ff00c8,#ff8a00,#fe0,#00ff95,#00c8ff,#a800ff,#ff00c8);animation:holo-spin 6s linear infinite;filter:blur(4px)}.movement-card:after{content:"";position:absolute;inset:4px;background:#0a0a0a8c;border-radius:10px}.movement-card-content{position:relative;z-index:2;text-align:center}.movement-card-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px}.movement-card-effect{font-size:.85rem;opacity:.75;color:#fff}.movement-card:hover{transform:translateY(-3px);transition:.25s ease;box-shadow:0 6px 16px #0006}@keyframes holo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movement-card-button{cursor:pointer}.movement-card-button:active{transform:scale(.97)}.movement-card-panel{background:#fff0f514;border:1px solid rgba(255,200,215,.18);padding:20px;border-radius:18px;color:#ffeaf3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.movement-card-title{font-size:1.4rem;font-weight:600;margin-bottom:12px;text-shadow:0 0 10px rgba(255,180,200,.4)}.movement-card-list{display:flex;flex-direction:column;gap:10px}.movement-card-item{background:#ffdceb2e;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,200,215,.28);display:flex;justify-content:space-between;align-items:center}.movement-card-name{font-size:1.1rem}.use-card-btn{padding:6px 12px;border-radius:8px;background:#ffc8d740;border:1px solid rgba(255,200,215,.35);cursor:pointer;transition:.2s ease;color:#fff}.use-card-btn:hover{background:#ffc8d759}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.movement-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:500}.movement-modal{width:360px;padding:26px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,200,220,.25);color:#ffe7ef;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.movement-modal-title{font-size:1.5rem;margin-bottom:12px}.movement-modal-desc{font-size:1rem;opacity:.9;margin-bottom:22px}.movement-modal-actions{display:flex;gap:12px;justify-content:center}.use-btn{background:#f8a;border:none;padding:10px 16px;border-radius:12px;cursor:pointer}.cancel-btn{background:#ffffff1a;border:none;padding:10px 16px;border-radius:12px;cursor:pointer}.prompt-card{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:28px;max-width:600px;margin:0 auto;color:#fff;text-align:center;box-shadow:0 8px 20px #00000059;animation:fadeIn .4s ease}.prompt-card-title{font-size:22px;font-weight:700;margin-bottom:12px;opacity:.9}.prompt-card-text{font-size:20px;line-height:1.4;opacity:.95}.prompt-text{font-size:1.3rem;line-height:1.5;margin-bottom:1.4rem}.prompt-modifiers{margin-bottom:1.4rem}.modifier{padding:10px 14px;border-radius:12px;background:#ffffff1f;margin:6px 0;font-size:1rem}.modifier.reversed{border-left:5px solid #79b7ff}.modifier.deepen{border-left:5px solid #ff79b0}.prompt-instructions{margin-top:1rem;opacity:.85;font-size:1rem}.gameboard-container{height:100vh;width:100%;background:radial-gradient(circle at top,#1d1016,#140a0f 60%,#0e060a);display:grid;grid-template-columns:260px 1fr 260px;grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar topbar" "left center right";overflow:hidden}.gameboard-topbar{grid-area:topbar;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#fff0eb12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffe7ee;border-bottom:1px solid rgba(255,200,215,.1)}.game-id{font-size:.9rem;opacity:.8}.game-id-block{text-align:center;margin:0 auto;color:#fff}.game-id-label{font-size:13px;opacity:.7;margin-bottom:2px}.game-id-value{font-size:22px;font-weight:700;letter-spacing:1px;color:#f7f}.game-id-hint{font-size:12px;opacity:.6;margin-top:4px}.menu-btn{background:transparent;border:none;color:#ffd0dc;font-size:1.6rem;cursor:pointer}.player-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border-right:1px solid rgba(255,200,215,.08);border-left:1px solid rgba(255,200,215,.08);padding:24px;color:#ffe2ea;position:relative;overflow:hidden}.player-panel:before{content:"";position:absolute;inset:0;background:var(--player-aura);opacity:.03;filter:blur(40px);z-index:-1}.player-panel:after{content:"";position:absolute;inset:0;background:var(--player-aura);opacity:.58;filter:blur(95px);z-index:-2}.player-name{font-size:1.6rem;margin-bottom:1rem}.gameboard-center{grid-area:center;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.die-wrapper{position:relative;width:100%;height:260px;margin-bottom:18px}.die-glow{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%);border-radius:50%;filter:blur(40px);opacity:.65;animation:breathe 4.5s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes breathe{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.85}to{transform:translate(-50%,-50%) scale(1);opacity:.4}}.final-face-display{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#fff0eb29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:14px;text-align:center;color:#ffe5ee;box-shadow:0 4px 14px #0000004d}.placeholder-text{color:#ffe7ef;font-size:1.6rem;opacity:.85}.action-bar{height:110px;background:#fff0eb12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:18px;text-align:center;color:#ffe3ec;font-size:1.1rem}@media(max-width:768px){.gameboard-container{display:flex!important;flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden}.gameboard-topbar{height:54px;padding:0 16px}.left-panel,.right-panel,.gameboard-center{grid-area:unset!important;width:100%;padding:16px}.gameboard-center{order:1}.left-panel{order:2}.right-panel{order:3}.die-wrapper{height:200px!important;margin-bottom:12px}.dice-canvas-container{height:200px!important}.center-card-placeholder{margin-top:12px}.player-inventory{overflow-x:auto;white-space:nowrap}.action-bar{margin-top:18px;padding:16px 16px 32px}}.big-action-btn{width:100%;padding:16px 20px;background:linear-gradient(135deg,#ff7aa7,#ff467e);border:none;border-radius:14px;font-size:1.3rem;font-weight:600;color:#fff;cursor:pointer;transition:.25s ease;box-shadow:0 4px 12px #ff508259}.big-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff508273}.big-action-btn:active{transform:translateY(0);box-shadow:0 3px 10px #ff508240}.rating-row{display:flex;justify-content:center;gap:16px}.rating-btn{width:60px;height:60px;border-radius:14px;border:none;font-size:1.4rem;font-weight:700;background:#ffffff1f;color:#ffe5ef;cursor:pointer;transition:.25s ease}.rating-btn:hover{background:#ffffff38;transform:translateY(-2px)}.rating-btn:active{background:#ffffff29;transform:translateY(0)}.die-wrapper{width:100%;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:18px}.dice-canvas-container{width:100%;height:220px;border-radius:18px;overflow:hidden;background:#fff0eb14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 20px #00000040}.final-face-display{margin-top:10px;text-align:center;color:#ffe7ef;font-size:1.1rem;opacity:.9}.face-label{font-size:1.2rem;font-weight:600}.face-category{margin-top:2px;font-size:1rem;opacity:.8}.player-inventory{margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,230,240,.12)}.empty-inv{font-size:.95rem;opacity:.7;font-style:italic}.inv-card{background:#fff0f51f;border:1px solid rgba(255,200,215,.18);padding:8px 12px;margin:6px 0;border-radius:10px;color:#ffe7ef;font-size:.95rem;letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .2s ease}.inv-card:hover{transform:translateY(-2px);background:#fff0f52e}.player-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;padding:24px;color:#ffe2ea;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;border-left:1px solid rgba(255,200,215,.08);border-right:1px solid rgba(255,200,215,.08)}.player-panel:before{content:"";position:absolute;inset:0;background:var(--player-aura);opacity:.07;filter:blur(40px);z-index:-1}.player-panel:after{content:"";position:absolute;inset:0;background:var(--player-aura);opacity:.18;filter:blur(95px);z-index:-2}.left-panel{grid-area:left;border-right:none}.right-panel{grid-area:right;border-left:none}.player-name{font-size:1.6rem;margin-bottom:1rem;font-weight:600}.player-tokens{font-size:1.1rem;margin-bottom:1.8rem}.empty-inv{font-size:.95rem;opacity:.75}.inv-card{background:#fff0f01f;padding:8px 10px;margin:4px 0;border-radius:8px;font-size:.95rem}.prompt-card{width:85%;max-width:620px;padding:24px 28px;border-radius:18px;background:#fff0eb1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffe7ef;text-align:center;box-shadow:0 6px 20px #00000040;animation:fadeIn .4s ease-out}.prompt-title{font-size:1.8rem;margin-bottom:12px;color:#ffd3e6}.prompt-text{font-size:1.2rem;line-height:1.55;opacity:.95}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.instruction-overlay{position:absolute;bottom:20px;right:20px;width:260px;padding:16px 20px;background:#00000073;border-radius:12px;color:#fff;font-size:.9rem;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;box-shadow:0 4px 20px #0000004d;animation:fadeIn .4s ease;max-width:80%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--bg-dark: #0c0a0d;--bg-panel: rgba(255, 255, 255, .06);--bg-panel-strong: rgba(255, 255, 255, .12);--text-light: #f7eef9;--neon-white: #ffffff;--neon-shadow: rgba(255, 255, 255, .3);--cat1-red: #f30c0c;--cat2-blue: #052de2;--cat3-yellow: #eaff2b;--cat3-green: #15c429;--cat4-fuchsia: #dd0aa9;--cat5-purple: #6633cc;--cat6-orange: #ff9900;--frost-blur: blur(14px);--neon-border: 2px}.cat3-gradient{background:linear-gradient(135deg,var(--cat3-yellow),var(--cat3-green))}.neon-border{border:var(--neon-border) solid var(--neon-white);box-shadow:0 0 12px var(--neon-shadow)}.cat1-accent{border-color:var(--cat1-red);box-shadow:0 0 12px var(--cat1-red)}.cat2-accent{border-color:var(--cat2-blue);box-shadow:0 0 12px var(--cat2-blue)}.cat3-accent{border-color:var(--cat3-yellow);box-shadow:0 0 12px var(--cat3-green)}.cat4-accent{border-color:var(--cat4-fuchsia);box-shadow:0 0 12px var(--cat4-fuchsia)}.cat5-accent{border-color:var(--cat5-purple);box-shadow:0 0 12px var(--cat5-purple)}.cat6-accent{border-color:var(--cat6-orange);box-shadow:0 0 12px var(--cat6-orange)}.neon-hover:hover{transform:scale(1.03);box-shadow:0 0 18px var(--neon-white)}@keyframes neonPulse{0%{box-shadow:0 0 6px var(--neon-white)}50%{box-shadow:0 0 14px var(--neon-white)}to{box-shadow:0 0 6px var(--neon-white)}}.neon-pulse{animation:neonPulse 2.6s infinite ease-in-out}body{background:var(--bg-dark);color:var(--text-light);font-family:Inter,sans-serif;margin:0}.panel,.card{background:var(--bg-panel);-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.panel-strong{background:var(--bg-panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.v-space{margin-top:20px}.v-space-lg{margin-top:40px}.btn{padding:12px 20px;border-radius:12px;font-size:1.1rem;border:none;cursor:pointer;transition:.25s ease;color:var(--text-light)}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:Inter,system-ui,sans-serif;background:#0d0a0c;color:#fff}*{box-sizing:border-box}button{font-family:inherit}a{color:inherit;text-decoration:none}.page{width:100%;height:100%}