:root{--color-bg: #050a14;--color-primary: #00ffff;--color-secondary: #00ff00;--color-accent: #ffd700;--color-cream: rgb(251, 245, 207);--color-cyan: rgb(0 244 255 / 91%);--color-purple: rgb(155 104 255 / 93%);--color-warning: rgba(255, 122, 104, .93);--color-green: rgba(0, 255, 17, .61);--color-panel: rgba(10, 20, 40, .85);--color-text: #ffffff;--color-text-dim: #888;--shadow-glow: 0 0 10px var(--color-primary);--shadow-glow-gold: 0 0 10px var(--color-accent)}body{padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:Michroma,sans-serif;overflow-x:hidden;display:grid;width:100%;max-width:480px;margin:0 auto;min-height:100dvh}header{color:#c0ebff;padding-top:.6rem;background:linear-gradient(to right,#050a14,#000714);margin:0;padding-bottom:.6rem;display:none}#app-2d{display:grid;color:#c0ebff;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-height:100vh;box-sizing:border-box;margin:0;padding:1rem}hr{width:inherit;background-color:#2c3443eb;border:none;height:1px}.dagbox-container{display:flex;flex-direction:column;gap:0px;transition:transform .2s,box-shadow .2s;height:100%}.dagbox-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(216,236,241,.18);padding:0px .5rem 1rem}.dagbox-header h2{margin:0;color:#94d0ff;font-size:1.2em;font-weight:bolder;text-wrap-mode:nowrap}.stats{font-size:.8rem;color:var(--color-text-dim);text-align:right}.active-cells{display:none}.stats span{color:var(--color-secondary)}.dagbox-controls{display:flex;flex-wrap:wrap;gap:0px;align-items:center;justify-content:space-between;margin:.7rem .35rem .5rem}.connect-control{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;opacity:1}.connect-control.connected,.connect-control.connected:hover{color:#0f0;background-color:#00ff000a;border:1px solid rgba(0,255,58,.22);box-shadow:unset!important}.connect-control.disconnected{color:#ff9a6d;background-color:#ff4f0030;border:1px solid rgba(255,79,0,.74)}.connect-control.disconnected:hover{opacity:1;color:#fff!important;background-color:#ff4f008a!important;border:1px solid rgba(0,0,0,.9)!important;box-shadow:#ff4f00ab 0 0 10px!important}.indicator{height:.75rem;width:.75rem;border-radius:50%}.connect-control.disconnected .indicator{background-color:#ff4c00cf}.connect-control.disconnected:hover .indicator{background-color:#ff4c00}.connect-control.connected .indicator{background-color:#0f0}.config-n{background:#00000080;border:1px solid var(--color-primary);color:var(--color-primary);padding:5px;width:50px;text-align:center}.mode-buttons{display:flex;gap:5px}button{background:#00ffff12;color:var(--color-primary);padding:5px 10px;cursor:pointer;font-family:inherit;font-size:.7rem;transition:.2s;border:1px solid rgba(0,255,255,.46);border-collapse:collapse}button:hover{background:var(--color-primary);color:#000}@media(hover:hover){button:hover:not(:disabled){background:var(--color-primary);color:#000;box-shadow:0 0 10px var(--color-primary)}}button:disabled{cursor:not-allowed}.dagbox-grid{display:grid;gap:.3rem;padding:5px;aspect-ratio:1 / 1;position:relative}.cell{background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:.1s;color:#ffffff4d;flex-direction:column;position:relative;text-align:center}.free-mass{background-color:#000!important;color:#fcf0b1!important}.cell:hover{background:#0ff3;color:#fff}.cell.orange{background:#ffd7004d;color:var(--color-accent)}.cell.gold{background:#ffdc009c;color:#000}.cell.cream{background-color:var(--color-cream);color:#000}.cell.cream:hover{background-color:#fffdf3}.cell.green{background:var(--color-green);color:#2d1b01}.cell.cyan{background:var(--color-cyan);color:#000}.cell.cyan:hover{background:#00f4ff}.cell.purple{background:#9b68ffed;color:#000}.cell.purple:hover{background:#a375ff}.cell.wait{background:var(--color-warning);color:#000}.cell.wait:hover{background:var(--color-warning)}.cell.cyan .cell-id,.cell.cyan:hover .cell-id,.cell.gold .cell-id,.cell.gold:hover .cell-id,.cell.cream .cell-id,.cell.cream:hover .cell-id,.cell.green .cell-id,.cell.green:hover .cell-id,.cell.purple .cell-id,.cell.purple:hover .cell-id,.cell.wait .cell-id,.cell.wait:hover .cell{color:#000}.cell-id{position:absolute;top:.25rem;right:.25rem;color:#00ffffc7;font-size:.8em}.cell:hover .cell-id{color:#0ff}.agent-stake{position:absolute;bottom:.25rem;left:.25rem}.cell-total{font-weight:700;font-size:clamp(.5rem,1.25rem,1.7rem)}.cell-ticker{font-size:clamp(.4rem,.6rem,1rem)}.cell-total-symbol>div{display:block;text-align:center}.grid-mode-container{position:relative}.info-panel-container,.rules-panel-container,.mode-container,.wallet-connect-container,.popup-message-mode{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;background-color:#03091461;position:absolute;bottom:0;top:0;height:100%}.mode-container{justify-content:flex-start;align-items:start}.info-panel-buttons-container{margin:.5rem 0px 1.5rem 1rem;width:100%}.info-panel-buttons{display:flex;flex-direction:row;gap:0px;justify-content:flex-start;width:100%;border-bottom:1px solid rgba(0,255,255,.46)}.info-panel-buttons button{border-bottom:none!important}.info-panel-buttons button.selected{background-color:var(--color-primary);color:#000}.stats-panel{display:grid;grid-template-columns:1fr;gap:1rem;background-color:#030914b0;align-items:flex-start;margin-left:.3rem;justify-content:flex-start}.stats-panel>div{display:grid;grid-template-columns:10rem 1fr;gap:1rem}.stats-panel .network{text-transform:uppercase}.game-history-panel{visibility:visible;position:absolute;top:4rem;width:100%}.data-table-container.scrollable{max-height:360px;overflow-y:auto}.data-table-container.scrollable .data-table{border-collapse:separate;border-spacing:0px}.data-table-container.scrollable thead,.data-table-container.scrollable tfoot{position:sticky;top:0;z-index:5}.data-table-container.scrollable tfoot{bottom:0}.data-table-container.scrollable::-webkit-scrollbar{display:initial;height:.4rem;width:.4rem}.data-table-container.scrollable::-webkit-scrollbar-thumb,.rpc_query::-webkit-scrollbar-thumb{background:#00734e;border-radius:.5em}.data-table-container.scrollable::-webkit-scrollbar-thumb:hover,.rpc_query::-webkit-scrollbar-thumb:hover{background:#7afad3}.data-table{font-size:.7em;text-transform:none;color:#09b3fd;width:100%;margin:0;border-collapse:collapse}.data-table th{border-right:1px solid rgb(42,69,94);padding:.5rem;margin-bottom:0;text-transform:uppercase;font-size:.8em;letter-spacing:.05rem}.data-table th,.data-table tfoot td{background-color:#001017;color:#7da1b4}.data-table td{background-color:#032030ba;padding:.4rem .6rem;margin-bottom:4px;border-right:1px solid rgb(42,69,94)}.data-table th:nth-child(1),.data-table td:nth-child(1){border-left:none}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table tbody tr:hover td{cursor:pointer;color:#bbe1ff;background-color:#113656bf!important}.data-table tfoot td{text-align:right;padding-right:1rem}.game-history-table .won{color:#74ff74}.game-history-table .lost{color:#ffa283}.game-history-table tbody tr td{text-align:right}.game-history-table tbody tr td:last-child{text-align:center}.game-history-table tbody tr td:first-child{text-align:left}.agent-container{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 5px 0px}.agent-container>div{display:flex;flex-direction:row;gap:2rem;padding:.5rem;background-color:#b5d1ff17}.agent-container>div>div{display:flex;gap:.05rem;flex-direction:column}.agent-container .label{font-size:.5rem}.agent-container>div>div>div:last-child{font-size:.75rem}.info-panel-container>div:last-child{display:flex;width:100%;justify-content:center;align-items:center;border-top:1px solid rgba(192,235,255,.27);padding-top:1rem;margin-top:1.15rem}.info-panel-container>div>div{font-size:.8rem}.info-panel-container .active-agent{font-size:1.2rem}.rules-panel-container{height:80vh;font-size:1.2rem;line-height:1.65rem;color:#c0ebffa8;margin-top:0;padding-top:0;justify-content:flex-start}.rules-container{display:flex;flex-direction:column;gap:1rem;font-family:Outfit;overflow-y:scroll;padding:1rem;max-height:75%;justify-content:flex-start}.rules-container>section{margin:0}.rules-container>section>h3{padding:0;margin:1rem 0px 0px;color:#42b5ea;font-size:1.4rem}.btn-popup-message-cancel{margin-top:3rem}.rule{margin-top:.5rem}.rules-container ol{display:flex;flex-direction:column;gap:1rem;margin:0}.rules-close-button-container{margin:1rem 0px}.warning{color:#ffb300}.open-mode,.sealed-mode,.popup-message-mode{display:none}.cell-detail-mode,.unlocked-mode,.sealed-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.block-countdown{display:none;flex-direction:row;align-items:center;z-index:10;place-content:flex-start center;width:100%;position:absolute;visibility:hidden;opacity:0;transition:opacity .25s ease-in,visibility ease-in .25s}.block-countdown.show{visibility:visible;animation-name:fadeInOpacity;animation-duration:1s;animation-timing-function:ease-in;animation-fill-mode:forwards;display:flex!important}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.sealed-mode .block-countdown{background-color:#050a14e6;bottom:133px;padding:1rem 0px}.sealed-mode .block-countdown .progress-ring__circle{stroke:#65aced!important}.unlocked-won .block-countdown .progress-ring__circle{stroke:#aacdda!important}.unlocked-lost .block-countdown .progress-ring__circle{stroke:#f73333e0!important}.unlocked-watched .block-countdown .progress-ring__circle{stroke:#1dbaf2!important}.unlocked-watched .block-countdown,.unlocked-won .block-countdown,.unlocked-lost .block-countdown{padding:1rem 0px}.unlocked-won .block-countdown{background-color:#050a14de;bottom:120px;padding:1rem 0px}.unlocked-lost .block-countdown{background-color:#050a14a1;bottom:90px;padding:1rem 0px}.unlocked-watched .block-countdown{background-color:#050a14a1;bottom:55px;padding:1rem 0px}.unlocked-watched .circular-progress,.unlocked-won .circular-progress,.unlocked-lost .circular-progress{margin:0}.unlock-buttons-container{display:none;flex-direction:row;gap:1rem;z-index:10;margin-top:1.5rem}.open-mode,.sealed-mode,.unlocked-mode,.cell-detail-mode{width:-webkit-fill-available;color:#c0ebff;box-shadow:#04091475 1px 2px 20px 1px}.unlocked-mode{margin-top:.75rem}.sealed-mode .label,.unlocked-mode .label{font-size:.75rem;color:#b7e4fc}.sealed-info{display:flex;width:100%;justify-content:space-between}.key-cell-reward>div{display:flex;flex-direction:column}.key-cell-reward>div{text-align:center}.sealed-mode .key-cell-reward>div>:last-child,.unlocked-mode .reward,.unlocked-mode .key-cell-id,.total-winners-count{font-size:1.4rem;font-weight:700}.sealed-mode .key-cell-reward>div>:last-child{font-size:1.1rem}.unlocked-info{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:0px 1rem}.unlocked-info .key-cell-reward,.sealed-info .key-cell-reward{display:flex;flex-direction:row;gap:1rem;place-content:flex-start space-between;width:100%;align-items:flex-start;margin-top:.5rem}.video-segue{width:100%;height:100%}.video-segue video{object-fit:contain;overflow-clip-margin:content-box;overflow:clip;width:100%}.sealed-mode .video-segue video{top:-180px}.agent-award{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.agent-award>div:first-child{font-size:1.3rem;color:#27d22d;font-family:outfit;display:none}.agent-award>div:nth-child(2){font-size:1rem}.agent-award>div:last-child{font-size:1.25rem;font-weight:700;color:#7efff6e8}.agent-award>.ticker{display:inline-block;font-size:.8rem}.key-cell-id{font-size:2rem}.sealed-mode .mode-title,.unlocked-mode .mode-title{font-size:1.5rem;font-weight:700;display:none}.unlocked-mode.unlocked-won .mode-title{color:#27d22d}.unlocked-mode.unlocked-lost .mode-title{color:#e7481c}.unlocked-won .reward{color:#aacdda}.unlocked-lost .reward{color:#ff5a5a}.unlocked-watched .reward{color:#1dbaf2}.unlocked-info .message{display:none;text-align:center;font-size:.6rem}.unlocked-mode .reward .hud-ticker{font-size:.8rem}.notification-with-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.upper-message,.lower-message{text-align:center;font-size:.9rem}.upper-message{margin:0px 1rem .5rem}.lower-message{margin:1.25rem 1rem 0px}.mode-title{font-size:1.2rem;color:#c0ebff}.circular-progress{position:relative;display:flex;justify-content:center;align-items:center;margin-top:1rem}.progress-ring{width:180px;height:180px}.progress-ring__backing-circle{stroke:#ffffff2b;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s linear}.progress-ring__circle{stroke:#0f1c;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s linear}.progress-value{position:absolute;font-size:1rem;font-weight:700;color:#c0ebff;vertical-align:middle;margin-bottom:.1rem}.progress-container{width:100%;background-color:#f3f3f3;overflow:hidden;height:1.5rem;margin-top:.75rem}.progress-value-container{position:absolute;display:flex;font-size:clamp(.4rem,.65rem,.75rem);color:#c0ebff;flex-direction:column;align-items:center;gap:.4rem}.progress-value-container .progress-value{position:relative;font-size:clamp(1rem,1.75rem,2rem)}.progress-bar{background-color:#7a4caf;color:#f1eaffed;text-align:center;height:100%;transition:width .4s;font-size:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.notification-with-progress .progress-ring__circle{animation:3s linear 0s infinite normal none running rotate-ring}@keyframes rotate-ring{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(max-width:600px){#app-2d{grid-template-columns:1fr}}.dagbox-cell-detail{display:flex;flex-direction:column;gap:15px;padding:0;background:#0006;min-height:200px;align-items:stretch}.dagbox-cell-detail h3{margin:0;color:var(--color-primary);text-align:center;padding:.5rem;background-color:#00beff12}.section-title{font-size:.6rem;color:#84868c;text-transform:uppercase;margin-bottom:5px}.posts-list{flex-grow:1;display:flex;flex-direction:column;gap:5px;max-height:200px;overflow-y:auto}.post-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:5px 8px;border-radius:4px;font-size:.8rem}.post-row span{color:#fff}.no-posts{font-style:italic;color:#555;text-align:center;padding:10px}.add-post-section{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.input-group{display:flex;gap:0px}.stake-input{background:#0000;border:1px solid rgb(68,68,68);color:#00a2ed;padding:5px;border-radius:0;flex-grow:1;font-family:inherit;font-size:1.1rem;width:10rem}.add-transaction-section .section-title{display:none}.add-transaction-section{display:flex;flex-direction:column}.stake-input:focus{outline:none;border:1px solid rgba(118,176,255,.3);border-collapse:collapse}.btn-add{background:#76b0ff;color:#000;border:none;font-weight:700}.btn-add:hover{background:#3f3;box-shadow:0 0 10px var(--color-secondary)}.btn-delete{background:#f003;color:#f55;border:1px solid rgb(119,34,34);font-size:.6rem;padding:2px 5px}.btn-delete:hover{background:#ff000080;color:#fff}.btn-back{width:fit-content;padding:.5rem}.cell-detail-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.btn-back:hover{background:var(--color-primary);color:#000}.dagbox-unlock-panel{display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:4px;min-height:250px;align-items:stretch;position:absolute;inset:0;z-index:10;height:100%}.last-unlock-result{text-align:center;border-bottom:2px solid var(--color-accent);padding-bottom:10px;margin-bottom:5px}.last-unlock-result h3{margin:0 0 10px;color:var(--color-accent);text-shadow:0 0 5px var(--color-accent)}.unlock-key{font-size:1.2rem;color:#fff}.unlock-amount{font-size:1.1rem;font-weight:700;color:var(--color-secondary)}.unlock-winners{font-size:.8rem;color:#aaa;margin-top:5px;word-break:break-all}.btn-new-round{background:var(--color-primary);color:#000;border:none;font-weight:700;padding:10px;margin-top:auto;cursor:pointer;transition:.2s}.btn-new-round:hover{background:#fff;box-shadow:0 0 15px var(--color-primary)}.no-history{text-align:center;color:#555;font-style:italic;margin-top:20px}.dagbox-sealed-overlay{position:absolute;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:5;border-radius:8px;pointer-events:none}.blurred{filter:blur(5px);transition:filter .5s;opacity:.6}.blurred-more{filter:blur(6px);transition:filter .5s;opacity:.1}.sealed-message{text-align:center;background:#000c;padding:20px;border:1px solid var(--color-primary);border-radius:8px;box-shadow:0 0 20px var(--color-primary)}.sealed-message h3{margin:0 0 10px;color:#f33;text-shadow:rgb(255,0,0) 0px 0px 10px;font-size:1.5rem}.countdown-text{color:#fff;font-size:1rem}.countdown-number{color:var(--color-primary);font-weight:700;font-size:1.2rem}.status-message{display:flex;flex-direction:column;gap:10px}.error{color:#d9f6f7;font-weight:700;font-size:.7rem}.hud-ticker{font-size:.6rem}.label{font-size:.6rem;display:inline-block;color:#a7fcff}.legend-container,.legend-container>div{display:flex;flex-flow:wrap;gap:1rem;font-size:clamp(.35rem,.5rem,.75rem);justify-content:flex-start;padding:0px .25rem;margin-top:.4rem}.legend-container>div{gap:.5rem;background-color:unset}.legend-container>div:last-child{padding-right:.3rem}.swatch{width:.75rem;height:.75rem}.mine .swatch{background-color:var(--color-cyan)}.theirs .swatch{background-color:var(--color-cream)}.ours>.swatch{background-color:var(--color-purple)}.wait>.swatch{background-color:var(--color-warning)}.key>.swatch{background-color:var(--color-green)}.agent-info-container{font-size:.8rem;color:#aaa;margin-top:.75rem}.wallet-connect-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.wallet-connect-info{font-size:.8rem;color:#aaa;padding:1rem 0px 0px}.qr-code{max-width:240px;max-height:240px;margin-bottom:1.3rem}.qr-code-container{display:flex;flex-direction:column;align-items:center;margin-top:1.25rem}.qr-data-container{display:none;margin:1rem;text-wrap:wrap;max-width:640px;width:auto;min-width:480px;font-size:.8rem;text-align:left;border:1px solid rgb(204,204,204);padding:1rem}.copy-legacy-qr-data-button{margin-top:1.5rem}.copy-qr-data-button,.wallet-connect-cancel{margin-top:1rem}.popup-message-mode{display:none}a{color:var(--color-primary);text-decoration:none}.dagbox-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:end;gap:1rem;margin-top:auto;flex-grow:1;margin-bottom:.5rem}.xelis-logo{font-family:Michroma,Nimbus-ExtLight,sans-serif;text-transform:uppercase;display:flex;gap:.5rem;flex-direction:row;align-items:center;font-size:1rem;color:#2fdcb0;padding:0px 5px 0px .18rem}.xelis-type{font-size:1.3rem}.blockchain{color:#d3f5ff;font-size:.55rem}.powered-by{font-family:Caveat,sans-serif;font-weight:700;font-size:clamp(1rem,1.4rem,1.75rem)}.startup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.5rem;text-align:center}.return-container{margin:2rem 0px;display:flex;gap:.75rem}.error-title{color:#ff3e00;font-size:1rem}.seal-conditions-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.seal-conditions-list li{margin-bottom:1rem}.btn-show-seal-conditions,.btn-hide-seal-conditions{margin-top:1rem;text-transform:uppercase}.btn-hide-seal-conditions{margin-bottom:1rem}.wallet-error-container{font-size:.9rem;margin:0rem auto 0px}.low-limit{margin-top:1.5rem;display:none;text-align:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none;margin:0}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb:hover{background:#93d6ff}::-webkit-scrollbar-thumb{background:#386883f3;height:8px;width:8px;border-radius:4px}::-webkit-scrollbar-track{border-radius:.5em;width:2px}.animated-background{animation:2s ease 0s 1 alternate none running colorChange}.btn-unlock-details{display:none}@keyframes colorChange{0%{background-color:#00f4ff1f}45%{background-color:#050a14}60%{background-color:#050a14}}.icon{width:2em;height:2em}.icon-button{display:block;cursor:pointer;font-size:.75rem;padding:0px .4rem;color:#00fdfd!important}.btn-sound:hover{background-color:#00ffff12!important;color:#00fdfd!important;box-shadow:unset!important}.sound-on .icon{position:relative;top:2px}.sound-off .icon{position:relative;top:1px}.rotated-box-3d{width:200px;height:200px;perspective:600px}.cube{width:100%;height:100%;position:relative;animation:rotate-cube 10s infinite linear;transform-style:preserve-3d}.cube>div{background-color:#151c29;border:2px solid #6bffff;border-radius:2rem;box-shadow:0 0 8px 4px #94ddff9c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transform-style:preserve-3d}.cube-lost .face{background-color:#3c130a}.cube-lost .cube>div{border:2px solid #e7481c;box-shadow:0 0 8px 4px #ffac9582;color:#fff;transform-style:preserve-3d}.cube-title,.progress-value-header,.progress-value-footer,.progress-value{backface-visibility:hidden}.face{position:absolute;width:150px;height:150px;border:1px solid #555;background-size:cover;background-position:center}.front{transform:rotateY(0) translateZ(100px)}.back{transform:rotateY(180deg) translateZ(100px)}.right{transform:rotateY(90deg) translateZ(100px)}.left{transform:rotateY(-90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes rotate-cube{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(360deg)}}.sealed-mode .cube-segue .progress-value-container{position:relative}.sealed-mode .cube-segue .progress-value-container>div{position:relative;backface-visibility:hidden}