@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{--mtg-white:#f0f2c0;--mtg-blue:#b5cde3;--mtg-black:#cacbce;--mtg-red:#db8664;--mtg-green:#9bd3ae;--vibrant-white:#f8f9fa;--vibrant-blue:#3b82f6;--vibrant-black:#1f2937;--vibrant-red:#ef4444;--vibrant-green:#10b981}*{box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{color:#fff;background-color:#000;width:100vw;height:100dvh;font-family:Outfit,sans-serif;overflow:hidden}#root{width:100vw;height:100dvh}.app-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.layout-container{flex-grow:1;width:100%;height:100%;display:grid}.layout-2{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.layout-3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.layout-3>:first-child{grid-column:1/span 2}.layout-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.layout-5{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.layout-5>:nth-child(5){grid-column:1/span 2}.layout-6{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.player-card{border:1px solid #00000080;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:relative}.player-card.inverted{transform:rotate(180deg)}.player-card-bg-0{background-color:var(--vibrant-green);color:#fff}.player-card-bg-1{background-color:var(--vibrant-blue);color:#fff}.player-card-bg-2{background-color:var(--vibrant-white);color:#111}.player-card-bg-3{background-color:var(--vibrant-black);color:#fff}.player-card-bg-4{background-color:var(--vibrant-red);color:#fff}.life-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.life-text{text-shadow:0 4px 12px #00000026;z-index:2;pointer-events:none;font-size:25vmin;font-weight:800;line-height:1;transition:all .3s}.player-card.dead-player:after{content:"";pointer-events:none;z-index:15;background:#000000a6;transition:all .5s;position:absolute;inset:0}.player-card.dead-player .life-text{color:#f44;text-shadow:-3px -3px #fff,3px -3px #fff,-3px 3px #fff,3px 3px #fff,0 4px #fff,4px 0 #fff,0 -4px #fff,-4px 0 #fff,0 0 30px #f00c,0 0 10px #000;transform:scale(.9)}.btn-overlay{z-index:10;cursor:pointer;background:#fff0;justify-content:center;align-items:center;width:50%;height:100%;transition:background .15s;display:flex;position:absolute;top:0}.btn-overlay-minus{left:0}.btn-overlay-plus{right:0}.btn-overlay:active{background:#ffffff26}.btn-overlay-minus:active{background:#0000001a}.app-overlay{-webkit-backdrop-filter:blur(10px);z-index:50;cursor:pointer;color:#fff;background:#1e1e1e66;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000004d}.app-overlay:hover{background:#28282899;transform:translate(-50%,-50%)scale(1.05)}.settings-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.settings-menu h2{margin-bottom:16px;font-size:2rem}.player-count-btns{gap:16px;display:flex}.count-btn{color:#fff;cursor:pointer;background:#2a2a2a;border:2px solid #555;border-radius:12px;width:64px;height:64px;font-size:1.5rem;font-weight:600;transition:all .2s}.count-btn:hover,.count-btn:active{border-color:var(--vibrant-blue);background:#3a3a3a}.close-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:24px;margin-top:32px;padding:12px 32px;font-size:1.25rem;font-weight:600}.personal-link{color:#fff9;font-size:1.1rem;text-decoration:none;transition:color .2s;position:absolute;bottom:24px}.personal-link:hover{color:#fff;text-decoration:underline}.life-content-stack{z-index:20;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.player-name-input{pointer-events:auto;text-align:center;color:inherit;z-index:20;background:0 0;border:none;border-bottom:2px solid #0000;width:80%;margin-top:2vmin;font-family:Outfit;font-size:5vmin;font-weight:600;position:relative}.player-name-input:focus{border-bottom-color:#ffffff80;outline:none}.player-name-input::placeholder{color:inherit;opacity:.6}.icon-hint{opacity:.2;pointer-events:none;position:absolute}.icon-hint.plus{right:15%}.icon-hint.minus{left:15%}.color-picker-btn{z-index:20;cursor:pointer;opacity:.7;-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:8%;right:8%;box-shadow:0 4px 10px #0000001a}.color-picker-btn:hover{opacity:1;background:#ffffff40;transform:scale(1.05)}.rotate-picker-btn{z-index:20;cursor:pointer;opacity:.7;-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:8%;left:8%;box-shadow:0 4px 10px #0000001a}.rotate-picker-btn:hover{opacity:1;background:#ffffff40;transform:scale(1.05)}.mana-watermark{opacity:.12;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mana-watermark-icon{width:55vmin;max-width:300px;height:55vmin;max-height:300px}