.IntroAnimation_introContainer__J7oz7{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity 1s ease-in-out}.IntroAnimation_introText__199tm{font-size:6em;color:#fff;font-family:sans-serif;letter-spacing:.1em;display:flex;transform:scale(1);transition:transform .5s ease-in-out}.IntroAnimation_letterAnimation__wpVOt{display:inline-block;opacity:0;animation:IntroAnimation_wave__vTWiN .7s ease-out forwards}.IntroAnimation_introContainer__J7oz7.IntroAnimation_loaded__X4seX{opacity:0;transition:opacity 1s ease-in-out}.IntroAnimation_introText__199tm.IntroAnimation_loaded__X4seX{transform:scale(1.1);transition:transform .5s ease-in-out}@keyframes IntroAnimation_wave__vTWiN{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}

/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-border-style:solid;--tw-outline-style:solid}}}.absolute{position:absolute}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:#1c1c1e;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;overflow:hidden}main{perspective:1000px;position:relative}.screen,main{width:100%;height:100%}.screen{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility 0s linear .5s;position:absolute;top:0;left:0}.screen.active{opacity:1;visibility:visible;transition:opacity .5s ease-in-out}.hidden{display:none!important}.players-container{box-sizing:border-box;gap:4px;width:100%;height:calc(100% - 50px);padding:4px;display:grid;position:absolute;top:0;left:0}.player-area{box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-y;background-color:#32323299;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;padding:8px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003,inset 0 0 8px #0000004d}.player-area:active{cursor:grabbing;transform:scale(.99);box-shadow:0 2px 8px #0000004d,inset 0 0 8px #0000004d}.player-content{z-index:1;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94),filter .3s;display:flex;position:relative}.player-area.rotated .player-content{transform:rotate(180deg)}.player-area.mana-white{color:#333;background:linear-gradient(135deg,#f7f7f7,#e8e8e8)}.player-area.mana-blue{color:#0f2d4b;background:linear-gradient(135deg,#a8d8f0,#8bc6e3)}.player-area.mana-black{color:#f0f0f0;background:linear-gradient(135deg,#4a4a4a,#303030)}.player-area.mana-red{color:#5c1a0a;background:linear-gradient(135deg,#f6a08d,#e8836f)}.player-area.mana-green{color:#0a3d17;background:linear-gradient(135deg,#a0cfae,#8cc19e)}.player-area.mana-colorless{color:#333;background:linear-gradient(135deg,#d0d0d0,#b8b8b8)}.player-area.mana-white .counter-label,.player-area.mana-white .counter-value,.player-area.mana-white .player-info{color:#333;text-shadow:none}.player-area.mana-white .life-btn{color:#333;background-color:#00000014;border:1px solid #0000001a}.player-area.mana-white .color-picker-btn{border-color:#0006}.player-area.mana-blue .counter-label,.player-area.mana-blue .counter-value,.player-area.mana-blue .player-info{color:#0f2d4b;text-shadow:none}.player-area.mana-blue .life-btn{color:#0f2d4b;background-color:#00000014;border:1px solid #0000001a}.player-area.mana-blue .color-picker-btn{border-color:#0006}.player-area.mana-black .counter-label,.player-area.mana-black .counter-value,.player-area.mana-black .player-info{color:#f0f0f0;text-shadow:1px 1px 3px #00000080}.player-area.mana-black .life-btn{color:#f0f0f0;background-color:#ffffff1a;border:1px solid #ffffff26}.player-area.mana-black .color-picker-btn{border-color:#ffffff80}.player-area.mana-red .counter-label,.player-area.mana-red .counter-value,.player-area.mana-red .player-info{color:#5c1a0a;text-shadow:none}.player-area.mana-red .life-btn{color:#5c1a0a;background-color:#00000014;border:1px solid #0000001a}.player-area.mana-red .color-picker-btn{border-color:#0006}.player-area.mana-green .counter-label,.player-area.mana-green .counter-value,.player-area.mana-green .player-info{color:#0a3d17;text-shadow:none}.player-area.mana-green .life-btn{color:#0a3d17;background-color:#00000014;border:1px solid #0000001a}.player-area.mana-green .color-picker-btn{border-color:#0006}.player-area.mana-colorless .counter-label,.player-area.mana-colorless .counter-value,.player-area.mana-colorless .player-info{color:#333;text-shadow:none}.player-area.mana-colorless .life-btn{color:#333;background-color:#00000014;border:1px solid #0000001a}.player-area.mana-colorless .color-picker-btn{border-color:#0006}.player-info{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:6px;align-items:center;max-width:calc(100% - 12px);padding:3px 6px 3px 3px;font-size:.75rem;transition:background-color .3s;display:flex;position:absolute;top:6px;left:6px}.player-area.dead .player-info{background:#32000080}.color-picker-btn{cursor:pointer;vertical-align:middle;border:1px solid #ffffff4d;border-radius:50%;width:16px;height:16px;margin-right:6px;transition:transform .15s,box-shadow .2s;display:inline-block;box-shadow:0 1px 2px #0003}.color-picker-btn:hover:not(:disabled){box-shadow:0 0 5px}.color-picker-btn:active:not(:disabled){transform:scale(.9)}.color-picker-btn:disabled{cursor:not-allowed;opacity:.5}.player-name{flex-shrink:1;margin-left:2px;font-weight:500}.commander-name,.player-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.commander-name{opacity:.7;margin-left:4px;font-size:.7rem;font-style:normal}.counter-display{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex;position:relative}.counter-value{text-shadow:1px 1px 3px #00000026;margin-bottom:0;font-size:clamp(3rem,12vw,5.5rem);font-weight:600;line-height:1;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s}.counter-label{text-transform:uppercase;letter-spacing:.8px;opacity:.7;margin-top:2px;font-size:clamp(.7rem,2.5vw,.85rem);font-weight:400}.deal-cmdr-dmg-btn{z-index:5;color:inherit;opacity:.8;background:#0003;border:1px solid #ffffff1a;position:absolute;top:-8px;left:50%;transform:translate(-50%);border-radius:15px!important;padding:4px 10px!important;font-size:.7rem!important;font-weight:500!important}.deal-cmdr-dmg-btn:hover{opacity:1;background:#0000004d}.life-controls{box-sizing:border-box;z-index:1;justify-content:space-between;width:100%;padding:0 5px 5px;display:flex}.life-btn{cursor:pointer;width:clamp(40px,12vw,55px);height:clamp(40px,12vw,55px);color:inherit;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000026;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:400;line-height:1;transition:background-color .2s,transform .1s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 5px #00000026}.life-btn:hover:not(:disabled){background-color:#00000040;border-color:#ffffff1a;box-shadow:0 3px 8px #0003}.life-btn:active:not(:disabled){background-color:#0000004d;transform:scale(.95);box-shadow:0 1px 3px #0003}.life-btn:disabled{cursor:not-allowed;opacity:.4;box-shadow:none;background-color:#0000001a}.player-area.dead{cursor:default}.player-content.content-dead{filter:grayscale(90%)brightness(.6)}.death-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;opacity:0;background-color:#000000e6;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;animation:fadeIn .3s .1s forwards;display:flex;position:absolute;top:0;left:0}.death-confirm-content{text-align:center;color:#ecf0f1;padding:20px}.death-confirm-content p{margin-bottom:20px;font-size:1.1rem;font-weight:500}.death-confirm-content .btn{width:auto;margin:0 10px;padding-left:25px;padding-right:25px}.death-overlay{-webkit-backdrop-filter:blur(2px)grayscale(60%);backdrop-filter:blur(2px)grayscale(60%);text-align:center;z-index:15;box-sizing:border-box;opacity:0;background:linear-gradient(135deg,#e61a1ab3,#ad1f1fcc);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:fadeIn .4s forwards;display:flex;position:absolute;top:0;left:0}.death-message{color:#fff;text-shadow:1px 1px 2px #0009;margin-bottom:15px;font-size:clamp(.9rem,3vw,1.2rem);font-weight:500}.revive-btn{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:20px!important;padding:6px 15px!important;font-size:.85rem!important;font-weight:500!important}.revive-btn:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.players-container[data-count="1"]{grid-template-rows:1fr;grid-template-columns:1fr}.players-container[data-count="2"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.players-container[data-count="3"]{grid-template:"top top"1fr"left right"1fr/1fr 1fr}.players-container[data-count="3"] .player-area:first-child{grid-area:top}.players-container[data-count="3"] .player-area:nth-child(2){grid-area:left}.players-container[data-count="3"] .player-area:nth-child(3){grid-area:right}.players-container[data-count="4"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.players-container[data-count="5"]{grid-template:"top-center top-center"1fr"mid-left mid-right"1fr"bot-left bot-right"1fr/1fr 1fr}.players-container[data-count="5"] .player-area:first-child{grid-area:top-center}.players-container[data-count="5"] .player-area:nth-child(2){grid-area:mid-left}.players-container[data-count="5"] .player-area:nth-child(3){grid-area:mid-right}.players-container[data-count="5"] .player-area:nth-child(4){grid-area:bot-left}.players-container[data-count="5"] .player-area:nth-child(5){grid-area:bot-right}.players-container[data-count="6"]{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.players-container[data-count="6"] .player-area:first-child{grid-area:1/1}.players-container[data-count="6"] .player-area:nth-child(2){grid-area:2/1}.players-container[data-count="6"] .player-area:nth-child(3){grid-area:3/1}.players-container[data-count="6"] .player-area:nth-child(4){grid-area:1/2}.players-container[data-count="6"] .player-area:nth-child(5){grid-area:2/2}.players-container[data-count="6"] .player-area:nth-child(6){grid-area:3/2}.modal,.player-area{width:100%;height:100%}.modal{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;background-color:#141416cc;justify-content:center;align-items:center;transition:opacity .3s,visibility 0s linear .3s;display:flex;position:fixed;top:0;left:0}.modal.open{opacity:1;visibility:visible;transition:opacity .3s}.modal-content{text-align:center;background:#2c2c2e;border:1px solid #ffffff14;border-radius:16px;width:90%;max-width:400px;margin:auto;padding:25px 30px;transition:transform .3s;position:relative;transform:translateY(10px);box-shadow:0 12px 35px #0000004d}.modal.open .modal-content{transform:translateY(0)}.close-btn{color:#888;cursor:pointer;font-size:28px;font-weight:400;transition:color .2s;position:absolute;top:8px;right:12px}.close-btn:hover{color:#ccc}.modal h2,.modal h3{color:#e74c3c;margin-top:0;margin-bottom:20px;font-weight:600}.modal h3{margin-bottom:15px;font-size:1.1rem}.color-options{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:10px;display:grid}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:clamp(45px,12vw,55px);height:clamp(45px,12vw,55px);margin:0 auto;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 2px 5px #0003}.color-option:hover{transform:scale(1.08)}.color-option.selected{border-color:#e74c3c;box-shadow:0 0 12px #e74c3cb3}.btn{color:#fff;cursor:pointer;text-align:center;background:#3a3a3c;border:none;border-radius:25px;margin:8px 5px;padding:12px 25px;font-size:1rem;font-weight:500;transition:background .3s,transform .15s,box-shadow .3s;display:inline-block;box-shadow:0 4px 10px #00000026}.btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-secondary{background:linear-gradient(135deg,#3498db,#2980b9)}.btn:hover{filter:brightness(1.1);box-shadow:0 6px 15px #0003}.btn:active{filter:brightness(.95);transform:scale(.97);box-shadow:0 2px 5px #0003}.dice-display{justify-content:space-around;align-items:stretch;gap:15px;margin-bottom:20px;display:flex}.dice{text-align:center;background:#ffffff0d;border-radius:10px;flex:1;padding:10px}.dice .btn{margin-bottom:10px;padding:8px 18px;font-size:.9rem}.dice-result{color:#f0f0f0;min-height:45px;margin-top:5px;font-size:2.8rem;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:block}.dice-result.rolling{transform:scale(.8)}.dice-result.rolled{transform:scale(1.1)}.hint{color:#888;margin-top:15px;font-size:.75rem}.game-controls-bar{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#1c1c1ed9;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;width:100%;height:50px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -6px 20px #0000004d}.game-controls-bar button{cursor:pointer;opacity:.8;color:#fff;background:0 0;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .2s,transform .15s,background-color .2s,border-color .2s;display:flex}.game-controls-bar button img{filter:brightness(0)invert();vertical-align:middle;width:22px;height:22px;transition:filter .2s}.game-controls-bar button:hover{opacity:1;background-color:#ffffff26}.game-controls-bar button:hover img{filter:brightness(0)invert()}.game-controls-bar button:active{opacity:1;background-color:#fff;transform:scale(.92)}.game-controls-bar button:active img{filter:brightness(0)invert(0)}.game-controls-bar button.selected{opacity:1;background-color:#fff}.game-controls-bar button.selected img{filter:brightness(0)invert(0)}@media (max-width:600px){.modal-content{width:95%;padding:20px 25px}.btn{padding:10px 20px;font-size:.95rem}}.hamburger-menu-button{cursor:pointer;opacity:.8;color:#fff;background:0 0;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .2s,transform .15s,background-color .2s,border-color .2s;display:none}.hamburger-menu-button img{filter:brightness(0)invert();vertical-align:middle;width:22px;height:22px;transition:filter .2s}.hamburger-menu-button:hover{opacity:1;background-color:#ffffff26}.hamburger-menu-button:active{opacity:1;background-color:#fff;transform:scale(.92)}.hamburger-menu-button:active img{filter:brightness(0)invert(0)}.hamburger-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;background-color:#0009;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.hamburger-menu-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background-color:#2c2c2ee6;border:1px solid #ffffff1a;border-radius:12px 12px 0 0;flex-direction:column;gap:10px;width:calc(100% - 20px);max-width:300px;margin-bottom:60px;padding:15px;display:flex;box-shadow:0 -8px 25px #0000004d}.hamburger-menu-container button{color:#f0f0f0;text-align:left;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:8px;padding:12px 15px;font-size:1rem;transition:background-color .2s,color .2s}.hamburger-menu-container button:hover{color:#fff;background-color:#fff3}.hamburger-menu-container button:active{background-color:#ffffff4d;transform:scale(.98)}@media (max-width:768px){.hamburger-menu-button{display:flex}.desktop-control-button{display:none!important}.hamburger-menu-container{border-radius:12px;width:90%;max-width:none;margin-bottom:60px}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}