@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/chakra-petch-400.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/chakra-petch-600.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-700.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rajdhani-500.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rajdhani-600.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rajdhani-700.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0f;color:#e0e0e0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;height:100vh;height:100dvh;width:100vw}#app{height:100vh;height:100dvh;width:100vw}.lobby{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:32px;overflow:hidden;background:#07070c;font-family:Rajdhani,Segoe UI,sans-serif}.lobby-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(252,238,9,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(252,238,9,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 70%)}.lobby-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:10}.lobby-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:5}.lobby-corner{position:absolute;width:40px;height:40px;border-color:#fcee0940;border-style:solid;border-width:0;z-index:11}.lobby-corner--tl{top:24px;left:24px;border-top-width:2px;border-left-width:2px}.lobby-corner--tr{top:24px;right:24px;border-top-width:2px;border-right-width:2px}.lobby-corner--bl{bottom:24px;left:24px;border-bottom-width:2px;border-left-width:2px}.lobby-corner--br{bottom:24px;right:24px;border-bottom-width:2px;border-right-width:2px}.lobby-hero{position:relative;z-index:20;text-align:center;animation:heroFadeIn .8s ease-out both}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lobby-hero-sub{font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:500;color:#fcee0980;text-transform:uppercase;letter-spacing:6px;margin-bottom:8px}.lobby-title{font-family:Chakra Petch,Rajdhani,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.9;color:#fcee09;text-transform:uppercase;letter-spacing:2px;position:relative;display:flex;align-items:baseline;justify-content:center;gap:0;text-shadow:0 0 40px rgba(252,238,9,.3),0 0 80px rgba(252,238,9,.1)}.lobby-title-cyber{color:#fcee09}.lobby-title-punk{color:#e0d806}.lobby-title-year{font-size:.45em;color:#fcee09b3;margin-left:8px;letter-spacing:4px;position:relative;top:-.15em}.lobby-title-tcg{font-family:Chakra Petch,sans-serif;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:#07070c;background:#fcee09;display:inline-block;padding:2px 20px;letter-spacing:10px;margin-top:4px}.glitch-active .lobby-title{animation:glitch .15s steps(2) both}@keyframes glitch{0%{text-shadow:2px 0 #ff0040,-2px 0 #00f0ff;clip-path:inset(20% 0 30% 0)}25%{text-shadow:-2px 0 #ff0040,2px 0 #00f0ff;clip-path:inset(60% 0 10% 0)}50%{text-shadow:1px 0 #ff0040,-1px 0 #00f0ff;clip-path:inset(40% 0 20% 0)}75%{text-shadow:-1px 0 #ff0040,1px 0 #00f0ff;clip-path:inset(10% 0 50% 0)}to{text-shadow:0 0 40px rgba(252,238,9,.3);clip-path:none}}.lobby-hero-tagline{font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;color:#e0e0e066;text-transform:uppercase;letter-spacing:5px;margin-top:16px}.lobby-panel{position:relative;z-index:20;width:min(440px,calc(100vw - 48px));opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.lobby-panel--visible{opacity:1;transform:translateY(0)}.lobby-panel-inner{background:#fcee0908;border:1px solid rgba(252,238,9,.15);padding:28px 32px;display:flex;flex-direction:column;gap:16px;position:relative;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.lobby-panel-accent{position:absolute;left:32px;right:32px;height:1px}.lobby-panel-accent--top{top:0;background:linear-gradient(90deg,transparent,#fcee09,transparent)}.lobby-panel-accent--bottom{bottom:0;background:linear-gradient(90deg,transparent,rgba(252,238,9,.3),transparent)}.lobby-section{display:flex;flex-direction:column;gap:8px}.lobby-label{font-family:Chakra Petch,sans-serif;font-size:.7rem;font-weight:600;color:#fcee09;text-transform:uppercase;letter-spacing:3px}.lobby-input{background:#ffffff0a;border:1px solid rgba(252,238,9,.2);color:#e0e0e0;padding:10px 14px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.lobby-input:focus{border-color:#fcee09;box-shadow:0 0 12px #fcee0926,inset 0 0 12px #fcee090d}.lobby-input::placeholder{color:#e0e0e040;font-weight:400}.lobby-input--code{flex:1;min-width:0;text-transform:uppercase;letter-spacing:3px;font-family:Chakra Petch,monospace}.lobby-select option{background:#0a0a0f;color:#e0e0e0}.lobby-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(252,238,9,.2),transparent);margin:4px 0}.lobby-btn{font-family:Chakra Petch,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s;border:none;outline:none}.lobby-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.lobby-btn--primary{background:#fcee09;color:#07070c;padding:14px 24px;font-size:1rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));position:relative}.lobby-btn--primary:hover:not(:disabled){background:#fff34a;box-shadow:0 0 20px #fcee0966}.lobby-btn--primary:active:not(:disabled){transform:scale(.98)}.lobby-btn--secondary{background:#fcee091f;color:#fcee09;border:1px solid rgba(252,238,9,.35);padding:10px 18px;font-size:.85rem}.lobby-btn--secondary:hover:not(:disabled){background:#fcee0933;border-color:#fcee09}.lobby-btn--ghost{background:transparent;color:#fcee0999;border:1px solid rgba(252,238,9,.15);padding:8px 14px;font-size:.8rem}.lobby-btn--ghost:hover:not(:disabled){color:#fcee09;border-color:#fcee0966;background:#fcee090d}.lobby-btn--sm{padding:10px 14px;font-size:.75rem}.lobby-btn-icon{font-size:.6em;margin-right:4px}.lobby-actions{display:flex;flex-direction:column;gap:12px}.lobby-join-row{display:flex;gap:8px;align-items:stretch}.lobby-error{color:#f34;font-size:.85rem;font-weight:600;padding:8px 12px;background:#ff334414;border-left:2px solid #ff3344}.lobby-footer{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:20}.lobby-footer-line{width:60px;height:1px;background:#fcee0926}.lobby-footer-text{font-family:Chakra Petch,monospace;font-size:.65rem;font-weight:600;color:#fcee0940;text-transform:uppercase;letter-spacing:4px;white-space:nowrap}.game-code{font-family:Chakra Petch,monospace;font-size:2rem;font-weight:700;color:#fcee09;letter-spacing:6px;text-align:center;padding:12px;background:#fcee0914;border:1px dashed rgba(252,238,9,.4)}.error{color:#f44;font-size:.9rem}.waiting{color:#fcee0999;font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.lobby-panel h2{font-family:Chakra Petch,sans-serif;color:#fcee09;font-size:1rem;text-transform:uppercase;letter-spacing:2px}.btn-secondary{background:transparent;border:1px solid rgba(252,238,9,.4);color:#fcee09;padding:10px 14px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-family:Rajdhani,sans-serif}.btn-secondary:hover{background:#fcee091a}.btn-danger{background:#ff323226;border:1px solid rgba(255,50,50,.4);color:#f44;padding:10px 14px;font-size:.85rem;text-transform:uppercase;cursor:pointer;font-family:Rajdhani,sans-serif}.btn-danger:hover{background:#ff323240}.btn-row{display:flex;gap:8px}.btn-row button{flex:1}.divider{border:none;border-top:1px solid rgba(252,238,9,.15);margin:8px 0}@media (max-width: 500px){.lobby-hero-sub,.lobby-hero-tagline{letter-spacing:3px;font-size:.7rem}.lobby-title-tcg{letter-spacing:6px;font-size:1rem}.lobby-panel-inner{padding:20px}.lobby-corner{width:24px;height:24px}.lobby-corner--tl,.lobby-corner--tr{top:12px}.lobby-corner--bl,.lobby-corner--br{bottom:12px}.lobby-corner--tl,.lobby-corner--bl{left:12px}.lobby-corner--tr,.lobby-corner--br{right:12px}.lobby{gap:20px}}.card-zoom{position:fixed;top:40px;width:432px;z-index:9999;pointer-events:none;filter:drop-shadow(0 4px 24px rgba(0,0,0,.7))}.card-zoom--right{right:12px}.card-zoom--left{left:12px}.card-zoom img{width:100%;border-radius:8px}.game-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:#0a0a0f}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:#fcee090f;border-bottom:1px solid rgba(252,238,9,.2);font-size:.8rem;flex-shrink:0;z-index:1000}.top-bar .player-info{color:#fcee09}.top-bar .opponent-info{color:#888}.connection-status{font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.connection-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.connection-status.connected{color:#4f4}.connection-status.connected:before{background:#4f4;box-shadow:0 0 4px #4f4}.connection-status.disconnected{color:#f44}.connection-status.disconnected:before{background:#f44;box-shadow:0 0 4px #f44}.ready-btn{background:transparent;color:#fcee09;border:1px solid #fcee09;padding:2px 10px;font-size:.7rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .2s,color .2s}.ready-btn:hover{background:#fcee09;color:#0a0a0f}.quit-btn{background:transparent;color:#f44;border:1px solid #ff4444;padding:2px 10px;font-size:.7rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .2s,color .2s}.quit-btn:hover{background:#f44;color:#0a0a0f}.board-wrapper{flex:1;display:flex;align-items:stretch;overflow:hidden;position:relative}.action-log{width:220px;flex-shrink:0;background:#0009;border-right:1px solid rgba(252,238,9,.15);overflow-y:auto;padding:8px;font-size:.7rem;line-height:1.4;color:#aaa}.log-title{color:#fcee09;text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(252,238,9,.15)}.log-entry{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);word-break:break-word}.log-time{color:#666;margin-right:4px}.board{position:relative;aspect-ratio:1600 / 1894;height:100%;max-width:100%;-webkit-user-select:none;user-select:none;margin:0 auto;touch-action:none}.playmat{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.85}.playmat.flipped{transform:rotate(180deg)}.board-item{position:absolute;cursor:grab;transition:left .3s ease,top .3s ease,transform .3s ease,box-shadow .15s;touch-action:none}.board-item.dragging{transition:box-shadow .15s}.board-item:active{cursor:grabbing}.board-item.card-item{width:9.4%;aspect-ratio:5 / 7}.board-item.card-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;pointer-events:none}.card-back{width:100%;height:100%;border-radius:4px;background:url(/card-back.svg) center / cover no-repeat;border:2px solid #fcee09;position:relative;overflow:hidden}.board-item.deck-item{width:10.4%;aspect-ratio:5 / 7}.deck-stack{position:relative;width:100%;height:100%}.deck-stack .card-back{box-shadow:2px 2px #fcee0933,4px 4px #fcee091a,6px 6px #fcee090d}.deck-count{position:absolute;bottom:-6px;right:-6px;background:#fcee09;color:#0a0a0f;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.deck-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.6rem;color:#fcee09;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.board-item.trash-item{width:10.4%;aspect-ratio:5 / 7}.trash-zone{width:100%;height:100%;border:2px dashed rgba(252,238,9,.3);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcee0908;position:relative}.trash-zone.has-cards{border-color:#fcee0980;background:#fcee090f}.trash-count{font-size:.7rem;color:#fcee0999;margin-top:4px}.trash-top-card{width:90%;aspect-ratio:5 / 7;border-radius:3px;object-fit:cover;opacity:.7}.trash-recover-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#fcee0926;border:1px solid rgba(252,238,9,.5);color:#fcee09;font-size:.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;z-index:10;padding:0}.trash-recover-btn:hover{background:#fcee0959}.board-item.dice-item{width:6%;aspect-ratio:1}.dice-face{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fcee09;font-weight:700;line-height:1;position:relative}.dice-face:before,.dice-face:after{content:"";position:absolute;z-index:-1}.dice-face:before{top:0;right:0;bottom:0;left:0;background:#fcee09}.dice-face:after{top:2px;right:2px;bottom:2px;left:2px;background:#1a1a2e}.dice-item[data-sides="4"] .dice-face:before{clip-path:polygon(50% 3%,3% 97%,97% 97%)}.dice-item[data-sides="4"] .dice-face:after{clip-path:polygon(50% 8%,8% 95%,92% 95%)}.dice-item[data-sides="4"] .dice-face{padding-top:18%}.dice-item[data-sides="6"]{width:4.8%}.dice-item[data-sides="6"] .dice-face:before{border-radius:6px}.dice-item[data-sides="6"] .dice-face:after{border-radius:4px}.dice-item[data-sides="8"] .dice-face:before{clip-path:polygon(50% 2%,98% 50%,50% 98%,2% 50%)}.dice-item[data-sides="8"] .dice-face:after{clip-path:polygon(50% 7%,93% 50%,50% 93%,7% 50%)}.dice-item[data-sides="10"] .dice-face:before{clip-path:polygon(50% 0%,97% 45%,50% 100%,3% 45%)}.dice-item[data-sides="10"] .dice-face:after{clip-path:polygon(50% 5%,92% 45%,50% 95%,8% 45%)}.dice-item[data-sides="12"] .dice-face:before{clip-path:polygon(50% 2%,97% 36%,80% 97%,20% 97%,3% 36%)}.dice-item[data-sides="12"] .dice-face:after{clip-path:polygon(50% 7%,93% 38%,77% 93%,23% 93%,7% 38%)}.dice-item[data-sides="20"] .dice-face:before{clip-path:polygon(50% 2%,95% 25%,95% 75%,50% 98%,5% 75%,5% 25%)}.dice-item[data-sides="20"] .dice-face:after{clip-path:polygon(50% 7%,91% 28%,91% 72%,50% 93%,9% 72%,9% 28%)}.dice-value{font-size:1.4em;z-index:1}.dice-sides{font-size:.55em;opacity:.6;z-index:1}.hand-area{flex-shrink:0;background:#fcee090a;border-top:1px solid rgba(252,238,9,.2);padding:6px 12px;display:flex;align-items:center;gap:6px;overflow-x:auto;min-height:110px;z-index:1000}.hand-label{color:#fcee0980;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-lr;transform:rotate(180deg);margin-right:4px;flex-shrink:0}.hand-card{flex-shrink:0;height:96px;aspect-ratio:5 / 7;cursor:grab;transition:transform .15s,box-shadow .15s;border-radius:4px;overflow:hidden;touch-action:none}.hand-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 20px #fcee0933;z-index:10}.hand-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.context-menu{position:fixed;background:#1a1a2e;border:1px solid rgba(252,238,9,.4);min-width:180px;z-index:9999;box-shadow:0 8px 32px #0009}.ctx-option{padding:8px 16px;cursor:pointer;font-size:.85rem;color:#e0e0e0;transition:background .1s}.ctx-option:hover{background:#fcee0926;color:#fcee09}.ctx-separator{border-top:1px solid rgba(252,238,9,.1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9998}.modal{background:#1a1a2e;border:1px solid rgba(252,238,9,.4);padding:24px;max-width:600px;max-height:70vh;overflow-y:auto}.modal h3{color:#fcee09;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.modal-cards{display:flex;flex-wrap:wrap;gap:8px}.modal-card{width:80px;aspect-ratio:5 / 7;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .15s;position:relative}.modal-card:hover{transform:scale(1.08)}.modal-card img{width:100%;height:100%;object-fit:cover}.modal-card-actions{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .15s}.modal-card:hover .modal-card-actions{opacity:1}.modal-card-actions button{background:#fcee09e6;color:#0a0a0f;border:none;padding:4px 8px;font-size:.65rem;font-weight:700;text-transform:uppercase;cursor:pointer}.modal-close{margin-top:16px;background:transparent;border:1px solid rgba(252,238,9,.4);color:#fcee09;padding:8px 24px;cursor:pointer;text-transform:uppercase;font-size:.8rem}.peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9998;cursor:pointer}.peek-card{width:240px;border-radius:8px;box-shadow:0 0 40px #fcee094d}.board-ping{position:absolute;width:0;height:0;transform:translate(-50%,-50%);pointer-events:none;z-index:9000}.board-ping:before,.board-ping:after{content:"";position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:ping-ripple 1.2s ease-out forwards}.board-ping:after{animation-delay:.2s}.ping-p0:before,.ping-p0:after{border:2px solid #fcee09;box-shadow:0 0 12px #fcee0999}.ping-p1:before,.ping-p1:after{border:2px solid #ff4444;box-shadow:0 0 12px #f449}@keyframes ping-ripple{0%{width:0;height:0;opacity:1}to{width:100px;height:100px;opacity:0}}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;height:96px;aspect-ratio:5 / 7;opacity:.8;transform:translate(-50%,-50%)}.drag-ghost img{width:100%;height:100%;object-fit:cover;border-radius:4px}.db{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f 70%)}.db-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#fcee090f;border-bottom:1px solid rgba(252,238,9,.2);flex-shrink:0}.db-header h1{color:#fcee09;font-size:1.2rem;text-transform:uppercase;letter-spacing:3px;flex:1}.db-copyright{font-size:.7rem;color:#888;text-transform:none;letter-spacing:0;font-weight:400}.db-header button{background:#fcee09;color:#0a0a0f;border:none;padding:8px 16px;font-weight:700;text-transform:uppercase;font-size:.8rem;cursor:pointer}.db-header button:disabled{opacity:.4;cursor:default}.db-header-controls{display:flex;gap:8px;align-items:center}.db-select{width:auto;min-width:200px;padding:8px 10px;font-size:.85rem}.db-body{flex:1;display:flex;overflow:hidden}.db-pool{flex:1;overflow-y:auto;padding:12px}.db-pool-header{color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.db-card{position:relative;aspect-ratio:5 / 7;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s;touch-action:manipulation}.db-card:hover{transform:scale(1.05);box-shadow:0 4px 16px #fcee0933;z-index:1}.db-card img{width:100%;height:100%;object-fit:cover}.db-badges{position:absolute;top:4px;right:4px;display:flex;gap:3px}.db-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.db-badge-deck{background:#fcee09;color:#0a0a0f}.db-badge-legend{background:#f44;color:#fff}.db-badge-check{position:absolute;top:4px;right:4px;width:24px;height:24px;font-size:.75rem}.db-card--selected{outline:3px solid #fcee09;outline-offset:-3px}.db-card--disabled{opacity:.3;pointer-events:none}.db-card--maxed{opacity:.5}.db-card--red:hover{box-shadow:0 4px 16px #ff3c3c4d}.db-card--blue:hover{box-shadow:0 4px 16px #3c78ff4d}.db-card--green:hover{box-shadow:0 4px 16px #3cc8644d}.db-card--yellow:hover{box-shadow:0 4px 16px #fcee094d}.db-color-section{margin-bottom:16px}.db-color-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:6px 0;margin-bottom:8px;border-bottom:2px solid}.db-color-label--red{color:#f44;border-color:#f446}.db-color-label--blue{color:#48f;border-color:#48f6}.db-color-label--green{color:#4c6;border-color:#4c66}.db-color-label--yellow{color:#fcee09;border-color:#fcee0966}.db-card-info{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:#000000b3;font-size:.55rem;font-weight:700;color:#fcee09;text-align:center;text-transform:uppercase;letter-spacing:.5px}.db-pile-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.db-pile-name{font-size:.75rem;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-pile-meta{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px}.db-pile-meta--red{color:#f44}.db-pile-meta--blue{color:#48f}.db-pile-meta--green{color:#4c6}.db-pile-meta--yellow{color:#fcee09}.db-sidebar{width:280px;flex-shrink:0;border-left:1px solid rgba(252,238,9,.15);display:flex;flex-direction:column;overflow:hidden}.db-save{padding:12px;border-bottom:1px solid rgba(252,238,9,.15)}.db-name-input{width:100%;background:#ffffff0d;border:1px solid rgba(252,238,9,.3);color:#e0e0e0;padding:8px 10px;font-size:.9rem;outline:none;margin-bottom:8px}.db-name-input:focus{border-color:#fcee09}.db-save-buttons{display:flex;gap:8px}.db-save-buttons button{flex:1;background:#fcee09;color:#0a0a0f;border:none;padding:8px;font-weight:700;text-transform:uppercase;font-size:.75rem;cursor:pointer}.db-msg{color:#fcee09;font-size:.75rem;margin-top:6px}.db-stats{border-bottom:1px solid rgba(252,238,9,.15)}.db-stats-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.db-stats-toggle{color:#fcee09;font-size:.85rem;font-weight:700}.db-stats-body{padding:0 12px 10px}.db-stats-section{margin-bottom:10px}.db-stats-section:last-child{margin-bottom:0}.db-stats-label{color:#888;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.db-stats-bars{display:flex;flex-direction:column;gap:3px}.db-stats-bar-row{display:flex;align-items:center;gap:6px}.db-stats-bar-label{width:52px;font-size:.7rem;color:#aaa;text-align:right;flex-shrink:0}.db-stats-bar-track{flex:1;height:10px;background:#ffffff0d;border-radius:2px;overflow:hidden}.db-stats-bar-fill{height:100%;border-radius:2px;transition:width .2s ease}.db-stats-bar--red{background:#f44}.db-stats-bar--blue{background:#48f}.db-stats-bar--green{background:#4c6}.db-stats-bar--yellow{background:#fcee09}.db-stats-bar-stacked{display:flex;height:100%;border-radius:2px;overflow:hidden;transition:width .2s ease}.db-stats-bar-stacked .db-stats-bar-fill{border-radius:0;transition:flex .2s ease}.db-stats-bar-value{width:20px;font-size:.7rem;color:#ccc;text-align:right;flex-shrink:0}.db-stats-curve{display:flex;align-items:flex-end;gap:2px;height:52px}.db-stats-curve-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.db-stats-curve-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.db-stats-curve-bar{width:100%;max-width:16px;background:#fcee0980;border-radius:2px 2px 0 0;transition:height .2s ease;min-height:2px}.db-stats-curve-bar--power{background:#ff645099}.db-stats-curve-count{font-size:.6rem;color:#ccc;line-height:1;margin-top:2px}.db-stats-curve-label{font-size:.55rem;color:#666;line-height:1}.db-pile{flex:1;overflow-y:auto;padding:8px 12px;border-bottom:1px solid rgba(252,238,9,.1)}.db-pile-title{color:#fcee09;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:6px}.db-empty{color:#555;font-size:.75rem;font-style:italic}.db-pile-card{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s;touch-action:manipulation}.db-pile-card:hover{background:#fcee0914}.db-pile-card img{width:40px;aspect-ratio:5 / 7;border-radius:2px;object-fit:cover}.db-pile-count{color:#fcee09;font-size:.8rem;font-weight:700;flex:1}.db-pile-remove{color:#f44;font-size:.85rem;font-weight:700;opacity:0;transition:opacity .1s}.db-pile-card:hover .db-pile-remove{opacity:1}.show-narrow{display:none}@media (max-width: 500px){.hide-narrow{display:none!important}.show-narrow{display:inline!important}.top-bar{font-size:.65rem;padding:3px 8px;flex-wrap:wrap;gap:2px 8px}.connection-status{font-size:.6rem;letter-spacing:0}.ready-btn,.quit-btn{padding:2px 6px;font-size:.6rem;letter-spacing:0}.board-item.dice-item{width:5.5%}.dice-item[data-sides="6"]{width:4.5%}.dice-value{font-size:.85em}.dice-sides{font-size:.4em}}@media (hover: none){.modal-card-actions,.db-pile-remove{opacity:1}.hand-card:hover{transform:none;box-shadow:none}.card-zoom,.action-log{display:none}.top-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.hand-area{padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.db-drawer-toggle{display:none}@media (max-width: 768px){.db-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.db-header h1{font-size:.9rem;letter-spacing:1.5px;order:1;flex:1}.db-header>button{order:0;padding:6px 12px;font-size:.7rem}.db-copyright{display:none}.db-header-controls{order:2;width:100%;flex-wrap:wrap}.db-select{min-width:0;flex:1}.db-body{flex-direction:column;position:relative}.db-pool{flex:1;padding:8px 8px 60px}.db-grid{grid-template-columns:repeat(3,1fr);gap:6px}.db-card-info{font-size:.5rem;padding:1px 2px}.db-pool-header{font-size:.65rem;margin-bottom:6px}.db-color-label{font-size:.7rem;letter-spacing:1px;margin-bottom:6px;padding:4px 0}.db-drawer-toggle{display:block;position:fixed;bottom:max(16px,env(safe-area-inset-bottom,16px));left:50%;transform:translate(-50%);z-index:100;background:#fcee09;color:#0a0a0f;border:none;padding:10px 28px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;border-radius:24px;box-shadow:0 4px 20px #00000080,0 0 12px #fcee094d;cursor:pointer;touch-action:manipulation}.db-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:99;background:#0d0d14;border-left:none;border-top:2px solid rgba(252,238,9,.3);transform:translateY(100%);transition:transform .3s ease;overflow-y:auto}.db-sidebar--open{transform:translateY(0)}.db-sidebar .db-pile:last-child{padding-bottom:70px}.db-stats-bar-label{width:40px;font-size:.6rem}.db-stats-bar-value{font-size:.6rem}}