#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dl-root{grid-row-gap:12px;background:radial-gradient(120% 100% at 50% 0,#1b1b1b 0,#111 60%,#0d0d0d 100%);color:#fff;display:grid;font-family:ppWatch,sans-serif;grid-template-rows:auto auto 1fr;height:100vh;height:100dvh;height:100svh;padding:14px 12px 0;row-gap:12px}.dl-main{grid-row-gap:10px;display:grid;grid-template-rows:58% 22% 10%;height:100%;row-gap:10px}.dl-players{min-height:0;position:relative}.dl-player{position:absolute}.dl-player.left{left:10px;top:24px}.dl-player.right{bottom:10px;right:10px}.dl-player.left .dl-player-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:56px auto}.dl-player.right .dl-player-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto 56px}.dl-avatar{background:#2f2f2f;border:2px solid #505050;border-radius:10px;height:60px;width:60px}.dl-avatar.left{transform:rotate(-7deg)}.dl-avatar.right{transform:rotate(7deg)}.dl-avatar-img{height:100%;object-fit:cover;width:100%}.dl-avatar-fallback{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:900;height:100%;justify-content:center}.dl-meta.left{margin-left:12px;margin-top:24px;transform:rotate(-7deg)}.dl-meta.right{margin-right:12px;margin-top:24px;text-align:right;transform:rotate(7deg)}.dl-meta .dl-name{font-size:16px;font-weight:900}.dl-meta .dl-role{font-size:10px;letter-spacing:.1em;margin-top:2px;opacity:.7}.dl-stats-line{font-size:10px;letter-spacing:.08em;margin-top:8px}.dl-stats-line .win{color:#3cffb4}.dl-stats-line .loss{color:#ff5b5b}.dl-vs{left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px}.dl-vs img{display:block;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));height:auto;width:100%}.pnl-ribbon{border-radius:6px;font-size:12px;font-weight:900;letter-spacing:.02em;padding:6px 10px;position:absolute;text-shadow:0 1px 0 #ffffff26;z-index:2}.pnl-ribbon span{display:block;font-size:10px;font-weight:900;padding:18px;position:relative;transform:rotate(3deg);width:100%;z-index:1}.pnl-ribbon img{border-radius:6px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.pnl-ribbon.left{height:30px;left:30px;top:-20px;transform:rotate(-8deg);width:100px}.pnl-ribbon.right{height:30px;right:30px;top:-20px;transform:rotate(8deg);width:100px}.pnl-ribbon.up{color:#0e2b33}.pnl-ribbon.down{color:#3a0b12}.dl-top{align-items:center;display:flex;font-weight:800;justify-content:center;margin-block:3px}.dl-menu{color:#e2e2e2;margin-left:10px}.dl-menu-logo{height:18px;width:18px}.dl-round-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;display:grid;grid-template-columns:1fr 1fr 1fr;height:56px;padding:0}.dl-round-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.dl-round-title{color:#3cffb4;font-size:11px;font-weight:800;opacity:.75;text-align:center}.dl-round-title.orange{color:#ff9800}.dl-timer{font-feature-settings:"tnum";font-size:15px;font-variant-numeric:tabular-nums;font-weight:900;text-align:center}.dl-round-divider{height:24px;justify-self:center;object-fit:contain;width:60%}.dl-stake-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;display:flex;gap:10px;justify-content:space-between;padding:10px}.dl-stake{font-size:12px;font-weight:900;opacity:.9}.dl-stake.orange{color:#ff8a26}.dl-trades{display:flex;flex-direction:column;height:90%;min-height:30%;overflow:hidden;padding:12px;position:relative}.dl-trades-head{align-items:center;display:flex;justify-content:space-between}.dl-trades-title{font-weight:900;letter-spacing:.06em}.dl-see-all{background:#0000;border:none;color:#d8d8d8;font-size:12px;font-weight:700}.dl-trades-list{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;list-style:none;margin:0;max-height:108px;overflow:auto;padding:8px 0 0}.dl-trades-list::-webkit-scrollbar{display:none}.dl-trades-list{-ms-overflow-style:none;scrollbar-width:none}.dl-trade{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:24px 1fr auto}.dl-trade.dim{opacity:.55}.dl-trade-ava{align-items:center;background:#2f2f2f;border:1px solid #555;border-radius:6px;display:flex;height:24px;justify-content:center;width:24px}.dl-trade-text{font-size:12px}.dl-trade-time{font-size:12px;opacity:.8}.dl-trades:after{background:linear-gradient(180deg,#0000,#0d0d0de6);border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:12px;content:"";height:36px;left:12px;pointer-events:none;position:absolute;right:12px}.dl-crowd{display:grid;grid-template-rows:auto 1fr;height:100%;max-height:60px}.dl-crowd-labels{display:flex;font-size:12px;font-weight:900;justify-content:space-between;opacity:.95}.dl-crowd-labels .right{text-align:right}.dl-crowd-bar{background:#2b2b2b;border:1px solid #ffffff14;border-radius:9px;height:18px;margin-top:6px;overflow:hidden;position:relative}.dl-crowd-bar .left{background:#ff8a26;height:100%}.dl-crowd-bar .right{background:#8a8a8a;height:100%;position:absolute;right:0;top:0}.dl-crowd-bar .handle{height:26px;position:absolute;top:-5px;transform:translateX(-50%);width:26px}.dl-actions{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr}.dl-bet{background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:5px;font-weight:900;max-width:200px;min-height:48px;width:98%}.dl-actions-full,.dl-bet,.dl-modal-overlay{align-items:center;display:flex;justify-content:center}.dl-modal-overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.dl-modal{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:32px;position:relative;text-align:center;width:90%}.dl-modal.stake{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:9px;margin:10px;padding:20px}.dl-stake-header{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:8px}.dl-stake-title{font-weight:900;letter-spacing:.08em}.dl-stake-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.dl-stake-row{justify-content:space-between;padding-block:3px}.dl-stake-row,.dl-stake-user{align-items:center;display:flex}.dl-stake-user{gap:8px}.dl-stake-ava{align-items:center;background:#2f2f2f;border:1px solid #555;border-radius:6px;display:flex;font-weight:900;height:24px;justify-content:center;width:24px}.dl-stake-name,.dl-stake-xp{font-size:12px}.dl-stake-xp{font-weight:900;opacity:.9}.dl-stake-total{align-items:center;background:linear-gradient(180deg,#ff8a2626,#ff8a260d);border:1px solid #ff8a2659;border-radius:12px;display:flex;justify-content:space-between;margin-top:18px;padding:14px}.dl-stake-winner{font-size:10px;letter-spacing:.12em;opacity:.9}.dl-stake-total-xp{color:#ff8a26;font-size:26px;font-weight:900;line-height:24px}.dl-modal-content{display:flex;flex-direction:column;gap:16px}.dl-modal-title{color:#fff;font-size:24px;font-weight:900;letter-spacing:.05em;margin:0;text-transform:uppercase}.dl-modal-message{color:#fffc;font-size:16px;line-height:1.5;margin:0}.dl-modal-close{background:linear-gradient(135deg,#e8f8ec,#e3ede7);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.05em;margin-top:8px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.dl-modal-close:hover{box-shadow:0 4px 12px #39ff6e66;transform:translateY(-1px)}.dl-modal-x{background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:22px;font-weight:900;height:32px;line-height:32px;position:absolute;right:10px;text-align:center;top:10px;transition:all .2s ease;width:32px}.dl-modal-x:hover{background:#ffffff14;transform:scale(1.05)}.dl-spell-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:2000}.dl-spell-img{height:200px;position:absolute;width:200px}.dl-spell-img.fireball{animation:fireballFly 3s ease-in-out forwards;filter:drop-shadow(0 0 20px rgba(255,100,0,.8))}.dl-spell-img.iceball{animation:iceballFly 3s ease-in-out forwards;filter:drop-shadow(0 0 20px rgba(0,150,255,.8))}@keyframes fireballFly{0%{bottom:0;opacity:1;right:0;transform:scale(3)}to{bottom:100%;opacity:0;right:100%;transform:scale(.3)}}@keyframes iceballFly{0%{left:0;opacity:1;top:0;transform:scale(3)}to{left:100%;opacity:0;top:100%;transform:scale(.3)}}@font-face{font-family:ppWatch;font-style:normal;font-weight:400;src:url(/static/media/PPWatch-Regular.adafc1b4eecad351614d.otf) format("opentype")}@font-face{font-family:ppWatch;font-style:normal;font-weight:800;src:url(/static/media/PPWatch-Bold.ec87da3d5276e9a21cc9.otf) format("opentype")}@font-face{font-family:NeueMachina;font-style:normal;font-weight:400;src:url(/static/media/PPNeueMachina-InktrapRegular.01baa3a95952a01856a3.otf) format("opentype")}@font-face{font-family:NeueMachina;font-style:normal;font-weight:800;src:url(/static/media/PPNeueMachina-PlainUltraboldItalic.9c45816d0a456da1922e.otf) format("opentype")}.dc-root{background:radial-gradient(120% 100% at 50% 0,#1b1b1b 0,#111 60%,#0d0d0d 100%);color:#fff;font-family:ppWatch,sans-serif;height:100vh;height:100dvh;height:100svh;overflow-y:auto;padding:14px 12px 18px}.dc-top{align-items:center;display:flex;font-weight:800;justify-content:space-between;margin-bottom:20px}.dc-back-btn{background:none;border:1px solid #485563;border-radius:6px;color:#d1d4dc;cursor:pointer;font-family:ppWatch,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.dc-back-btn:hover{background-color:#26a69a1a;border-color:#26a69a;color:#26a69a}.dc-back-btn:active{background-color:#26a69a33}.dc-chart{color:#39ff6e;letter-spacing:.03em}.dc-menu{color:#e2e2e2}.dc-menu-container{align-items:center;display:flex;gap:10px}.dc-menu-logo{height:24px;margin-left:15px;width:24px}.dc-duel-info{color:#888;font-size:14px;font-weight:500;margin-bottom:15px;opacity:.8;text-align:center}.dc-avatar-container{align-items:center;display:flex;gap:8px;justify-content:center}.dc-avatar{border:1px solid #485563;border-radius:50%;height:24px;overflow:hidden;width:24px}.dc-avatar.small{height:16px;width:16px}.dc-avatar-img{height:100%;object-fit:cover;width:100%}.dc-avatar-fallback{align-items:center;background:linear-gradient(135deg,#26a69a,#2e7d6b);color:#fff;display:flex;font-size:12px;font-weight:800;height:100%;justify-content:center;width:100%}.dc-vs{color:#888;font-weight:500;margin:0 4px;opacity:.8}.dc-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#26a69a,#4caf50);background-clip:text;-webkit-background-clip:text;font-size:24px;font-weight:800;margin:0}.dc-subtitle{color:#888;font-size:14px;font-weight:500;margin:4px 0 0;opacity:.8}.dc-controls{align-items:center;display:flex;gap:10px;margin-bottom:10px}.dc-select{background-color:#1e222d;border:1px solid #485563;border-radius:6px;color:#d1d4dc;cursor:pointer;font-family:ppWatch,sans-serif;font-size:14px;min-width:120px;padding:8px 12px;transition:border-color .2s ease}.dc-select:focus{border-color:#26a69a;box-shadow:0 0 0 2px #26a69a33;outline:none}.dc-select:hover{border-color:#4caf50}.dc-chart-container{background-color:#0a0a0a;border:1px solid #485563;border-radius:8px;contain:layout style paint;height:600px;overflow:hidden;position:relative;transform:translateZ(0);width:100%;z-index:1}.dc-loading{color:#d1d4dc}.dc-loading,.dc-no-trades{font-size:16px;font-weight:500;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.dc-no-trades{color:#888;opacity:.8}.dc-error{align-items:center;color:#ef5350;display:flex;font-size:18px;font-weight:500;height:400px;justify-content:center;padding:20px;text-align:center}.dc-info{background-color:#1e222d;border:1px solid #485563;border-radius:8px;margin-top:20px;padding:15px}.dc-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:768px){.dc-info-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dc-legend-items{flex-direction:column;gap:10px}.dc-legend-item{font-size:11px}}.dc-info-item{display:flex;flex-direction:column;gap:4px}.dc-info-label{color:#888;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dc-info-value{color:#d1d4dc;font-size:14px;font-weight:600}.dc-legend{background-color:#1e222d;border:1px solid #485563;border-radius:8px;margin-top:15px;padding:15px}.dc-legend-title{color:#d1d4dc;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.dc-legend-items{display:flex;flex-wrap:wrap;gap:20px}.dc-legend-item{align-items:center;color:#d1d4dc;display:flex;font-size:12px;gap:8px}.dc-marker-sample{border-radius:50%;height:12px;position:relative;width:12px}.dc-marker-sample.challenger{background-color:#26a69a;box-shadow:0 0 4px #26a69a80}.dc-marker-sample.opponent{background-color:#ef5350;box-shadow:0 0 4px #ef535080}.dc-realtime-marker{box-shadow:0 0 4px #ffa72680;height:12px;position:relative;width:12px}.dc-realtime-dot,.dc-realtime-marker{background-color:#ffa726;border-radius:50%}.dc-realtime-dot{box-shadow:0 0 3px #ffa726b3;height:6px;margin:3px;width:6px}@media (max-width:768px){.dc-root{padding:10px 8px 14px}.dc-controls{justify-content:space-between;width:100%}.dc-select{flex:1 1;min-width:0}.dc-chart-container{height:400px;margin-top:1rem}.dc-info-grid{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.dc-title{font-size:20px}.dc-controls{align-items:stretch;flex-direction:column;gap:8px}.dc-select{width:100%}.dc-chart-container{height:350px;min-height:300px}}@media screen and (max-width:768px){.dc-root{min-height:100vh;min-height:100dvh;min-height:100svh}.dc-chart-container{box-sizing:border-box;will-change:transform}}@media screen and (display-mode:standalone){.dc-chart-container{touch-action:none}}.App{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app-container{display:flex;flex-direction:column;max-width:100%;min-height:100vh}.app-header{background:#000c;border-bottom:1px solid #333;padding:1rem;text-align:center}.app-header h1{font-size:1.5rem;font-weight:600;margin:0}.app-header p{color:#888;font-size:.9rem;margin:.5rem 0 0;opacity:.8}.header-actions{position:absolute;right:1rem;top:1rem}.chart-btn{background:linear-gradient(135deg,#26a69a,#4caf50);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.chart-btn:hover{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf504d}.app-main{flex:1 1;overflow-y:auto;padding:1rem}.dev-indicator{animation:devPulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff6b6b,#ffa726);border:2px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.view-duel-btn{background:#ff6f00;border:none;border-radius:2px;cursor:pointer;font-size:15px;font-weight:600;padding:1px 5px;transition:background-color .2s}.view-duel-btn:hover{background:#ff8f00}@keyframes devPulse{0%{box-shadow:0 2px 8px #ff6b6b4d}to{box-shadow:0 2px 12px #ff6b6b99}}.app-main section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1rem}.app-main h2{color:#4fc3f7;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.app-main h3{font-size:1rem;font-weight:500;margin:0 0 .5rem}.user-info{align-items:center;display:flex;gap:1rem}.user-avatar{border:2px solid #4fc3f7;border-radius:50%;height:90px;overflow:hidden;width:90px}.user-avatar img{height:100%;object-fit:cover;width:100%}.default-avatar{background:#4fc3f7;font-size:1.5rem}.user-details h3{color:#fff}.user-details p{color:#888;font-size:.9rem;margin:10px 0}.duel-info{display:flex;flex-direction:column;gap:1rem}.duel-opponent h3{color:#ff9800}.duel-opponent p:last-child{font-size:10px}.duel-positions{display:flex;gap:1rem;justify-content:space-between}.position{background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;flex:1 1;padding:.5rem;text-align:center}.position span{color:#ff9800;font-size:.9rem}.ws-status{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status{border-radius:6px;font-size:.9rem;font-weight:500;padding:.25rem .5rem}.status.connected{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.status.disconnected{background:#f443361a;border:1px solid #f443364d;color:#f44336}.last-message{background:#0000004d;border-radius:6px;padding:.5rem}.last-message h3{color:#4fc3f7;font-size:.9rem;margin:0 0 .5rem}.last-message pre{color:#ccc;font-size:.8rem;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.open-duel-item{grid-gap:1rem;align-items:center;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:1fr .5fr}.default-avatar{align-items:center;background:linear-gradient(135deg,#26a69a,#2e7d6b);color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.view-duel-btn{background:linear-gradient(135deg,#26a69a,#2e7d6b);color:#fff;font-size:12px;padding:10px;width:100%}.view-duel-btn:hover{background:linear-gradient(135deg,#2e7d6b,#26a69a);transform:translateY(-1px)}.chart-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff}.chart-btn:hover{background:linear-gradient(135deg,#29b6f6,#0277bd);transform:translateY(-1px)}.no-duels{color:#888;padding:2rem;text-align:center}.no-duels p{font-size:1rem;margin:.5rem 0}.no-duels p:first-child{color:#ccc;font-size:1.1rem}.app-footer{background:#000c;border-top:1px solid #333;padding:1rem;text-align:center}.close-btn{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.close-btn:hover{background:#d32f2f}.loading{color:#4fc3f7;padding:2rem}.error,.loading{text-align:center}.error{background:#f443361a;border:1px solid #f443364d;border-radius:6px;color:#f44336;padding:1rem}@media (max-width:480px){.app-main,.app-main section{padding:.75rem}.user-stats{justify-content:center}.duel-positions{flex-direction:column}}
/*# sourceMappingURL=main.ff9a9d40.css.map*/