@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.contents{display:contents}.hidden{display:none}.min-h-screen{min-height:100vh}.w-32{width:8rem}.w-48{width:12rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.max-w-sm{max-width:24rem}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-5{gap:1.25rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-4{padding-top:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}#root,body,html{background:#0000!important;min-height:100vh}html{background:#08080f!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body,html{background:#08080f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overscroll-behavior:none}.App{background:#0000;min-height:100vh;overflow-x:hidden;position:relative;z-index:1}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#232526cc;border-bottom:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:15px 30px;position:sticky;top:0;z-index:100}.logout-button{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.logout-button:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lightning-container{height:100%;position:relative;width:100%}.auth-header{color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;letter-spacing:2px;margin:20px auto;text-align:center;width:80%}.Auth-container,.auth-header{align-items:center;display:flex;justify-content:center}.Auth-container{flex-direction:column;min-height:100vh;padding:20px}.Login-form,.Recovery-form,.Register-form{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:40px 40px 0;width:100%}.Login-form input,.Recovery-form input,.Register-form input{background:#0000;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#e0e0e0;font-size:15px;padding:14px 16px;transition:border-color .2s ease;width:100%}.Login-form input:-webkit-autofill,.Login-form input:-webkit-autofill:focus,.Login-form input:-webkit-autofill:hover,.Recovery-form input:-webkit-autofill,.Recovery-form input:-webkit-autofill:focus,.Recovery-form input:-webkit-autofill:hover,.Register-form input:-webkit-autofill,.Register-form input:-webkit-autofill:focus,.Register-form input:-webkit-autofill:hover{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:inset 0 0 0 1000px #0000;caret-color:#e0e0e0;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.Login-form input:focus,.Recovery-form input:focus,.Register-form input:focus{border-color:#fff6;outline:none}.Login-form input::placeholder,.Recovery-form input::placeholder,.Register-form input::placeholder{color:#fff6}.Login-form button[type=submit],.Recovery-form button[type=submit],.Register-form button[type=submit]{background:#0000;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:16px;font-weight:600;margin-top:18px;padding:14px;width:100%}.Login-form button[type=submit]:active,.Login-form button[type=submit]:hover,.Recovery-form button[type=submit]:active,.Recovery-form button[type=submit]:hover,.Register-form button[type=submit]:active,.Register-form button[type=submit]:hover{background:#0000}.Login-form span,.Recovery-form span,.Register-form span{margin-top:8px;text-align:center}.error-message{background:#0000;border-radius:6px;color:#f99;font-size:14px;min-height:21px;opacity:0;text-align:center;transition:opacity .3s ease}.error-message.visible{opacity:1}.auth-toggle-text{margin-top:0;text-align:center}.Login-form span,.Recovery-form span,.Register-form span{color:#ffffffb3;font-size:15px;text-shadow:0 2px 4px #0003}.auth-button{background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:inline;font-size:15px;font-weight:500;margin:0;padding:0;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:2px;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}.auth-button:hover{color:#fff;text-decoration-color:#ffffffe6}.auth-button:active{color:#ffffffb3}@media (max-width:480px){.Login-form,.Recovery-form,.Register-form{padding:30px 24px}.Auth-container{padding:16px}}.deck-list-container{font-family:Crimson Text,serif;padding:4px 2px}.create-deck-button{background:#c9a84c14;border:1px solid #c9a84c4d;border-radius:4px;color:#e8c97a;cursor:pointer;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;letter-spacing:.18em;margin-bottom:20px;padding:9px 20px;text-transform:uppercase;transition:background .2s,border-color .2s,box-shadow .2s}.create-deck-button:hover{background:#c9a84c26;border-color:#c9a84c8c;box-shadow:0 0 14px #c9a84c1a}.decks-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:768px){.decks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.deck-item-wrapper{background:#1a1510;border:1px solid #ffffff59;border-radius:6px;cursor:pointer;position:relative}.deck-item-wrapper:hover{border-color:#c9a84c99}.deck-item{background:#1a1510;border-radius:4px;display:flex;flex-direction:column;font-family:Crimson Text,serif;gap:6px;overflow:hidden;padding:12px;position:relative;transition:background .2s;z-index:1}.deck-item-wrapper:hover .deck-item{background:#1a1510d9}.deck-item-image{aspect-ratio:4/3;border:1px solid #c9a84c1a;border-radius:8px;display:block;height:auto;margin-bottom:4px;object-fit:cover;object-position:center;width:100%}.deck-item-name{color:#e8dcc8;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-item-price{color:#c9a84c;font-size:.9rem;font-weight:600;margin:0}.deck-item-format{color:#c9a84c66;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.25em;margin:0;text-transform:uppercase}.cdm-overlay{align-items:center;animation:cdmFadeIn .18s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#08080fcc;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cdm-panel{animation:cdmSlideUp .22s ease both;background:linear-gradient(145deg,#12121f,#0a0a14);border:1px solid #c9a84c40;border-radius:4px;box-shadow:0 24px 64px #000c,inset 0 1px 0 #c9a84c1f;max-width:400px;overflow:hidden;position:relative;width:90%}.cdm-panel:after,.cdm-panel:before{border-color:#c9a84c59;border-style:solid;content:"";height:14px;position:absolute;width:14px}.cdm-panel:before{border-width:1px 0 0 1px;left:8px;top:8px}.cdm-panel:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.cdm-header{align-items:center;display:flex;justify-content:space-between;padding:18px 20px 0}.cdm-eyebrow{color:#c9a84c;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.35em;opacity:.85;text-transform:uppercase}.cdm-close{background:none;border:none;color:#c9a84c66;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;transition:color .2s}.cdm-close:hover{color:#c9a84c}.cdm-body{gap:14px;padding:20px 20px 0}.cdm-body,.cdm-field{display:flex;flex-direction:column}.cdm-field{gap:6px}.cdm-label{color:#c9a84c8c;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase}.cdm-input,.cdm-select{background:#08080fb3;border:1px solid #c9a84c2e;border-radius:3px;box-sizing:border-box;color:#e8d9b0;font-family:Crimson Text,serif;font-size:15px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.cdm-input::placeholder{color:#c9a84c33}.cdm-input:focus,.cdm-select:focus{border-color:#c9a84c80;box-shadow:0 0 0 2px #c9a84c14;outline:none}.cdm-select{cursor:pointer}.cdm-select option{background:#0e0e1a;color:#e8d9b0}.cdm-create-btn{background:linear-gradient(135deg,#c9a84c26,#c9a84c14);border:1px solid #c9a84c66;border-radius:3px;color:#c9a84c;cursor:pointer;display:block;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.25em;margin:20px;padding:11px;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s,transform .15s;width:calc(100% - 40px)}.cdm-create-btn:hover:not(:disabled){background:linear-gradient(135deg,#c9a84c40,#c9a84c26);border-color:#c9a84cb3;color:#e8c97a;transform:translateY(-1px)}.cdm-create-btn:active:not(:disabled){transform:translateY(0)}.cdm-create-btn:disabled{cursor:not-allowed;opacity:.35}@keyframes cdmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cdmSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cdm-input--error{border-color:#dc505099;box-shadow:0 0 0 2px #dc505014}.cdm-error-hint{color:#dc6464d9;font-family:Crimson Text,serif;font-size:13px;margin-top:2px}:root{--gold-border:#c9a84c33;--gold-border-hover:#c9a84c80;--surface-raised:#13131f;--text-primary:#e8dcc8;--text-muted:#c9a84c73;--red-soft:#c0524a;--red-dim:#c0524a40;--zone-main-accent:#c9a84c2e;--zone-side-accent:#648cc824;--zone-play-accent:#50aa6e21;--zone-side-label:#7da8d8;--zone-play-label:#70c490}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04040ae0;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.edit-modal-content{background:#0e0e1a;background:var(--surface);border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:6px;box-shadow:inset 0 0 0 1px #c9a84c0f,0 24px 64px #000c;display:flex;flex-direction:column;font-family:Crimson Text,serif;height:88vh;max-width:1100px;overflow:hidden;position:relative;width:88vw}.edit-modal-content:after,.edit-modal-content:before{border-color:#7a5f28;border-color:var(--gold-dim);border-style:solid;content:"";height:14px;opacity:.5;pointer-events:none;position:absolute;width:14px;z-index:0}.edit-modal-content:before{border-width:1px 0 0 1px;left:8px;top:8px}.edit-modal-content:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.edit-modal-header{align-items:center;background:#c9a84c08;border-bottom:1px solid #c9a84c33;border-bottom:1px solid var(--gold-border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.edit-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(160deg,#e8c97a,#c9a84c 50%,#7a5f28);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;margin:0}.edit-modal-close{background:#0000;border:1px solid #0000;border-radius:4px;color:#7a5f28;color:var(--gold-dim);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color .2s,border-color .2s}.edit-modal-close:hover{border-color:#c9a84c33;border-color:var(--gold-border);color:#e8c97a;color:var(--gold-light)}.edit-modal-body{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.edit-modal-search-section{border-right:1px solid #c9a84c33;border-right:1px solid var(--gold-border);gap:12px}.edit-modal-deck-section,.edit-modal-search-section{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:18px}.edit-modal-deck-section{gap:10px}.section-title{color:#7a5f28;color:var(--gold-dim);flex-shrink:0;font-family:Cinzel,serif;font-size:.65rem;font-weight:600;letter-spacing:.3em;margin:0;text-transform:uppercase}.search-bar{flex-shrink:0;gap:8px}.search-input{background:#c9a84c0a;border:1px solid var(--gold-border);border-radius:4px;color:#e8dcc8;color:var(--text-primary);font-family:Crimson Text,serif;font-size:15px;padding:9px 13px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--gold-border-hover);box-shadow:0 0 0 3px #c9a84c0f}.search-input::placeholder{color:#c9a84c73;color:var(--text-muted);font-style:italic}.search-button{background:#c9a84c14;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;color:#e8c97a;color:var(--gold-light);font-size:.7rem;letter-spacing:.15em;padding:9px 18px;transition:background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.search-button:hover:not(:disabled){background:#c9a84c26;border-color:#c9a84c80;border-color:var(--gold-border-hover);box-shadow:0 0 12px #c9a84c1a}.search-results{display:flex;flex-direction:column;gap:6px;min-height:0;padding-right:4px}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-track{background:#0000}.search-results::-webkit-scrollbar-thumb{background:#7a5f28;background:var(--gold-dim)}.card-item{background:#13131f;background:var(--surface-raised);border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;padding:10px 12px;transition:background .2s,border-color .2s}.card-item:hover{border-color:#c9a84c80;border-color:var(--gold-border-hover)}.card-image{border:1px solid var(--gold-border);border-radius:3px;height:auto;width:44px}.card-info{flex:1 1;min-width:0}.card-name{color:#e8dcc8;color:var(--text-primary);font-size:.95rem;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-price{color:#c9a84c;color:var(--gold);font-size:.85rem}.deck-header{flex-shrink:0;justify-content:space-between}.deck-header,.format-selector{align-items:center;display:flex}.format-selector{gap:8px}.format-selector label{color:#c9a84c73;color:var(--text-muted);font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.format-dropdown{background:#c9a84c0a;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;color:#e8dcc8;color:var(--text-primary);cursor:pointer;font-family:Crimson Text,serif;font-size:14px;padding:5px 10px;transition:border-color .2s}.format-dropdown:focus{border-color:#c9a84c80;border-color:var(--gold-border-hover);outline:none}.format-dropdown option{background:#0e0e1a;background:var(--surface);color:#e8dcc8;color:var(--text-primary)}.deck-total{color:#c9a84c;color:var(--gold);flex-shrink:0;font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.05em;margin:0}.deck-controls{display:flex;flex-shrink:0;gap:8px}.deck-search-input{background:#c9a84c0a;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;color:#e8dcc8;color:var(--text-primary);flex:1 1;font-family:Crimson Text,serif;font-size:14px;padding:6px 11px;transition:border-color .2s,box-shadow .2s}.deck-search-input:focus{border-color:#c9a84c80;border-color:var(--gold-border-hover);box-shadow:0 0 0 3px #c9a84c0f;outline:none}.deck-search-input::placeholder{color:#c9a84c73;color:var(--text-muted);font-style:italic}.sort-dropdown{background:#c9a84c0a;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;color:#e8dcc8;color:var(--text-primary);cursor:pointer;font-family:Crimson Text,serif;font-size:14px;padding:6px 10px;transition:border-color .2s}.sort-dropdown:focus{border-color:#c9a84c80;border-color:var(--gold-border-hover);outline:none}.sort-dropdown option{background:#0e0e1a;background:var(--surface);color:#e8dcc8;color:var(--text-primary)}.zones-scroll{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow-y:auto;padding-right:4px}.zones-scroll::-webkit-scrollbar{width:4px}.zones-scroll::-webkit-scrollbar-track{background:#0000}.zones-scroll::-webkit-scrollbar-thumb{background:#7a5f28;background:var(--gold-dim);border-radius:2px}.zone-section{border-bottom:1px solid #c9a84c14;display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding-bottom:8px}.zone-section:last-child{border-bottom:none;padding-bottom:2px}.zone-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:6px 4px 4px}.zone-label{font-family:Cinzel,serif;font-size:.58rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.zone-label,.zone-section:first-child .zone-label{color:#7a5f28;color:var(--gold-dim)}.zone-section:nth-child(2) .zone-label{color:#7da8d8;color:var(--zone-side-label);opacity:.75}.zone-section:nth-child(3) .zone-label{color:#70c490;color:var(--zone-play-label);opacity:.75}.zone-count{background:#c9a84c0f;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:20px;color:#c9a84c73;color:var(--text-muted);font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.1em;padding:1px 7px}.zone-cards{border-radius:4px;display:flex;flex-direction:column;gap:4px;min-height:32px;padding:2px 0;transition:background .15s}.zones-scroll:has([data-zone=cards]:focus-within) .zone-section:first-child .zone-cards,.zones-scroll:has([data-zone=sideboard]:focus-within) .zone-section:nth-child(2) .zone-cards,.zones-scroll:has([data-zone=startInPlay]:focus-within) .zone-section:nth-child(3) .zone-cards{background:#c9a84c2e;background:var(--zone-main-accent)}.zone-empty{border:1px dashed #c9a84c1f;border-radius:4px;color:#c9a84c73;color:var(--text-muted);font-family:Crimson Text,serif;font-size:.85rem;font-style:italic;margin:0 0 2px;padding:10px 12px;text-align:center}.deck-card-item{align-items:center;background:#13131f;background:var(--surface-raised);border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;display:flex;gap:8px;padding:6px 10px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.deck-card-item:hover{background:#c9a84c0d;border-color:#c9a84c4d}.deck-card-item.drag-over{border-color:#c9a84c80;border-color:var(--gold-border-hover)}.drag-handle{color:#7a5f28;color:var(--gold-dim);cursor:grab;flex-shrink:0;font-size:1rem;line-height:1;opacity:.5;padding:0 2px;touch-action:none;transition:opacity .15s,color .15s}.drag-handle:hover{color:#c9a84c;color:var(--gold);opacity:1}.drag-handle:active{cursor:grabbing}.drag-ghost{background:#13131f;background:var(--surface-raised);border:1px solid #c9a84c80;border:1px solid var(--gold-border-hover);border-radius:4px;box-shadow:0 8px 28px #0009,0 0 0 1px #c9a84c26;opacity:.95;pointer-events:none}.ghost-qty{color:#c9a84c73;color:var(--text-muted);font-size:.85rem;margin-left:auto;padding-right:6px}.card-count-controls{gap:5px;margin-left:auto}.card-count-controls,.count-button{align-items:center;display:flex;flex-shrink:0}.count-button{background:#c9a84c12;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:3px;color:#e8c97a;color:var(--gold-light);cursor:pointer;font-size:1rem;font-weight:700;height:24px;justify-content:center;line-height:1;transition:background .2s,border-color .2s;width:24px}.count-button:hover:not(:disabled){background:#c9a84c26;border-color:#c9a84c80;border-color:var(--gold-border-hover)}.count-button:disabled{cursor:not-allowed;opacity:.3}.count-display{color:#e8dcc8;color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:24px;text-align:center}.remove-button{background:#0000;border:1px solid #0000;border-radius:3px;color:#c0524a80;cursor:pointer;flex-shrink:0;font-family:Crimson Text,serif;font-size:.78rem;padding:3px 8px;transition:color .2s,border-color .2s;white-space:nowrap}.remove-button:hover{border-color:#c0524a40;border-color:var(--red-dim);color:#c0524a;color:var(--red-soft)}.delete-deck-button{align-self:flex-start;background:#0000;border:1px solid #c0524a40;border:1px solid var(--red-dim);border-radius:4px;color:#c0524a99;cursor:pointer;flex-shrink:0;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;padding:7px 14px;text-transform:uppercase;transition:color .2s,border-color .2s,background .2s}.delete-deck-button:hover{background:#c0524a0f;border-color:#c0524a80;color:#c0524a;color:var(--red-soft)}.import-section{border-top:1px solid #c9a84c33;border-top:1px solid var(--gold-border);flex-shrink:0;padding-top:10px}.import-toggle-button{background:#0000;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;color:#c9a84c73;color:var(--text-muted);cursor:pointer;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.2em;padding:8px;text-transform:uppercase;transition:color .2s,border-color .2s,background .2s;width:100%}.import-toggle-button:hover{background:#c9a84c0d;border-color:#c9a84c80;border-color:var(--gold-border-hover);color:#e8c97a;color:var(--gold-light)}.import-container{display:flex;flex-direction:column;gap:8px;margin-top:10px}.import-textarea{background:#c9a84c08;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;box-sizing:border-box;color:#e8dcc8;color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;max-height:140px;min-height:100px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.import-textarea:focus{border-color:#c9a84c80;border-color:var(--gold-border-hover);box-shadow:0 0 0 3px #c9a84c0d;outline:none}.import-textarea::placeholder{color:#c9a84c73;color:var(--text-muted);font-style:italic}.import-button{background:#c9a84c14;border:1px solid #c9a84c33;border:1px solid var(--gold-border);border-radius:4px;color:#e8c97a;color:var(--gold-light);cursor:pointer;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;padding:8px 16px;text-transform:uppercase;transition:background .2s,border-color .2s}.import-button:hover:not(:disabled){background:#c9a84c26;border-color:#c9a84c80;border-color:var(--gold-border-hover)}.import-button:disabled{cursor:not-allowed;opacity:.4}.import-errors{background:#c0524a0d;border:1px solid #c0524a40;border:1px solid var(--red-dim);border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:10px;max-height:140px;overflow:hidden;padding:10px 12px}.errors-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.errors-title{color:#c0524a;color:var(--red-soft);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.2em;margin:0;text-transform:uppercase}.clear-errors-button{background:#0000;border:1px solid #c0524a40;border:1px solid var(--red-dim);border-radius:3px;color:#c0524a99;cursor:pointer;font-size:11px;padding:3px 8px;transition:color .2s,border-color .2s}.clear-errors-button:hover{border-color:#c0524a80;color:#c0524a;color:var(--red-soft)}.errors-list{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.errors-list::-webkit-scrollbar{width:3px}.errors-list::-webkit-scrollbar-thumb{background:#c0524a40;background:var(--red-dim);border-radius:2px}.error-item{border-left:2px solid #c0524a40;border-left:2px solid var(--red-dim);padding:6px 8px}.error-line{color:#e8dcc8;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px;margin:0 0 2px}.error-message{color:#c9a84c73;color:var(--text-muted);font-size:12px;margin:0}@media (max-width:768px){.edit-modal-content{height:95vh;width:96vw}.edit-modal-body{grid-template-columns:1fr}.edit-modal-search-section{border-bottom:1px solid #c9a84c33;border-bottom:1px solid var(--gold-border);border-right:none}}.view-card-container{cursor:pointer;height:100%;overflow:visible;pointer-events:auto;position:relative;width:100%}.view-card-preview{animation:fadeIn .2s ease-in-out;pointer-events:none;position:fixed;z-index:9999}.view-card-preview-image{border:2px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0009;display:block;height:auto;width:300px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gri-row{align-items:center;border-bottom:1px solid #c9a84c14;display:flex;gap:16px;padding:13px 16px;position:relative;transition:background .18s ease,border-color .18s ease}.gri-row:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .2s ease;width:2px}.gri-row:hover{background:#c9a84c08}.gri-row:hover:before{background:#c9a84c40}.gri-row--mine:before{background:#c9a84c80}.gri-row--mine{background:rgba(201,168,76,.035)}.gri-row:last-child{border-bottom:none}.gri-main{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.gri-name{color:#d4b86a;font-family:Cinzel,serif;font-size:.82rem;font-weight:600;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gri-meta{align-items:center;color:#c9a84c61;display:flex;font-family:Crimson Text,serif;font-size:13px;gap:6px}.gri-sep{opacity:.5}.gri-format{font-style:italic}.gri-players{flex-shrink:0;gap:5px}.gri-pip,.gri-players{align-items:center;display:flex}.gri-pip{border:1px solid #c9a84c33;border-radius:50%;font-family:Cinzel,serif;font-size:.55rem;font-weight:600;height:26px;justify-content:center;letter-spacing:0;transition:border-color .2s,background .2s;width:26px}.gri-pip--empty{background:#08080f99;border-style:dashed;color:#c9a84c26}.gri-pip--filled{background:#c9a84c1a;border-color:#c9a84c59;color:#c9a84c}.gri-pip--host{background:#c9a84c2e;border-color:#c9a84c8c;box-shadow:0 0 6px #c9a84c26;color:#e8c97a}.gri-count{color:#c9a84c4d;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.1em;margin-left:4px;white-space:nowrap}.gri-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.gri-status{border:1px solid;border-radius:2px;font-family:Cinzel,serif;font-size:.52rem;letter-spacing:.25em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.gri-status.status-waiting{background:#c9a84c0a;border-color:#c9a84c26;color:#c9a84c66}.gri-status.status-active{background:#64c88c0a;border-color:#64c88c33;color:#64c88ca6}.gri-status.status-full{background:#b450280a;border-color:#b4502833;color:#b4502899}.gri-actions{display:flex;gap:6px}.gri-btn{border:1px solid;border-radius:2px;cursor:pointer;font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.2em;padding:6px 14px;text-transform:uppercase;transition:background .18s,border-color .18s,color .18s,transform .12s;white-space:nowrap}.gri-btn:active:not(:disabled){transform:scale(.97)}.gri-btn--enter,.gri-btn--join{background:linear-gradient(135deg,#c9a84c1f,#c9a84c0f);border-color:#c9a84c66;color:#c9a84c}.gri-btn--enter:hover,.gri-btn--join:hover{background:linear-gradient(135deg,#c9a84c38,#c9a84c1f);border-color:#c9a84ca6;color:#e8c97a;transform:translateY(-1px)}.gri-btn--leave{background:#0000;border-color:#b4502840;color:#b4502880}.gri-btn--leave:hover{background:#b450280f;border-color:#b4502873;color:#dc643ccc}.gri-btn--disabled{background:#0000;border-color:#c9a84c1a;color:#c9a84c33;cursor:not-allowed}.gri-overlay{align-items:center;animation:griFadeIn .15s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#08080fd1;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.gri-modal{animation:griSlideUp .2s ease both;background:linear-gradient(145deg,#12121f,#0a0a14);border:1px solid #c9a84c38;border-radius:4px;box-shadow:0 24px 64px #000c,inset 0 1px 0 #c9a84c1a;max-width:360px;padding:24px;position:relative;width:90%}.gri-modal:after,.gri-modal:before{border-color:#c9a84c4d;border-style:solid;content:"";height:12px;position:absolute;width:12px}.gri-modal:before{border-width:1px 0 0 1px;left:7px;top:7px}.gri-modal:after{border-width:0 1px 1px 0;bottom:7px;right:7px}.gri-modal h3{color:#c9a84c;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.3em;margin:0 0 10px;text-transform:uppercase}.gri-modal p{color:#c9a84c8c;font-family:Crimson Text,serif;font-size:15px;margin:0 0 20px}.gri-modal em{color:#c9a84ccc;font-style:italic}.gri-modal-actions{display:flex;gap:10px}.gri-btn--cancel{background:#0000;border-color:#c9a84c2e;color:#c9a84c66;flex:1 1}.gri-btn--cancel:hover{border-color:#c9a84c59;color:#c9a84cb3}.gri-btn--confirm-leave{background:#b4502814;border-color:#b4502859;color:#d2643ccc;flex:1 1}.gri-btn--confirm-leave:hover{background:#b4502826;border-color:#b450288c;color:#e67850f2}@keyframes griFadeIn{0%{opacity:0}to{opacity:1}}@keyframes griSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gri-inactivity{color:#888;color:var(--text-muted,#888);font-size:.7rem;margin-top:2px}.gri-inactivity--warn{animation:pulse 1.5s ease-in-out infinite;color:#e07b39;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gl-container{display:flex;flex-direction:column;gap:16px}.gl-header{align-items:center;display:flex;justify-content:space-between}.gl-section-label{color:#c9a84c99;font-size:.65rem;letter-spacing:.35em}.gl-create-btn,.gl-section-label{font-family:Cinzel,serif;text-transform:uppercase}.gl-create-btn{background:linear-gradient(135deg,#c9a84c1f,#c9a84c0f);border:1px solid #c9a84c59;border-radius:3px;color:#c9a84c;cursor:pointer;font-size:.62rem;letter-spacing:.2em;padding:7px 16px;transition:background .2s,border-color .2s,color .2s,transform .15s}.gl-create-btn:hover{background:linear-gradient(135deg,#c9a84c38,#c9a84c1f);border-color:#c9a84c99;color:#e8c97a;transform:translateY(-1px)}.gl-col-headers{align-items:center;border-bottom:1px solid #c9a84c1a;display:flex;gap:16px;padding:0 16px 8px 18px}.gl-col-main{color:#c9a84c47;flex:1 1;font-family:Cinzel,serif;font-size:.5rem;letter-spacing:.28em;min-width:0;text-transform:uppercase}.gl-col-actions,.gl-col-players{color:#c9a84c47;flex-shrink:0;font-family:Cinzel,serif;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase}.gl-col-actions{min-width:130px;text-align:right}.gl-empty{align-items:center;border:1px dashed #c9a84c26;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:48px 24px}.gl-empty-icon{filter:sepia(1);font-size:22px;opacity:.25}.gl-empty p{color:#c9a84c59;font-family:Crimson Text,serif;font-size:15px;font-style:italic;margin:0}.gl-list{border:1px solid #c9a84c1a;border-radius:3px;display:flex;flex-direction:column;overflow:hidden}.gl-overlay{align-items:center;animation:glFadeIn .18s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#08080fcc;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.gl-panel{animation:glSlideUp .22s ease both;background:linear-gradient(145deg,#12121f,#0a0a14);border:1px solid #c9a84c40;border-radius:4px;box-shadow:0 24px 64px #000c,inset 0 1px 0 #c9a84c1f;max-width:420px;overflow:hidden;position:relative;width:90%}.gl-panel:after,.gl-panel:before{border-color:#c9a84c59;border-style:solid;content:"";height:14px;position:absolute;width:14px}.gl-panel:before{border-width:1px 0 0 1px;left:8px;top:8px}.gl-panel:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.gl-modal-header{align-items:center;display:flex;justify-content:space-between;padding:18px 20px 0}.gl-eyebrow{color:#c9a84c;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.35em;opacity:.85;text-transform:uppercase}.gl-close{background:none;border:none;color:#c9a84c66;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;transition:color .2s}.gl-close:hover{color:#c9a84c}.gl-modal-body{gap:14px;padding:20px 20px 0}.gl-field,.gl-modal-body{display:flex;flex-direction:column}.gl-field{gap:6px}.gl-label{color:#c9a84c8c;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase}.gl-input,.gl-select{background:#08080fb3;border:1px solid #c9a84c2e;border-radius:3px;box-sizing:border-box;color:#e8d9b0;font-family:Crimson Text,serif;font-size:15px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.gl-input::placeholder{color:#c9a84c33}.gl-input:focus,.gl-select:focus{border-color:#c9a84c80;box-shadow:0 0 0 2px #c9a84c14;outline:none}.gl-select{cursor:pointer}.gl-select option{background:#0e0e1a;color:#e8d9b0}.gl-modal-footer{display:flex;gap:10px;padding:20px}.gl-cancel-btn{background:#0000;border:1px solid #c9a84c2e;border-radius:3px;color:#c9a84c66;cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.2em;padding:10px;text-transform:uppercase;transition:border-color .2s,color .2s}.gl-cancel-btn:hover{border-color:#c9a84c59;color:#c9a84cb3}.gl-submit-btn{background:linear-gradient(135deg,#c9a84c26,#c9a84c14);border:1px solid #c9a84c66;border-radius:3px;color:#c9a84c;cursor:pointer;flex:2 1;font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.2em;padding:10px;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s,transform .15s}.gl-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#c9a84c40,#c9a84c26);border-color:#c9a84cb3;color:#e8c97a;transform:translateY(-1px)}.gl-submit-btn:active:not(:disabled){transform:translateY(0)}.gl-submit-btn:disabled{cursor:not-allowed;opacity:.35}@keyframes glFadeIn{0%{opacity:0}to{opacity:1}}@keyframes glSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:#7a5f28;--ember:#a0380a;--void:#08080f;--surface:#0e0e1a;--border:#c9a84c33;--border-bright:#c9a84c66}.game-room-page{background:radial-gradient(ellipse 60% 50% at 50% 0,#a0380a1f 0,#0000 70%),radial-gradient(ellipse 80% 60% at 20% 80%,#c9a84c0d 0,#0000 60%),#08080f;display:flex;flex-direction:column;font-family:Crimson Text,serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.game-room-content{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-rows:1fr 200px;min-height:0;overflow:hidden;padding:8px}.game-area-wrapper{display:flex;gap:8px;grid-row:1;min-height:0;overflow:hidden;position:relative}.game-area{background:linear-gradient(135deg,#c9a84c0a,#0e0e1af2 50%,#c9a84c05);border:1px solid #c9a84c33;border:1px solid var(--border);border-radius:2px;box-shadow:inset 0 1px 0 #c9a84c14,0 4px 40px #000000b3;flex:1 1;min-width:0;overflow:visible;padding:16px;position:relative}.game-area:after,.game-area:before{border-color:#7a5f28;border-color:var(--gold-dim);border-style:solid;content:"";height:14px;opacity:.5;pointer-events:none;position:absolute;width:14px;z-index:0}.game-area:before{border-width:1px 0 0 1px;left:8px;top:8px}.game-area:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.player-area-container{align-items:center;background:linear-gradient(135deg,#c9a84c0a,#0e0e1af2 50%,#c9a84c05);border:1px solid #c9a84c33;border:1px solid var(--border);border-radius:2px;box-shadow:inset 0 1px 0 #c9a84c14,0 -2px 24px #00000080;display:flex;gap:12px;grid-row:2;min-height:0;overflow-x:auto;overflow-y:visible;padding:10px 14px;position:relative;z-index:1}.player-area-container::-webkit-scrollbar{height:3px}.player-area-container::-webkit-scrollbar-track{background:#c9a84c0d}.player-area-container::-webkit-scrollbar-thumb{background:#7a5f28;background:var(--gold-dim);border-radius:2px}.inactivity-warning-banner{animation:slideDown .3s ease-out;background:linear-gradient(90deg,#a0380af2,#b4280afa 50%,#a0380af2);border-bottom:1px solid #ff783c80;box-shadow:0 2px 20px #a0380a99;left:0;position:fixed;right:0;top:0;z-index:9999}.inactivity-warning-content{align-items:center;display:flex;gap:10px;justify-content:center;padding:10px 20px}.warning-icon{font-size:16px;opacity:.9}.warning-text{color:#ffdcb4e6;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.warning-text strong{color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.1em}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.rail-toggle-tab{align-items:center;background:#0d0d14;border:1px solid #c9a84c4d;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;height:44px;justify-content:center;left:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s,border-color .15s;width:14px;z-index:99}.rail-toggle-tab svg{stroke:#c9a84cbf;height:10px;transition:stroke .15s;width:10px}.rail-toggle-tab:hover{background:#c9a84c1a;border-color:#c9a84c99}.rail-toggle-tab:hover svg{stroke:#f0d68a;left:-7px}.hand-section{align-items:flex-end;background-color:initial;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:visible;position:relative;width:100%}.hand-content{bottom:0;height:150px;left:0;right:0}.hand-content,.hand-count-display{pointer-events:none;position:absolute}.hand-count-display{color:#64b5f6;font-size:1.2em;font-weight:700;left:-10px;top:-25px;z-index:10}.hand-card-image{border-radius:8px;height:100%;pointer-events:none;width:auto}.hand-card:hover .hand-card-image{box-shadow:0 4px 16px #64b5f666}.hand-text{color:#999;font-size:.9em;margin:0}.hand-empty-text{color:#666;font-size:.9em;margin:0}.hand-card-wrapper{position:absolute;width:107.64px}.hand-card,.hand-card-wrapper{height:150px;pointer-events:auto}.hand-card{position:relative;transform-origin:center bottom;transition:all .3s ease;width:auto;z-index:1}.hand-card:hover{transform:translateY(-20px) scale(1.1);z-index:5}.zone-modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.zone-modal-content{background:#0d0d14;border:1px solid #c9a84c66;border-radius:2px;box-shadow:0 8px 40px #000000e6,0 0 0 1px #0009;display:flex;flex-direction:column;height:85vh;max-width:1200px;padding:0;width:90%}.zone-modal-header{align-items:center;border-bottom:1px solid #c9a84c33;display:flex;justify-content:space-between;padding:10px 16px 8px}.zone-modal-header h2{color:#c9a84cd9;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;letter-spacing:.25em;margin:0;text-transform:uppercase}.zone-modal-close-btn{align-items:center;background:none;border:none;color:#c9a84c80;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:14px;height:22px;justify-content:center;padding:0;transition:color .2s;width:22px}.zone-modal-close-btn:hover{color:#f0d68a}.zone-modal-controls{border-bottom:1px solid #c9a84c1f;display:flex;gap:8px;padding:10px 16px}.zone-search-input{background:#c9a84c0d;border:1px solid #c9a84c33;border-radius:2px;color:#c9a84ce6;flex:1 1;font-family:Cinzel,serif;font-size:.58rem;font-weight:600;letter-spacing:.12em;padding:6px 12px;text-transform:uppercase;transition:border-color .2s,background .2s}.zone-search-input:focus{background:#c9a84c14;border-color:#c9a84c80;outline:none}.zone-search-input::placeholder{color:#c9a84c4d;letter-spacing:.12em;text-transform:uppercase}.zone-type-filter{background:#c9a84c0d;border:1px solid #c9a84c33;border-radius:2px;color:#c9a84ce6;cursor:pointer;font-family:Cinzel,serif;font-size:.58rem;font-weight:600;letter-spacing:.12em;min-width:150px;padding:6px 12px;text-transform:uppercase;transition:border-color .2s,background .2s}.zone-type-filter:focus{background:#c9a84c14;border-color:#c9a84c80;outline:none}.zone-type-filter option{background:#0d0d14;color:#c9a84ce6;font-family:Cinzel,serif;letter-spacing:.1em}.zone-modal-cards{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow-y:auto;padding:16px}.zone-modal-cards::-webkit-scrollbar{width:6px}.zone-modal-cards::-webkit-scrollbar-track{background:#c9a84c0a}.zone-modal-cards::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:2px}.zone-modal-cards::-webkit-scrollbar-thumb:hover{background:#c9a84c73}.zone-card-item{aspect-ratio:5/7;border-radius:2px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s;width:100%}.zone-card-item:hover{box-shadow:0 0 12px #c9a84c4d;transform:scale(1.05)}.zone-card-image{border:1px solid #c9a84c40;border-radius:2px;display:block;height:100%;object-fit:cover;width:100%}.zone-modal-empty{align-items:center;color:#c9a84c4d;display:flex;font-family:Cinzel,serif;font-size:.6rem;font-weight:600;grid-column:1/-1;height:300px;justify-content:center;letter-spacing:.25em;text-transform:uppercase}.zone-modal-readonly-badge{background:#ffffff14;border-radius:4px;color:#fff6;display:inline-block;font-size:11px;font-weight:400;letter-spacing:.03em;margin-left:10px;padding:1px 7px;vertical-align:middle}.zone-card-item--readonly{cursor:default!important;pointer-events:none}.zone-card-item--readonly img{cursor:default;pointer-events:auto}.player-area{align-items:flex-end;background-color:#0a0a10;border-radius:2px;border-top:1px solid #c9a84c33;display:flex;font-family:Cinzel,serif;gap:2%;justify-content:space-between;min-height:100%;overflow:visible;padding:2%;position:relative}.right-section{align-items:stretch;display:flex;gap:1.5%;height:90%;margin-left:auto}.combined-zones-wrapper{display:flex;flex-direction:column;gap:0;height:100%;min-width:100px}.hover-menu{animation:paFadeIn .12s ease both;background:#0d0d14;border:1px solid #c9a84c66;border-radius:2px;box-shadow:0 8px 40px #000000e6,0 0 0 1px #0009;list-style:none;min-width:180px;padding:4px 0;position:absolute;z-index:9999}.hover-menu-top{bottom:100%;left:0;margin-bottom:8px}.hover-menu-top-right{bottom:100%;left:auto;margin-bottom:8px;right:0}.hover-menu-bottom{left:0;margin-top:8px;top:100%}.hover-menu-left{right:100%;top:0}.hover-menu-right{left:100%;top:0}.hover-menu li{padding:0}.hover-menu-btn{align-items:center;background:none;border:none;border-bottom:1px solid #c9a84c1f;color:#c9a84ce6;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:.6rem;font-weight:600;justify-content:space-between;letter-spacing:.18em;padding:7px 14px;text-align:left;text-transform:uppercase;transition:all .18s ease;white-space:nowrap;width:100%}.hover-menu-btn:last-child{border-bottom:none}.hover-menu-btn:hover{background:#c9a84c1f;box-shadow:inset 2px 0 0 #c9a84cb3;color:#f0d68a;padding-left:18px}.hover-menu-btn.scoop-btn{border-top:1px solid #c9a84c26;color:#dc6450cc;font-size:.55rem;letter-spacing:.25em}.hover-menu-btn.scoop-btn:hover{background:#a0380a1f;box-shadow:inset 2px 0 0 #a0380a99;color:#e8856a;padding-left:18px}.hover-menu-item-wrapper{overflow:visible;position:relative}.draw-zone-item{align-items:center;border-bottom:1px solid #c9a84c1f;cursor:pointer;display:flex;justify-content:space-between;padding:7px 14px;transition:all .18s ease}.draw-zone-item:last-child{border-bottom:none}.draw-zone-item:hover{background:#c9a84c14}.draw-zone-click{color:#c9a84ce6;cursor:pointer;flex:1 1;font-family:Cinzel,serif;font-size:.6rem;font-weight:600;letter-spacing:.18em;padding-right:8px;text-transform:uppercase;transition:color .15s}.draw-zone-item:hover .draw-zone-click{color:#f0d68a}.draw-zone-counter{align-items:center;display:flex;gap:2px;margin-left:auto}.counter-btn{background:#c9a84c14;border:1px solid #c9a84c4d;border-radius:1px;color:#c9a84ccc;font-size:.75em;height:18px;transition:all .15s ease;width:18px}.counter-btn:hover{background:#c9a84c33;border-color:#c9a84c99}.counter-value{color:#c9a84ce6;font-family:Cinzel,serif;font-size:.75rem;font-weight:700;min-width:24px;text-align:center}.library-wrapper{aspect-ratio:2/3;flex:1.3 1;height:100%;min-width:100px;position:relative}.library-section{cursor:pointer;flex-direction:column;gap:0}.library-section,.library-visual{align-items:center;display:flex;height:100%;position:relative;width:100%}.library-visual{background-color:#0d0d14;border:1px solid #c9a84c59;border-radius:2px;color:#c9a84c4d;justify-content:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}.library-section:hover .library-visual{border-color:#c9a84cb3;box-shadow:0 0 12px #c9a84c26,inset 0 0 20px #0006}.library-visual img{height:100%;left:0;object-fit:cover;opacity:.85;position:absolute;top:0;transition:opacity .2s;width:100%}.library-section:hover .library-visual img{opacity:1}.library-card-count{background:#0d0d14e0;border:1px solid #c9a84c40;border-radius:1px;bottom:6%;color:#c9a84cf2;font-family:Cinzel,serif;font-size:.65rem;font-weight:700;left:50%;letter-spacing:.12em;padding:2px 7px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:2}.life-total-wrapper,.zones-wrapper{flex:1 1;min-width:0;position:relative}.zones-section{align-items:center;background:#0d0d14;border:1px solid #c9a84c59;border-radius:2px;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s;width:100%}.zones-section:before{background:linear-gradient(135deg,#c9a84c0a,#0000 60%);border-radius:2px;content:"";inset:0;pointer-events:none;position:absolute}.zones-section:hover{border-color:#c9a84cb3;box-shadow:0 0 12px #c9a84c26}.zones-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.zones-text{color:#c9a84cb3;font-family:Cinzel,serif;font-size:.58rem;font-weight:600;letter-spacing:.22em;margin:0;text-align:center;text-transform:uppercase;transition:color .2s}.zones-section:hover .zones-text{color:#c9a84cf2}.life-total-section{align-items:center;background:#0d0d14;border:1px solid #c9a84c59;border-radius:2px;box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;overflow:hidden;padding:8px;position:relative;width:100%}.life-total-section:before{background:radial-gradient(ellipse at 50% 40%,#c9a84c0f 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.life-total-player{gap:8px;width:100%}.life-btn,.life-total-player{align-items:center;display:flex;justify-content:center}.life-btn{background:#c9a84c14;border:1px solid #c9a84c59;border-radius:1px;color:#c9a84ccc;cursor:pointer;flex-shrink:0;font-family:Cinzel,serif;font-size:.7em;font-weight:700;height:18px;transition:all .18s ease;width:18px}.life-btn:hover{background:#c9a84c33;border-color:#c9a84cb3;box-shadow:0 0 8px #c9a84c33;color:#f0d68a}.life-btn:active{transform:scale(.93)}.life-total-display{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.life-total-value{color:#c9a84cf2;font-family:Cinzel,serif;font-size:clamp(.75rem,3.5cqi,2.4rem);font-weight:70;line-height:1;text-shadow:0 0 16px #c9a84c4d}.life-total-label{color:#c9a84c73;font-family:Cinzel,serif;font-size:.5rem;font-weight:600;letter-spacing:.3em;margin-top:3px;text-transform:uppercase}.life-total-opponents{border-top:1px solid #c9a84c2e;display:flex;flex-direction:column;gap:3px;padding-top:7px;width:100%}.opponent-life{align-items:center;background:#c9a84c0d;border:1px solid #c9a84c1a;border-radius:1px;display:flex;justify-content:space-between;padding:3px 8px}.opponent-name{color:#c9a84c80;flex:1 1;font-family:Cinzel,serif;font-size:.52rem;letter-spacing:.12em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.opponent-life-value{color:#c9a84cbf;font-family:Cinzel,serif;font-size:.7rem;font-weight:700;margin-left:8px}.change-deck-modal{position:fixed;z-index:10000}.change-deck-modal,.modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000d1;position:absolute}.modal-content{animation:paFadeIn .18s ease both;background:#0d0d14;border:1px solid #c9a84c66;border-radius:2px;box-shadow:0 16px 60px #000000f2,0 0 0 1px #000000b3,inset 0 1px 0 #c9a84c1a;max-height:80vh;max-width:620px;overflow-y:auto;padding:32px;position:relative;width:90%}.modal-content:before{background:linear-gradient(90deg,#0000,#c9a84c80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.modal-content h2{color:#c9a84ce6;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:.3em;margin-bottom:24px;margin-top:0;text-align:center;text-transform:uppercase}.deck-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.deck-card{background:#c9a84c0a;border:1px solid #c9a84c40;border-radius:2px;cursor:pointer;overflow:hidden;padding:14px 12px;position:relative;text-align:center;transition:all .18s ease}.deck-card:after{background:#c9a84c26;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.deck-card:hover{background:#c9a84c1a;border-color:#c9a84ca6;box-shadow:0 4px 20px #0009,inset 0 1px 0 #c9a84c26;transform:translateY(-2px)}.deck-card h3{color:#c9a84ce6;font-family:Cinzel,serif;font-size:.65rem;font-weight:700;letter-spacing:.14em;margin:0 0 6px;text-transform:uppercase}.deck-card p{color:#c9a84c66;letter-spacing:.15em;margin:0}.deck-card p,.modal-close-btn{font-family:Cinzel,serif;font-size:.55rem;text-transform:uppercase}.modal-close-btn{background:none;border:1px solid #c9a84c40;border-radius:2px;color:#c9a84c80;cursor:pointer;font-weight:600;letter-spacing:.28em;padding:9px 14px;transition:all .18s ease;width:100%}.modal-close-btn:hover{background:#c9a84c0f;border-color:#c9a84c80;color:#c9a84ccc}.counter-row{gap:12px;justify-content:space-between;min-width:180px;padding:6px 10px}.counter-label{color:#ccc;color:var(--text-secondary,#ccc);flex:1 1;font-size:.85rem}.life-counter-badge{border-radius:8px;font-size:.7rem;font-weight:600;margin-left:4px;padding:1px 5px}.life-counter-badge.poison{background:#3a1a4a;color:#c084fc}.life-counter-badge.energy{background:#1a2e4a;color:#60a5fa}@keyframes paFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.battlefield-wrapper{bottom:0;display:flex;flex-direction:column;font-family:Crimson Text,serif;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.four-player-layout .shared-battlefield-area{background:#08080f99;border-bottom:1px solid #c9a84c26;flex:1 1;min-height:0}.four-player-layout .personal-battlefield-area{flex:1 1;min-height:0}.two-player-layout .opponent-battlefield-area{background:#08080f80;border-bottom:1px solid #c9a84c26;flex:1 1;min-height:0}.two-player-layout .personal-battlefield-area{flex:1 1;min-height:0}.quadrant-grid{grid-gap:1px;background:#c9a84c14;display:grid;gap:1px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.quadrant{background:#0e0e1ad9;min-height:0;overflow:hidden;padding:12px;position:relative;transition:background .2s}.quadrant:hover{background:#0e0e1af2}.quadrant-cards{height:100%;position:relative;width:100%}.quadrant-1{grid-area:1/1/2/2}.quadrant-2{grid-area:1/2/2/3}.quadrant-3{grid-area:2/1/3/2}.quadrant-4{grid-area:2/2/3/3}.quadrant-label{color:#c9a84c1f;font-family:Cinzel,serif;font-size:.6rem;left:50%;letter-spacing:.35em;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.opponent-battlefield-area{align-items:center;display:flex;justify-content:center}.opponent-battlefield-area,.opponent-board{height:100%;position:relative;width:100%}.opponent-label{color:#c9a84c1f;font-family:Cinzel,serif;font-size:.65rem;left:50%;letter-spacing:.35em;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.personal-battlefield-area{background:#0c0c16e6;border-top:1px solid #c9a84c40;box-shadow:inset 0 4px 24px #c9a84c0a;height:100%;min-height:0;overflow:hidden;padding:0;position:relative;width:100%}.personal-battlefield-area:before{background:linear-gradient(90deg,#0000,#c9a84c59,#0000);content:"";height:1px;left:10%;pointer-events:none;position:absolute;right:10%;top:0;z-index:1}.personal-battlefield-cards{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.personal-battlefield-label{background:#0000;border:none;color:#c9a84c1a;font-family:Cinzel,serif;font-size:.65rem;left:50%;letter-spacing:.4em;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.battlefield-grid{border:1px solid #c9a84c33;box-shadow:0 4px 16px #0009}.draggable-card-wrapper{overflow:visible;pointer-events:auto}.battlefield-card{height:100%;position:relative;transition:transform .15s,opacity .15s;width:100%}.battlefield-card-image{border-radius:6px;box-shadow:0 2px 8px #000000b3,0 0 0 1px #c9a84c26;display:block;height:100%;object-fit:cover;pointer-events:none;transition:box-shadow .15s;-webkit-user-select:none;user-select:none;width:100%}.draggable-card-wrapper:hover .battlefield-card-image{box-shadow:0 4px 16px #000c,0 0 0 1px #c9a84c59}.opponent-card-wrapper,.quadrant-card-wrapper{aspect-ratio:5/7;max-width:100px;min-width:40px;width:8%}.opponent-card-wrapper .battlefield-card,.opponent-card-wrapper .battlefield-card-image,.quadrant-card-wrapper .battlefield-card,.quadrant-card-wrapper .battlefield-card-image{height:100%;width:100%}.clone-indicator{align-items:center;background:#7a5f28eb;border:1px solid #c9a84c80;border-radius:3px;box-shadow:0 1px 6px #00000080;color:#e8c97a;color:var(--gold-light,#e8c97a);height:20px;justify-content:center;left:4px;pointer-events:none;width:20px}.clone-indicator,.counters-container{display:flex;position:absolute;top:4px;z-index:1}.counters-container{flex-direction:column;gap:2px;pointer-events:auto;right:4px}.card-counter-wrapper{position:relative}.card-counter,.card-counter-wrapper{align-items:center;display:flex;justify-content:center}.card-counter{background:#08080fe6;border:1px solid #c9a84c66;border-radius:50%;box-shadow:0 1px 4px #0009,0 0 6px #c9a84c1a;color:#e8c97a;color:var(--gold-light,#e8c97a);cursor:pointer;font-family:Cinzel,serif;font-size:9px;font-weight:600;height:18px;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:18px}.card-counter:hover{background:#c9a84c33;border-color:#c9a84cb3;box-shadow:0 2px 8px #0009,0 0 8px #c9a84c40;transform:scale(1.15)}.remove-counter-btn{align-items:center;background:#a0380af2;border:1px solid #ff643266;border-radius:50%;box-shadow:0 1px 4px #00000080;color:#ffc8b4e6;cursor:pointer;display:none;font-size:12px;font-weight:700;height:14px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;transition:all .15s ease;width:14px}.remove-counter-btn:hover{background:#b4280a;box-shadow:0 0 8px #a0380a80;transform:scale(1.1)}.card-counter-wrapper:hover .remove-counter-btn{display:flex}.battlefield-loading{align-items:center;color:#c9a84c66;display:flex;font-family:Cinzel,serif;font-size:.6rem;height:100%;justify-content:center;letter-spacing:.4em;text-transform:uppercase;width:100%}.draggable-card-wrapper.tapped,.static-card-wrapper.tapped{transform:rotate(90deg)}.draggable-card-wrapper.tapped .battlefield-card-image,.static-card-wrapper.tapped .battlefield-card-image{transform:none}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.draggable-card-wrapper.shaking,.static-card-wrapper.shaking{animation:shake .2s ease-in-out}.draggable-card-wrapper.tapped.shaking,.static-card-wrapper.tapped.shaking{animation:shake .2s ease-in-out;transform:rotate(90deg)}@media (max-width:1200px){.opponent-card-wrapper,.quadrant-card-wrapper{max-width:85px;min-width:35px;width:7%}}@media (max-width:768px){.opponent-card-wrapper,.quadrant-card-wrapper{max-width:70px;min-width:30px;width:10%}.quadrant{padding:8px}.opponent-label,.personal-battlefield-label,.quadrant-label{font-size:.5rem;letter-spacing:.25em}.clone-indicator{height:16px;width:16px}.card-counter{font-size:8px;height:14px;width:14px}.remove-counter-btn{font-size:10px;height:12px;right:-5px;top:-5px;width:12px}}@media (max-width:480px){.opponent-card-wrapper,.quadrant-card-wrapper{max-width:60px;min-width:25px;width:12%}.quadrant{padding:4px}.clone-indicator{height:14px;width:14px}.card-counter{font-size:7px;height:12px;width:12px}.remove-counter-btn{font-size:9px;height:10px;right:-4px;top:-4px;width:10px}}.draggable-card-wrapper .counter-overlay,.static-card-wrapper .counter-overlay{background:linear-gradient(0deg,#08080fc7 0,#0000);border-radius:0 0 6px 6px;bottom:0;box-sizing:border-box;display:none;flex-direction:column;gap:1px;left:0;overflow:hidden;padding:2px 0;pointer-events:auto;position:absolute;width:100%;z-index:20}.counter-overlay:hover,.draggable-card-wrapper:hover .counter-overlay,.static-card-wrapper:hover .counter-overlay{display:flex}.counter-row{box-sizing:border-box;gap:2px;min-width:0;padding:0 2px;position:relative;width:100%}.counter-btn,.counter-row{align-items:center;display:flex;justify-content:center}.counter-btn{background:#0d0d14e0;border:1px solid #c9a84c8c;border-radius:2px;color:#c9a84cf2;cursor:pointer;flex-shrink:0;font-family:Cinzel,serif;font-size:9px;font-weight:700;height:13px;line-height:1;padding:0;transition:background .15s,border-color .15s;width:13px}.counter-btn:hover{background:#c9a84c38;border-color:#c9a84ce6;color:#f0d68a}.counter-input{background:#0d0d14e0;border:1px solid #c9a84c66;border-radius:2px;color:#c9a84c;flex:1 1;font-family:Cinzel,serif;font-size:9px;font-weight:700;height:13px;min-width:0;outline:none;padding:0;text-align:center;width:0}.counter-input:focus{background:#14141ef7;border-color:#c9a84ce6;color:#f0d68a}.counter-remove-btn{align-items:center;background:#8c1e0aeb;border:1px solid #ff502880;border-radius:2px;color:#ffb4a0f2;cursor:pointer;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:13px;justify-content:center;line-height:1;padding:0;pointer-events:auto;transition:background .15s;width:13px}.counter-remove-btn:hover{background:#b4280a}.turn-indicator{align-items:center;box-shadow:0 4px 20px #0009,inset 0 0 40px #c9a84c08;display:flex;font-family:Cinzel,serif;gap:16px;height:32px;justify-content:center;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background .3s ease;z-index:98}.turn-indicator,.turn-indicator.waiting{background:#0d0d1433}.turn-indicator.my-turn{animation:goldPulse 2s ease-in-out infinite;background:#0d0d1433;box-shadow:0 4px 20px #0009,inset 0 0 60px #c9a84c0f}@keyframes goldPulse{0%,to{border-bottom-color:#c9a84c80;border-top-color:#c9a84c80}50%{border-bottom-color:#c9a84c40;border-top-color:#c9a84c40}}.dice-result-text,.turn-indicator-text{color:#c9a84c66;font-family:Cinzel,serif;font-size:.6rem;font-weight:600;letter-spacing:.22em;text-shadow:0 2px 8px #000c;text-transform:uppercase}.end-turn-button,.start-game-button{background:none;border:1px solid #c9a84c66;border-radius:2px;color:#c9a84cd9;cursor:pointer;font-family:Cinzel,serif;font-size:.55rem;font-weight:600;letter-spacing:.2em;padding:4px 14px;text-transform:uppercase;transition:all .18s ease}.end-turn-button:hover,.start-game-button:hover{background:#c9a84c1f;border-color:#c9a84c66;box-shadow:0 0 10px #c9a84c26;color:#f0d68a}.end-turn-button:active,.start-game-button:active{background:#c9a84c14;box-shadow:none}.opponent-area{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#08080f73;border:1px solid #c9a84c1f;border-radius:2px;box-shadow:0 4px 20px #0006;display:inline-flex;flex-direction:column;min-width:0;overflow:visible;position:fixed;right:12px;top:12px;z-index:100}.opponent-area:before{border-left:1px solid #c9a84c40;border-top:1px solid #c9a84c40;content:"";height:7px;left:4px;pointer-events:none;position:absolute;top:4px;width:7px}.opp-info{align-items:center;border-bottom:1px solid #c9a84c0f;display:flex;flex-direction:row;gap:5px;padding:4px 7px}.opp-info:last-child{border-bottom:none}.opp-username{color:#c9a84c80;flex:1 1;font-family:Cinzel,serif;font-size:9px;font-weight:400;letter-spacing:.07em;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.opp-life-box{align-items:center;background:#c9a84c08;border:1px solid #c9a84c1a;border-radius:2px;display:flex;flex-direction:row;flex-shrink:0;gap:3px;justify-content:center;padding:2px 6px}.opp-life-icon{color:#a0380ab3;font-size:8px;line-height:1}.opp-life-val{color:#c9a84ccc;font-family:Cinzel,serif;font-size:11px;font-weight:600;line-height:1}.opp-zones-anchor{flex-shrink:0;position:relative}.opp-zones-btn{align-items:center;background:#c9a84c08;border:1px solid #c9a84c1a;border-radius:2px;color:#c9a84c4d;cursor:pointer;display:flex;flex-direction:row;font-family:Cinzel,serif;font-size:8px;gap:3px;justify-content:center;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.opp-zones-btn:hover{background:#c9a84c14;border-color:#c9a84c47;color:#c9a84cbf}.opp-zones-grid-icon{font-size:10px;line-height:1}.opp-zones-backdrop{inset:0;position:fixed;z-index:299}.opp-zones-popover{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#08080fe0;border:1px solid #c9a84c2e;border-radius:2px;box-shadow:0 6px 24px #000000b3;display:flex;flex-direction:column;gap:1px;min-width:140px;padding:3px;position:absolute;right:0;top:calc(100% + 5px);z-index:300}.opp-zones-row{align-items:center;background:#0000;border:none;color:#c9a84c80;cursor:pointer;display:flex;font-family:Crimson Text,serif;font-size:12px;gap:12px;justify-content:space-between;padding:4px 8px;text-align:left;transition:background .1s,color .1s}.opp-zones-row:hover{background:#c9a84c0f;color:#e8c97acc}.opp-zones-count{background:#c9a84c0d;border-radius:2px;color:#c9a84c52;font-family:Cinzel,serif;font-size:9px;min-width:16px;padding:0 4px;text-align:center}.opp-badge{background:#c9a84c0a;border:1px solid #c9a84c17;border-radius:2px;color:#c9a84c73;flex-shrink:0;font-family:Cinzel,serif;font-size:8px;letter-spacing:.04em;padding:1px 4px;white-space:nowrap}.left-rail{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:20px 0;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1),opacity .2s ease;width:50px;z-index:100}.left-rail-button-wrapper,.left-rail-content{align-items:center;display:flex;flex-direction:column;gap:25px;overflow:visible;width:100%}.left-rail-button-wrapper{position:relative}.leave-game-button,.left-rail-button{align-items:center;background:#0d0d14;border:1px solid #c9a84c4d;border-radius:2px;box-shadow:0 2px 10px #00000080;color:#c9a84cbf;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:visible;position:relative;transition:all .18s ease;width:36px}.left-rail-button:hover{background:#c9a84c1a;border-color:#c9a84c99;box-shadow:0 0 12px #c9a84c33;color:#f0d68a;transform:scale(1.05)}.button-label{background:#0d0d14;border:1px solid #c9a84c59;border-radius:2px;box-shadow:0 4px 16px #0009;color:#c9a84ce6;font-family:Cinzel,serif;font-size:.55rem;font-weight:600;left:46px;letter-spacing:.2em;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%) translateX(-6px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:1000}.leave-game-button:hover .button-label,.left-rail-button:hover .button-label{opacity:1;transform:translateY(-50%) translateX(0)}.leave-game-button{align-items:center;background:#0d0d14;border:1px solid #a0380a66;border-radius:2px;box-shadow:0 2px 10px #00000080;color:#c9643cbf;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:auto;overflow:visible;position:relative;transition:all .18s ease;width:36px}.leave-game-button:hover{background:#a0380a26;border-color:#a0380ab3;box-shadow:0 0 12px #a0380a40;color:#e07050;transform:scale(1.05)}.custom-dice-wrapper{border-top:1px solid #c9a84c1f;display:flex;gap:4px;padding:6px 10px}.custom-dice-input{background:#c9a84c0d;border:1px solid #c9a84c33;border-radius:2px;color:#c9a84ce6;font-family:Cinzel,serif;font-size:.55rem;font-weight:600;letter-spacing:.1em;padding:4px 6px;text-align:center;transition:border-color .18s,background .18s;width:64px}.custom-dice-input:focus{background:#c9a84c14;border-color:#c9a84c80;outline:none}.custom-dice-input::placeholder{color:#c9a84c4d;letter-spacing:.1em;text-transform:uppercase}.custom-dice-input::-webkit-inner-spin-button,.custom-dice-input::-webkit-outer-spin-button{-webkit-appearance:none}.custom-dice-input[type=number]{-moz-appearance:textfield}.custom-dice-roll-btn{background:none;border:1px solid #c9a84c4d;border-radius:2px;color:#c9a84ccc;cursor:pointer;font-family:Cinzel,serif;font-size:.5rem;font-weight:600;letter-spacing:.15em;padding:4px 7px;text-transform:uppercase;transition:all .15s ease}.custom-dice-roll-btn:hover:not(:disabled){background:#c9a84c1f;border-color:#c9a84c99;color:#f0d68a}.custom-dice-roll-btn:disabled{cursor:not-allowed;opacity:.3}.search-modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.search-modal-content{background:#0d0d14;border:1px solid #c9a84c66;border-radius:2px;box-shadow:0 8px 40px #000000e6,0 0 0 1px #0009;display:flex;flex-direction:column;font-family:Cinzel,serif;max-height:70vh;position:relative;width:480px}.search-modal-title{border-bottom:1px solid #c9a84c33;color:#c9a84cd9;font-family:Cinzel,serif;font-size:.65rem;font-weight:600;letter-spacing:.25em;margin:0;padding:10px 16px 8px;text-transform:uppercase}.search-modal-close{align-items:center;background:none;border:none;color:#c9a84c80;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;padding:0;position:absolute;right:12px;top:8px;transition:color .2s;width:20px}.search-modal-close:hover{color:#f0d68a}.search-modal-body{display:flex;flex:1 1;flex-direction:column;gap:0;overflow:hidden}.search-bar{border-bottom:1px solid #c9a84c1f;display:flex;gap:6px;padding:10px 14px}.search-input{background:#c9a84c0d;border:1px solid #c9a84c33;border-radius:2px;color:#c9a84ce6;flex:1 1;font-family:Cinzel,serif;font-size:.58rem;font-weight:600;letter-spacing:.12em;padding:6px 10px;text-transform:uppercase;transition:border-color .18s,background .18s}.search-input:focus{background:#c9a84c14;border-color:#c9a84c80;outline:none}.search-input::placeholder{color:#c9a84c4d}.search-button{background:none;border:1px solid #c9a84c59;border-radius:2px;color:#c9a84cd9;cursor:pointer;font-family:Cinzel,serif;font-size:.55rem;font-weight:600;letter-spacing:.18em;padding:6px 14px;text-transform:uppercase;transition:all .18s ease}.search-button:hover:not(:disabled){background:#c9a84c1f;border-color:#c9a84c99;color:#f0d68a}.search-button:disabled{cursor:not-allowed;opacity:.4}.search-results{flex:1 1;overflow-y:auto}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#c9a84c0a}.search-results::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:2px}.search-results::-webkit-scrollbar-thumb:hover{background:#c9a84c73}.card-item{align-items:center;border-bottom:1px solid #c9a84c14;cursor:pointer;display:flex;gap:12px;padding:8px 14px;transition:background .15s ease}.card-item:hover{background:#c9a84c12;box-shadow:inset 2px 0 0 #c9a84c80}.card-image{border:1px solid #c9a84c33;border-radius:2px;flex-shrink:0;height:50px;object-fit:cover;width:36px}.card-info{display:flex;flex-direction:column;gap:3px}.card-name{color:#c9a84ce6;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.card-name,.card-price{font-family:Cinzel,serif;margin:0}.card-price{color:#c9a84c73;font-size:.52rem;letter-spacing:.1em}.chat-button.active{background:#c9a84c1f;border-color:#c9a84cb3;box-shadow:0 0 12px #c9a84c40;color:#f0d68a}.left-rail--collapsed{border:none;min-width:1px;opacity:0;overflow:hidden;width:1px}.left-rail-toggle{align-items:center;background:#0d0d14;border:1px solid #c9a84c4d;border-radius:2px;color:#c9a84cbf;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;line-height:1;transition:all .18s ease;width:28px}.left-rail-toggle:hover{background:#c9a84c1a;border-color:#c9a84c99;color:#f0d68a}.left-rail--collapsed .left-rail-toggle{border-radius:0 2px 2px 0;font-size:9px;height:22px;padding:0;width:10px}.chat-log-panel{background:#0d0d14;border:1px solid #c9a84c59;border-radius:2px;bottom:0;box-shadow:0 8px 40px #000000d9;display:flex;flex-direction:column;font-family:Cinzel,serif;left:58px;max-height:60vh;position:absolute;width:280px;z-index:999}.chat-log-header{border-bottom:1px solid #c9a84c2e;flex-shrink:0;padding:8px 14px}.chat-log-title{color:#c9a84ccc;font-size:.58rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.chat-log-body{flex:1 1;overflow-y:auto;padding:8px 0}.chat-log-body::-webkit-scrollbar{width:4px}.chat-log-body::-webkit-scrollbar-track{background:#c9a84c08}.chat-log-body::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:2px}.chat-log-body::-webkit-scrollbar-thumb:hover{background:#c9a84c66}.chat-log-empty{color:#c9a84c47;font-size:.52rem;letter-spacing:.15em;margin:0;padding:12px 14px;text-align:center;text-transform:uppercase}.chat-log-divider{align-items:center;display:flex;gap:8px;padding:10px 14px 6px}.chat-log-divider-line{background:#c9a84c33;flex:1 1;height:1px}.chat-log-divider-label{color:#c9a84c80;font-size:.5rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap}.chat-log-entry{line-height:1.5;padding:3px 14px}.chat-log-username{color:#c9a84cd9;font-size:.52rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.chat-log-action{color:#c9a84c80;font-family:Crimson Text,serif;font-size:.52rem;font-style:italic;font-weight:400;letter-spacing:.08em}.chat-log-count{color:#c9a84c66;font-family:Cinzel,serif;font-size:.5rem;font-weight:600;letter-spacing:.1em}
/*# sourceMappingURL=main.7e461fac.css.map*/