@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700;900&display=swap";:root{--bg-dark: #09090b;--text-light: #fafafa;--text-muted: #a1a1aa;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--color-mtg-w: #f4f4f5;--color-mtg-u: #3b82f6;--color-mtg-b: #18181b;--color-mtg-r: #ef4444;--color-mtg-g: #22c55e;--color-mtg-m: #d946ef;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-main);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{background-color:var(--bg-dark);color:var(--text-light);overflow:hidden;touch-action:none}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.clickable{cursor:pointer;transition:transform .1s cubic-bezier(.4,0,.2,1),background-color .2s ease}.clickable:active{transform:scale(.96);background-color:#ffffff26}.btn{padding:12px 24px;border-radius:9999px;border:none;font-size:1rem;font-weight:700;color:var(--text-light);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid var(--glass-border)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 14px #10b98163}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}input{background:#0006;border:1px solid var(--glass-border);color:#fff;padding:12px 16px;border-radius:12px;font-family:var(--font-main);font-size:1rem;outline:none;transition:border-color .2s ease}input:focus{border-color:#ffffff80}.native-color-picker{width:48px;height:48px;padding:0;border:3px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:none;transition:all .2s}.native-color-picker:hover{transform:scale(1.1);border-color:#fff9}.native-color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:4px}.native-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.native-color-picker::-moz-color-swatch{border:none;border-radius:4px}.partner-toggle-container{display:flex;align-items:center;margin-top:10px}.checkbox-label{color:#ffffffe6;display:flex;align-items:center;gap:10px;font-size:.95rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.player-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff}.player-card.flipped{transform:rotate(180deg)}.card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:16px;z-index:10}.player-name{font-size:1.5rem;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:auto;pointer-events:none}.life-container{display:flex;align-items:center;justify-content:center;flex:1;position:relative;margin:16px 0}.tap-target{position:absolute;top:0;bottom:0;width:50%;background:transparent;border:none;color:#fff0;font-size:8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s ease,color .1s ease;z-index:20}.tap-target.minus{left:0}.tap-target.plus{right:0}.tap-target:active{background:#0000001a;color:#ffffff4d}.life-display{font-size:8rem;font-weight:900;line-height:1;text-shadow:0 8px 16px rgba(0,0,0,.4);pointer-events:none;z-index:15}.details-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;margin-top:auto;border-radius:999px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:.9rem;position:relative;z-index:30}.details-badge{color:#ef4444;font-size:1.5rem;line-height:0;margin-bottom:-4px}.counter-btn-group{display:flex;align-items:center;gap:12px}.counter-btn-group.small{gap:8px}.counter-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.counter-btn:active{background:#ffffff40;transform:scale(.9)}.counter-value{font-size:1.2rem;font-weight:700;min-width:40px;text-align:center}.counter-value.poison{color:#a855f7}.details-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;transform:none}.player-card.flipped .details-modal-overlay{transform:rotate(180deg)}.details-modal-content{width:100%;max-width:450px;max-height:85vh;background:#0a0a0ff2;border-radius:28px;padding:24px;display:flex;flex-direction:column;box-shadow:0 30px 60px #000000e6;border-width:2px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.details-header h3{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.details-scroll-content{flex:1;overflow-y:auto;padding-right:8px}.details-scroll-content::-webkit-scrollbar{width:4px}.details-scroll-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.details-section{margin-bottom:30px}.settings-grid{display:flex;flex-direction:column;gap:16px;background:#ffffff08;padding:16px;border-radius:12px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.glass-input{background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;font-size:1rem}.glass-color-picker{width:100%;height:40px;padding:4px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px}.setting-item.checkbox{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.setting-item.checkbox label{display:flex;align-items:center;gap:8px;text-transform:none;font-size:.9rem;color:#fff}.setting-hint{font-size:.7rem;color:#f87171;font-style:italic}.details-section h4{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.details-counters-grid{display:flex;flex-direction:column;gap:16px}.counter-row-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:12px 16px;border-radius:12px}.counter-label-full{font-weight:700;font-size:1rem}.cmd-list{display:flex;flex-direction:column;gap:12px}.cmd-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:12px;border-left:4px solid white}.cmd-name{font-weight:700}.close-btn{background:none;border:none;color:#fff;font-size:2rem;line-height:1}.cmd-dmg-controls{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.partner-label{font-size:.7rem;color:#fff9;text-transform:uppercase;font-weight:700}.counter-value.energy{color:#facc15}.counter-value.experience{color:#38bdf8}.player-card.dead{filter:grayscale(100%)}.player-card.dead .card-content{background:#00000080}.death-icon{margin-left:8px;font-size:1.2rem}.history-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.history-modal{width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;padding:24px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.history-header h2{font-size:1.5rem;font-weight:900}.history-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.history-item.current{background:#10b9811a;border-color:#10b9814d}.history-state-summary{display:flex;flex-direction:column;gap:4px}.history-state-summary strong.action-desc{font-size:1.1rem;color:#fff}.history-info{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:100px}.history-info .time{font-size:.75rem;color:var(--text-muted);font-weight:500}.history-state-summary .details{font-size:.85rem;color:var(--text-muted);opacity:.8}.no-history{text-align:center;color:var(--text-muted);padding:24px;font-style:italic}.app-layout{width:100vw;height:100vh;display:flex;flex-direction:column}.setup-container{display:flex;align-items:center;justify-content:center;height:100%;padding:24px}.setup-card{width:100%;max-width:400px;padding:32px;display:flex;flex-direction:column;gap:28px}.setup-card .title{font-size:2.2rem;font-weight:900;text-align:center;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.life-selector{display:flex;flex-direction:column;gap:12px}.life-selector label{font-weight:500;color:var(--text-muted)}.life-options{display:flex;gap:12px}.life-options .btn{flex:1}.players-list{display:flex;flex-direction:column;gap:16px;max-height:40vh;overflow-y:auto;padding-right:8px}.player-row{display:flex;gap:12px;align-items:center}.player-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.player-inputs input{width:100%}.color-picker{display:flex;gap:8px}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;box-shadow:0 4px 6px -1px #00000080}.color-swatch.selected{border-color:#fff;transform:scale(1.15)}.remove-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:12px;width:40px;height:80px;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.setup-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.start-btn{padding:16px;font-size:1.2rem}.game-board{height:100%;display:flex;flex-direction:column}.menubar{position:absolute;top:50%;left:0;right:0;height:48px;transform:translateY(-50%);z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);box-shadow:0 0 40px #000c}.menu-btn{height:100%;padding:0 40px;background:none;border:none;color:#fff;font-weight:900;font-size:1rem;letter-spacing:3px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.menu-modal{width:100%;max-width:360px;padding:32px;display:flex;flex-direction:column;gap:24px}.menu-header{display:flex;justify-content:space-between;align-items:center}.menu-header h2{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.menu-actions{display:flex;flex-direction:column;gap:16px}.btn-menu{justify-content:flex-start;padding:16px 24px;text-align:left;background:#ffffff0d}.menu-divider{height:1px;background:#ffffff1a;margin:8px 0}.btn-danger{background:#ef444426;color:#f87171;border-color:#ef44444d}.btn-danger:active{background:#ef44444d}.confirm-group{display:flex;flex-direction:column;gap:12px;text-align:center;background:#ef44441a;padding:16px;border-radius:16px}.confirm-btns{display:flex;gap:12px}.confirm-btns .btn{flex:1;padding:12px;font-size:.9rem}.btn-secondary{background:#ffffff1a}.players-grid{display:grid;flex:1;width:100%;height:100%;gap:2px}.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.temp-player-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.5);position:relative}.temp-player-card .life{font-size:8rem;font-weight:900;line-height:1;text-shadow:0 8px 16px rgba(0,0,0,.4)}