@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,600;1,400&family=Share+Tech+Mono&display=swap";:root{--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px}.wood-theme{--bg-color:#2b1b11;--bg-gradient:radial-gradient(circle, #3e2617 0%, #1e110a 100%);--panel-bg:#3e261773;--panel-border:#8b5a2b40;--board-bg:#8c6239;--board-gradient:linear-gradient(135deg, #a67c52 0%, #704721 100%);--cell-bg:#5c3818;--cell-inset:inset 0 4px 8px #0009, 0 2px 2px #ffffff1a;--text-main:#f5ebe0;--text-muted:#d5bdaf;--accent-color:#c68a4c;--accent-glow:0 0 15px #c68a4c99;--font-logo:"Playfair Display", serif;--font-body:"Outfit", sans-serif;--card-shadow:0 10px 30px #00000080, inset 0 1px 0 #ffffff0d}.cyberpunk-theme{--bg-color:#030008;--bg-gradient:radial-gradient(circle, #0b0214 0%, #010003 100%);--panel-bg:#0d0217a6;--panel-border:#00f2fe4d;--board-bg:#09090e;--board-gradient:linear-gradient(135deg, #10061d 0%, #030305 100%);--cell-bg:#0c0818;--cell-inset:0 0 8px #00f2fe33, inset 0 2px 6px #00f2fe66;--text-main:#e0f2fe;--text-muted:#8ecae6;--accent-color:#00f2fe;--accent-glow:0 0 20px #00f2fecc, 0 0 40px #ff084466;--font-logo:"Share Tech Mono", monospace;--font-body:"Share Tech Mono", monospace;--card-shadow:0 0 25px #00f2fe26, inset 0 0 10px #00f2fe1a}.slate-theme{--bg-color:#0f172a;--bg-gradient:radial-gradient(circle, #1e293b 0%, #090d16 100%);--panel-bg:#1e293b99;--panel-border:#ffffff14;--board-bg:#1e293b;--board-gradient:linear-gradient(135deg, #334155 0%, #0f172a 100%);--cell-bg:#0f172a80;--cell-inset:inset 0 3px 6px #00000080, 0 1px 1px #ffffff0d;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-color:#6366f1;--accent-glow:0 0 20px #6366f199;--font-logo:"Outfit", sans-serif;--font-body:"Outfit", sans-serif;--card-shadow:0 10px 30px #0006, inset 0 1px 0 #ffffff1a}body{color:#fff;background-attachment:fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.wood-theme-body{background:radial-gradient(circle,#3e2617 0%,#1e110a 100%);font-family:Outfit,sans-serif}.cyberpunk-theme-body{background-color:#0000;background-image:linear-gradient(#00f2fe08 1px,#0000 1px),linear-gradient(90deg,#00f2fe08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;font-family:Share Tech Mono,monospace}.slate-theme-body{background:radial-gradient(circle,#1e293b 0%,#090d16 100%);font-family:Outfit,sans-serif}.app-container{box-sizing:border-box;background-color:var(--bg-color);background-image:var(--bg-gradient);min-height:100vh;color:var(--text-main);font-family:var(--font-body);flex-direction:column;padding:20px 40px;transition:background .5s,color .3s;display:flex}@media (width<=768px){.app-container{padding:10px 15px}}.game-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.logo-text{font-family:var(--font-logo);letter-spacing:4px;background:linear-gradient(45deg, #fff, var(--accent-color));-webkit-text-fill-color:transparent;text-shadow:var(--accent-glow);-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.header-controls{gap:12px;display:flex}.btn-header-icon{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;padding:10px;display:flex}.btn-header-icon:hover{background:var(--accent-color);color:#fff;box-shadow:var(--accent-glow);border-color:#0000;transform:translateY(-2px)}.game-main{flex:1;grid-template-columns:320px 1fr 380px;align-items:start;gap:30px;display:grid}@media (width<=1200px){.game-main{grid-template-rows:auto;grid-template-columns:1fr;gap:20px}}.game-status-panel,.settings-panel,.piece-pool-container{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth);padding:24px}.player-indicator-wrapper{border-radius:var(--border-radius-sm);background:#0003;justify-content:space-between;align-items:center;margin-bottom:24px;padding:8px 12px;display:flex}.player-badge{border-radius:var(--border-radius-sm);opacity:.5;transition:var(--transition-smooth);align-items:center;gap:8px;padding:6px 12px;display:flex}.player-badge.active{opacity:1;background:#ffffff14;font-weight:600}.player-badge.active.p1{border-bottom:2px solid var(--accent-color)}.player-badge.active.p2{border-bottom:2px solid #ff0844}.versus-divider{opacity:.3;font-size:.8rem;font-weight:800}.badge-dot{background:var(--accent-color);border-radius:50%;width:8px;height:8px}.player-badge.p2 .badge-dot{background:#ff0844}.status-phase-info{text-align:center;margin-bottom:20px}.status-phase-info h3{margin:0 0 6px;font-size:1.4rem;font-weight:600}.phase-description{color:var(--text-muted);margin:0;font-size:.9rem}.active-piece-container{border-radius:var(--border-radius-md);background:#00000040;flex-direction:column;align-items:center;margin-bottom:24px;padding:20px;display:flex}.active-piece-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;font-size:.75rem}.active-piece-view{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;display:flex}.active-piece-desc{color:var(--text-muted);text-transform:capitalize;text-align:center;font-size:.8rem}.no-active-piece{opacity:.25;flex-direction:column;align-items:center;font-size:.85rem;display:flex}.icon-placeholder{margin-bottom:8px}.action-buttons-group{flex-direction:column;gap:12px;display:flex}.btn-quarto-claim{border:2px solid var(--text-muted);color:var(--text-main);letter-spacing:3px;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;padding:16px;font-size:1.2rem;font-weight:800}.btn-quarto-claim:disabled{opacity:.3;cursor:not-allowed}.glow-claim{background:var(--accent-color);color:#fff;border-color:#fff;animation:1.5s infinite alternate pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--accent-color), 0 0 10px var(--accent-color);transform:scale(1)}to{box-shadow:0 0 20px var(--accent-color), 0 0 35px var(--accent-color);transform:scale(1.02)}}.sub-actions{gap:12px;display:flex}.btn-action-icon,.btn-action-text{border:1px solid var(--panel-border);color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#0003;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;display:flex}.btn-action-icon:hover:not(:disabled),.btn-action-text:hover{background:#ffffff1a}.btn-action-icon:disabled{opacity:.3;cursor:not-allowed}.game-status-panel.game-over{border-color:var(--accent-color);background:linear-gradient(135deg,#6366f126 0%,#ff084426 100%)}.status-header{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.status-header h2{text-align:center;margin:0;font-size:1.8rem;font-weight:800}.win-reason{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.btn-primary{background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;box-shadow:var(--accent-glow);transition:var(--transition-smooth);border:none;padding:14px;font-size:1.1rem;font-weight:700}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.board-panel-center{justify-content:center;align-items:center;width:100%;display:flex}.game-board-container{aspect-ratio:1;background:var(--board-bg);background-image:var(--board-gradient);border-radius:var(--border-radius-lg);box-sizing:border-box;border:12px solid #1a0f0a;justify-content:center;align-items:center;width:100%;max-width:500px;padding:16px;display:flex;position:relative;box-shadow:0 25px 60px #0009,inset 0 2px 5px #fff3}.cyberpunk-theme .game-board-container{border:4px solid var(--accent-color);box-shadow:var(--accent-glow)}.slate-theme .game-board-container{border:8px solid #1e293b}.game-board{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:12px;width:100%;height:100%;display:grid}.board-cell{aspect-ratio:1;cursor:pointer;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.cell-recess{background:var(--cell-bg);box-shadow:var(--cell-inset);z-index:1;border-radius:50%;position:absolute;inset:4px}.board-cell.empty:hover:not(.is-thinking) .cell-recess{background:#ffffff14;box-shadow:inset 0 0 10px #fff3,0 0 10px #ffffff1a}.placed-piece,.ghost-piece{z-index:2;transition:var(--transition-smooth);pointer-events:none;position:relative;top:-8px;transform:scale(1)}.board-cell:hover .ghost-piece{transform:scale(1.05)}.winning-cell .winner-highlight{z-index:3;border:3px solid #ffc107;border-radius:50%;animation:1s infinite alternate winning-pulse;position:absolute;inset:-2px;box-shadow:0 0 20px #ffc107}.cyberpunk-theme .winning-cell .winner-highlight{border-color:#00f2fe;box-shadow:0 0 20px #00f2fe,0 0 40px #ff0844}@keyframes winning-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.piece-pool-container{box-sizing:border-box;width:100%}.pool-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);text-align:center;margin:0 0 16px;font-size:1rem;font-weight:600}.piece-pool{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;display:grid}.pool-slot{aspect-ratio:.85;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex;position:relative}.pool-slot-recess{border-radius:var(--border-radius-sm);z-index:1;background:#0000004d;position:absolute;inset:2px;box-shadow:inset 0 2px 5px #00000080}.pool-piece-wrapper{z-index:2;transition:var(--transition-smooth);position:relative;top:-4px}.pool-slot.clickable:hover .pool-piece-wrapper{transform:translateY(-8px)scale(1.1)}.pool-slot.selected .pool-piece-wrapper{transform:translateY(-4px)scale(1.05)}.placed-silhouette{z-index:2;opacity:.08;filter:grayscale()}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:2px solid var(--panel-border);border-radius:var(--border-radius-md);width:90%;max-width:440px;box-shadow:var(--card-shadow);padding:30px;position:relative}.modal-close-btn{border:1px solid var(--panel-border);width:100%;color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;margin-top:20px;padding:10px;font-weight:600}.modal-close-btn:hover{background:#ffffff1a}.settings-title{margin:0 0 20px;font-size:1.5rem;font-weight:800}.settings-section{margin-bottom:20px}.section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:.8rem;display:block}.btn-group-segmented{border-radius:var(--border-radius-sm);background:#00000040;padding:4px;display:flex}.btn-group-segmented button{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;flex:1;padding:10px 4px;font-family:inherit;font-size:.85rem;font-weight:600}.btn-group-segmented button.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 5px #0003}.toggle-setting{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.toggle-label{font-size:.9rem}.sound-btn{border:1px solid var(--panel-border);color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;padding:8px 12px}.sound-btn:hover{background:#ffffff1a}.sound-btn.enabled{border-color:var(--accent-color);color:var(--accent-color)}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff26;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn-reset{color:#ff5c75;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);background:#ff084426;border:1px solid #ff084466;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.btn-reset:hover{background:#ff084440;transform:translateY(-1px)}.help-content{max-width:500px}.help-text-body{font-size:.95rem;line-height:1.6}.help-text-body ul{margin-bottom:16px;padding-left:20px}.highlight-rule{border-left:4px solid var(--accent-color);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;background:#ffffff0d;padding:10px 14px}.toast-notification{color:#fff;border-radius:var(--border-radius-lg);z-index:1000;background:#ff0844;padding:12px 24px;font-weight:600;animation:3s forwards toast-in-out;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,0 0 15px #ff084480}.wood-theme .toast-notification{background:#5e1f18;box-shadow:0 10px 30px #00000080,0 0 15px #5e1f1880}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.active-pulse{animation:2s ease-in-out infinite alternate piece-active-glow}@keyframes piece-active-glow{0%{transform:translateY(0)scale(1)}to{transform:translateY(-4px)scale(1.04)}}.thinking-dots:after{content:" . . .";animation:1.5s steps(4,start) infinite thinking}@keyframes thinking{0%,to{content:""}25%{content:" ."}50%{content:" . ."}75%{content:" . . ."}}.premium-badge{color:#111;text-transform:uppercase;background:linear-gradient(135deg,gold,#ff8c00);border:1px solid #fff3;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 0 10px #ffd70066}.free-plays-badge{border:1px solid var(--panel-border);color:var(--text-main);background:#ffffff0f;border-radius:12px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.header-premium-btn{color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#ff0844,#ffb199);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 15px #ff08444d}.header-premium-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff084480}.wood-theme .header-premium-btn{background:linear-gradient(135deg,#8b4513,peru);box-shadow:0 4px 15px #8b45134d}.wood-theme .header-premium-btn:hover{box-shadow:0 6px 20px #8b451380}.slate-theme .header-premium-btn{background:linear-gradient(135deg,#334155,#64748b);box-shadow:0 4px 15px #3341554d}.slate-theme .header-premium-btn:hover{box-shadow:0 6px 20px #33415580}.board-locked-container{width:100%;height:100%;position:relative}.board-locked-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-lg);z-index:10;text-align:center;background:#000000d9;border:2px dashed #ff0844;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.wood-theme .board-locked-overlay{border-color:#8b4513}.slate-theme .board-locked-overlay{border-color:#64748b}.board-locked-title{color:#fff;text-shadow:0 0 10px #ff0844cc;margin-bottom:12px;font-size:1.6rem;font-weight:800}.wood-theme .board-locked-title{text-shadow:0 0 10px #8b4513cc}.board-locked-desc{color:#fffc;max-width:320px;margin-bottom:24px;font-size:.95rem;line-height:1.5}.settings-premium-box{border:1px solid var(--panel-border);border-radius:var(--border-radius-sm);background:#ffffff08;margin-top:15px;padding:16px}.premium-box-title{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.premium-box-desc{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;line-height:1.4}.btn-premium-checkout{color:#000;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);background:linear-gradient(135deg,gold,#ff8c00);border:none;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 12px #ffd70033}.btn-premium-checkout:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ffd70066}.btn-premium-checkout:disabled{opacity:.6;cursor:not-allowed;transform:none}.storage-notice{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.7rem;line-height:1.3}.status-premium-indicator{border-top:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;font-size:.8rem;display:flex}