@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@400;600&display=swap";.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background-image:url(/background.png);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background-image:url(/background.png);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.app-container:before{content:"";position:absolute;inset:0;background:#0009;z-index:0}.app-container>*{z-index:1;position:relative}h1{font-family:var(--font-heading);font-size:4rem;text-transform:uppercase;letter-spacing:.3rem;background:linear-gradient(to bottom,gold,#ff8f00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 8px rgba(0,0,0,.5);margin-bottom:2rem;text-align:center}.game-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;max-width:100vw;box-sizing:border-box;animation:fadeIn .5s ease-out}.board-area{position:relative;padding:0;margin:20px;background:transparent;box-shadow:none;border:none}.board-outline-svg{position:absolute;top:0;left:0;width:630px;height:540px;z-index:5;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.board-grid-container{position:relative;padding:0;margin:0}.board-scaler{display:flex;justify-content:center;width:fit-content;margin:0 auto;transition:transform .3s ease}.board-with-coords{display:flex;flex-direction:column;padding:10px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.board-middle-row,.coords-row{display:flex}.coords-col{display:flex;flex-direction:column}.coord-label{width:45px;height:30px;display:flex;align-items:center;justify-content:center;color:gold;font-weight:700;font-family:var(--font-heading);font-size:.9rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.coords-col .coord-label{width:30px;height:45px}.coord-empty{width:30px;height:30px}.board-grid-container{padding:0;margin:0}.board-grid{display:grid;grid-template-columns:repeat(14,45px);grid-template-rows:repeat(12,45px);gap:0;background:transparent;border:none;box-shadow:none;border-radius:0}.square{width:45px;height:45px;display:flex;align-items:center;justify-content:center;position:relative;font-size:2rem;-webkit-user-select:none;user-select:none}.square.light{background-color:var(--square-light);background-image:linear-gradient(135deg,#fff3,#fff0);box-shadow:inset 0 0 5px #0000001a}.square.dark{background-color:var(--square-dark);background-image:linear-gradient(135deg,#ffffff1a,#fff0);box-shadow:inset 0 0 5px #0003}.square.void{background-color:transparent;pointer-events:none}.square.safe-zone{position:relative}.square.safe-zone:before{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;box-shadow:inset 0 0 10px #0003}.safe-zone-light:before{background-color:gold;border:1px solid rgba(255,215,0,.5)}.safe-zone-dark:before{background-color:indigo;border:1px solid rgba(75,0,130,.5)}.square.selected{box-shadow:inset 0 0 0 3px var(--accent-color);background-color:#ffd70033}.square.valid-move:after{content:"";width:16px;height:16px;background-color:#0f06;border-radius:50%;box-shadow:0 0 5px #0f09}.square.valid-move:hover{background-color:#0f03;cursor:pointer}.player-area{width:100%;max-width:700px;background:var(--glass-bg);border:var(--glass-border);padding:1rem 2rem;border-radius:16px;display:flex;flex-direction:column;gap:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-md)}.player-info{display:flex;align-items:center;gap:1rem;color:#fff;font-family:var(--font-heading);font-size:1.2rem}.turn-badge{font-size:.9rem;padding:.3rem .8rem;border-radius:20px;background:#ffffff1a;opacity:0;transition:all .3s;font-family:var(--font-body)}.turn-badge.active{opacity:1;background:var(--accent-color);color:var(--primary-dark);box-shadow:0 0 10px #ffd70066;font-weight:700}.captured-graveyard{display:flex;flex-wrap:wrap;gap:.4rem;min-height:40px;padding:.8rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.graveyard-piece{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;font-size:1.5rem;transition:transform .2s}.game-state-overlay{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.game-state-message{font-family:var(--font-heading);font-size:4rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 30px rgba(255,215,0,.6);margin-bottom:1rem;text-transform:uppercase;letter-spacing:4px}.retrieval-instruction{font-size:1.4rem;color:#e0e0e0;margin-top:1rem;text-align:center;max-width:80%}.restart-btn{margin-top:2rem;padding:1rem 3rem;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(45deg,#d32f2f,#b71c1c);border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px #0000004d;font-family:var(--font-heading);text-transform:uppercase}.restart-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #d32f2f80}.controls{display:flex;gap:.8rem;margin-left:auto;align-items:center}.restart-btn-small{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-secondary);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all .2s}.restart-btn-small:hover:not(:disabled){background:var(--accent-color);color:var(--primary-dark);transform:rotate(180deg);box-shadow:0 0 10px var(--accent-color)}.exit-btn{padding:.5rem 1.2rem;font-size:.9rem;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;transition:all .2s;font-family:var(--font-heading)}.exit-btn:hover{background:#c62828}.switcheroo-btn{background:var(--accent-color);color:#1a1a1a;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin:.5rem 0}.switcheroo-btn:hover{background:#ffb74d;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.player-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}.retrieval-target{box-shadow:inset 0 0 0 3px #0ff;cursor:pointer;animation:pulse 1.5s infinite}.retrieval-indicator{width:16px;height:16px;background-color:#0ff;border-radius:50%;box-shadow:0 0 10px #0ff}.graveyard-piece.selectable{cursor:pointer;border:2px solid transparent;transition:all .2s}.graveyard-piece.selectable:hover{background:#00ffff1a;transform:scale(1.1);border-color:#0ff}.graveyard-piece.selected{border-color:#0ff;background:#0ff3;box-shadow:0 0 15px #0ff}@keyframes pulse{0%{box-shadow:inset 0 0 0 3px #0ff}50%{box-shadow:inset 0 0 0 6px #00ffff80}to{box-shadow:inset 0 0 0 3px #0ff}}.square.black-hole{background-color:#000!important;box-shadow:inset 0 0 20px #fff3;cursor:not-allowed;display:flex;align-items:center;justify-content:center}.black-hole-inner{width:60%;height:60%;background:radial-gradient(circle,#333,#000 70%);border-radius:50%;animation:black-hole-pulse 3s infinite ease-in-out}@keyframes black-hole-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@media(max-width:750px){.board-scaler{transform:scale(.85);margin:-40px 0}}@media(max-width:650px){.board-scaler{transform:scale(.7);margin:-80px 0}}@media(max-width:500px){.board-scaler{transform:scale(.5);margin:-120px 0}}@media(max-width:400px){.board-scaler{transform:scale(.4);margin:-150px 0}}.piece{font-size:2.8rem;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 4px 2px rgba(0,0,0,.5));transition:transform .2s}.piece:hover{transform:scale(1.1);filter:drop-shadow(2px 6px 4px rgba(0,0,0,.6))}.piece:active{cursor:grabbing;transform:scale(1.05)}.piece-light{color:#fff;text-shadow:0 0 2px #000}.piece-dark{color:#000;text-shadow:0 0 2px rgba(255,255,255,.4);filter:drop-shadow(0 0 5px rgba(139,0,0,.6))}.piece-dark.piece-noble{filter:drop-shadow(0 0 8px #ff0000)}.piece-artillery,.piece-spy,.piece-traitor{font-family:var(--font-heading);font-size:2rem;font-weight:800;letter-spacing:0}.menu-header{text-align:center;margin-bottom:2rem}.menu-header h1{font-size:4rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3);margin:0;font-family:MedievalSharp,cursive}.subtitle{color:#a0a0a0;font-size:1.2rem;letter-spacing:2px}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:0 auto}.logo-group{text-align:center}.user-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.auth-badge{max-width:220px;padding:.4rem .8rem;border-radius:8px;font-size:.78rem;font-weight:700;letter-spacing:.04rem;text-align:right;overflow-wrap:anywhere}.auth-badge.connected{background:#4caf502e;border:1px solid rgba(76,175,80,.45);color:#8ff0a4}.auth-badge.signed-out{background:#ffd7001f;border:1px solid rgba(255,215,0,.35);color:gold}.account-btn{background:transparent;border:1px solid rgba(255,215,0,.55);color:gold;padding:.35rem .7rem;border-radius:6px;cursor:pointer;font-size:.78rem;transition:all .2s}.account-btn:hover:not(:disabled){background:#ffd70029}.account-btn:disabled{opacity:.5;cursor:wait}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:1px}.status-badge.free{background:#ffffff1a;color:#a0a0a0}.status-badge.premium{background:linear-gradient(45deg,gold,#ff8c00);color:#000;box-shadow:0 0 10px #ffd70066}.upgrade-btn-small{background:transparent;border:1px solid #ffd700;color:gold;padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.upgrade-btn-small:hover{background:gold;color:#000}.ai-marketing-card{background:linear-gradient(135deg,#1e1e28e6,#28283ce6);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;max-width:600px;box-shadow:0 8px 32px #0006;animation:fadeIn 1s ease-out}.ai-marketing-card h3{color:gold;margin-top:0;font-size:1.4rem}.ai-marketing-card p{color:#e0e0e0;line-height:1.5}.bot-stats{display:flex;justify-content:space-between;margin-top:1rem;font-size:.9rem;color:gold;font-weight:700;opacity:.8}.auth-error{margin-top:1rem;color:#ff8a80;font-size:.92rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:2rem;animation:fadeIn .8s ease-out}.menu-card{background:var(--glass-bg);border:var(--glass-border);padding:2.5rem;border-radius:20px;width:100%;max-width:650px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2rem}.menu-section{display:flex;flex-direction:column;gap:1.2rem}.mode-selection{display:flex;flex-direction:column;gap:1rem}.mode-btn{display:flex;align-items:center;padding:1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.mode-btn:hover{background:#ffffff1a;transform:translate(5px);border-color:var(--accent-color)}.mode-btn.active{background:linear-gradient(90deg,#1a237ecc,#1a237e66);border-color:var(--accent-color);box-shadow:0 0 15px #ffd70033}.mode-btn .icon{font-size:2rem;margin-right:1.5rem}.btn-content{display:flex;flex-direction:column}.mode-btn .title{font-family:var(--font-heading);font-size:1.2rem;color:#fff;margin-bottom:.2rem}.mode-btn .subtitle,.variant-btn .subtitle{font-size:.9rem;color:var(--text-secondary)}.variant-selection{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.variant-btn{display:flex;flex-direction:column;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.variant-btn:hover{background:#ffffff1a;border-color:var(--accent-color)}.variant-btn.active{background:linear-gradient(135deg,#1a237e99,#1a237e33);border-color:var(--accent-color);box-shadow:0 0 15px #ffd7001a}.variant-btn .title{font-family:var(--font-heading);font-size:1.1rem;color:#fff;margin-bottom:.2rem;display:flex;align-items:center;gap:.5rem}.variant-btn.locked{opacity:.7;filter:grayscale(.5);background:#2828284d}.variant-btn.locked:hover{border-color:#ffd7004d;background:#3c3c3c66}.lock-icon{font-size:.9rem}.premium-badge{position:absolute;top:-8px;right:-8px;background:gold;color:#000;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:10px;box-shadow:0 2px 5px #00000080}.variant-btn{position:relative}.rule-toggle{display:flex;justify-content:center}.toggle-container{display:flex;align-items:center;cursor:pointer;gap:1rem}.toggle-container input{display:none}.toggle-slider{width:50px;height:26px;background-color:#fff3;border-radius:20px;position:relative;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.toggle-slider{background-color:var(--accent-color)}input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:1.1rem;color:var(--text-primary)}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.start-game-btn{flex:2;padding:1.2rem;font-size:1.3rem;background:linear-gradient(45deg,var(--primary-color),var(--primary-light));color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #1a237e66}.start-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a237e99}.start-game-btn:disabled{opacity:.6;cursor:wait;transform:none}.start-game-btn.locked{background:linear-gradient(45deg,#444,#666);box-shadow:0 4px 15px #0000004d;border:1px solid #ffd700;color:gold}.tutorial-btn{flex:1;padding:1.2rem;font-size:1.1rem;background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);border-radius:12px;cursor:pointer;transition:all .3s}.tutorial-btn:hover{background:var(--accent-color);color:var(--primary-dark)}.collapsible{border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.section-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;padding:.5rem 0;color:#fff}.section-header h2{margin:0;font-size:1.4rem}.section-header .arrow{font-size:1rem;transition:transform .3s ease;color:var(--accent-color)}.section-header.active .arrow{transform:rotate(180deg)}.section-content{max-height:0;overflow:hidden;transition:all .4s ease-in-out;opacity:0}.section-content.expanded{max-height:200px;opacity:1;padding-top:1.2rem}.rule-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-top:.8rem;padding:0 .5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tutorial-content{display:flex;align-items:center;max-width:900px;width:90%;gap:2rem;animation:fadeIn .5s ease-out}.noble-container{flex:0 0 300px;display:flex;justify-content:center}.noble-image{width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(255,215,0,.3));animation:float 3s ease-in-out infinite}.speech-bubble{flex:1;background:linear-gradient(135deg,#fff,#f0f0f0);padding:2.5rem;border-radius:20px;border:4px solid var(--primary-color);position:relative;box-shadow:0 10px 30px #00000080;color:#333}.speech-bubble:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);border-width:20px 20px 20px 0;border-style:solid;border-color:transparent var(--primary-color) transparent transparent}.speech-bubble h2{color:var(--primary-color);font-family:var(--font-heading);margin-bottom:1rem;font-size:2rem}.speech-bubble p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#444}.tutorial-controls{display:flex;justify-content:space-between;align-items:center}.nav-btn{padding:.8rem 1.5rem;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.nav-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn.primary{background:var(--primary-color);color:#fff}.nav-btn.primary:hover{background:var(--primary-light);border-color:var(--primary-light)}.step-indicator{font-weight:700;color:#666}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s}.close-btn:hover{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.tutorial-content{flex-direction:column;padding:1rem}.noble-container{flex:0 0 150px}.speech-bubble:before{display:none}}.upgrade-modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.upgrade-modal{background:#1a1a2e;color:#e8e8f0;border-radius:12px;max-width:480px;width:100%;padding:2rem;position:relative;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.upgrade-modal-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:#aaa;font-size:1.75rem;line-height:1;cursor:pointer;padding:0}.upgrade-modal-close:hover{color:#fff}.upgrade-modal h2{margin:0 0 .5rem;font-size:1.5rem}.upgrade-tagline{color:#b5b5c5;font-size:.95rem;margin:0 0 1.5rem;line-height:1.45}.plan-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.plan-option{display:flex;align-items:center;gap:.85rem;padding:1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:border-color .12s,background .12s}.plan-option:hover{border-color:#ffffff40}.plan-option.active{border-color:#6c63ff;background:#6c63ff14}.plan-option input[type=radio]{accent-color:#6c63ff}.plan-details{flex:1}.plan-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.plan-badge{background:#6c63ff;color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.plan-price{font-size:1.1rem;margin-top:.15rem}.plan-fine{color:#888;font-size:.8rem}.upgrade-error{background:#ff50501f;border:1px solid rgba(255,80,80,.3);color:#f99;padding:.6rem .8rem;border-radius:6px;font-size:.9rem;margin-bottom:.75rem}.upgrade-checkout-btn{width:100%;padding:.85rem;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .12s}.upgrade-checkout-btn:hover:not(:disabled){background:#5a52e0}.upgrade-checkout-btn:disabled{background:#4a4a5a;cursor:wait}.upgrade-fine-print{color:#777;font-size:.8rem;text-align:center;margin:.75rem 0 0}.lobby-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#242424;color:#fff;gap:2rem}.lobby-actions{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:500px}.lobby-account{color:#8ff0a4;background:#4caf501f;border:1px solid rgba(76,175,80,.35);padding:.55rem .9rem;border-radius:8px;max-width:min(90vw,500px);overflow-wrap:anywhere}.action-card{background:#333;padding:2rem;border-radius:12px;text-align:center}.input-group{display:flex;gap:1rem;margin-top:1rem;justify-content:center}input{padding:.8rem;border-radius:6px;border:1px solid #555;background:#222;color:#fff;font-size:1rem}.primary-btn,.secondary-btn{padding:.8rem 2rem;font-size:1.1rem;border-radius:6px;cursor:pointer;border:none;transition:background .2s}.primary-btn{background:#646cff;color:#fff;margin-top:1rem}.primary-btn:hover{background:#535bf2}.secondary-btn{background:#4caf50;color:#fff}.secondary-btn:hover{background:#45a049}.game-id-display{font-family:monospace;font-size:2rem;background:#111;padding:1rem;border-radius:8px;margin:1rem 0;letter-spacing:2px;color:#4caf50;-webkit-user-select:all;user-select:all}.error-message{color:#f44;background:#ff44441a;padding:1rem;border-radius:6px}.back-btn{background:transparent;border:1px solid #666;color:#888;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.back-btn:hover{border-color:#fff;color:#fff}.divider{display:flex;align-items:center;text-align:center;color:#666}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #444}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.searching-room{text-align:center;background:#646cff0d;padding:3rem;border-radius:20px;border:1px solid rgba(100,108,255,.2);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.searching-animation{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:1rem}.search-pulse{position:absolute;width:100%;height:100%;border:2px solid #646cff;border-radius:50%;animation:searchingPulse 2s infinite}.searching-animation .icon{z-index:2;filter:drop-shadow(0 0 10px #646cff)}@keyframes searchingPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.loader{font-weight:700;color:#646cff;letter-spacing:1px}.invite-landing{max-width:480px;margin:4rem auto;padding:2rem;background:#1a1a2e;color:#e8e8f0;border-radius:12px;text-align:center;box-shadow:0 8px 32px #00000073;border:1px solid rgba(255,255,255,.08)}.invite-landing h1{margin:0 0 1rem;font-size:1.6rem}.invite-landing p{margin:.5rem 0;color:#c5c5d5}.invite-fine{color:#888;font-size:.9rem}.invite-landing .primary-btn{display:inline-block;margin:1.25rem 0 .5rem;padding:.75rem 1.5rem;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.invite-landing .primary-btn:hover:not(:disabled){background:#5a52e0}.invite-landing .primary-btn:disabled{background:#4a4a5a;cursor:wait}.invite-landing .back-btn{background:none;border:none;color:#888;margin-top:.5rem;cursor:pointer;font-size:.9rem}.invite-landing .back-btn:hover{color:#ccc}.invite-landing .error-message{background:#ff50501f;border:1px solid rgba(255,80,80,.3);color:#f99;padding:.75rem;border-radius:6px;margin:1rem 0}.invite-landing .loader{color:#888;margin:2rem 0}:root{--primary-color: #1a237e;--primary-light: #534bae;--primary-dark: #000051;--accent-color: #ffd700;--accent-hover: #ffea00;--text-primary: #ffffff;--text-secondary: #b0bec5;--bg-overlay: rgba(0, 0, 0, .7);--board-border: #3e2723;--square-light: #ff9800;--square-dark: #b71c1c;--safe-zone-light: rgba(255, 152, 0, .4);--safe-zone-dark: rgba(183, 28, 28, .4);--font-heading: "Cinzel", serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--glass-bg: rgba(20, 20, 30, .8);--glass-border: 1px solid rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:#0a0a0a;color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}