@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root,.App,body{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0}.App{background-color:#000}.App.dropping{background-color:#111}.Body,.BodyV{height:auto;left:calc(50% - 66.66667vh);width:133.3333333333vh}.Body,.Body .inner,.BodyV{position:absolute;top:0;bottom:0}.Body .inner{left:0;right:0}@media (max-aspect-ratio:4/3){.Body{top:calc(50% - 37.5vw);height:75vw}.Body,.BodyV{left:0;right:0;width:auto}}.BodyV{pointer-events:none}@media (min-aspect-ratio:3/1){.App.keyboard .Body .inner{position:absolute;left:50%;top:50%;width:75vw;height:56.25vw;transform:translate(-50%,-70%)}}.App canvas{width:100%;height:100%;cursor:none;visibility:hidden}.App.started canvas{visibility:visible}.App .keyboard{position:absolute;pointer-events:auto;background:transparent;color:transparent;border:none;outline:none;z-index:100;display:none;cursor:none}.App .keyboard::selection{background:transparent;color:transparent}.App.keyboard .keyboard{display:block}.App .error,.App .loading,.App .start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.App .error,.App .start{max-width:90%;max-height:90%;overflow-y:auto;pointer-events:auto}.App .start{border:1px solid #5a4930;padding:22px;color:#fff;font-size:18px;text-align:left;background:linear-gradient(180deg,rgba(10,8,12,.97),rgba(0,0,0,.97));box-shadow:0 0 40px rgba(150,34,20,.22);width:min(820px,92vw)}.App .start p{margin:10px 0}.App .start.solLanding{max-height:94%}.App .start .brandLockup{display:flex;align-items:center;grid-gap:18px;gap:18px;margin-bottom:12px}.App .start .brandLogo{width:96px;height:96px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 16px rgba(239,70,34,.34))}.App .start h1{font-size:42px;line-height:1;margin:0 0 8px;font-weight:700;letter-spacing:0}.App .start .tokenBadge{display:inline-block;border:1px solid #8b6f38;color:#f5d37b;background:#17110c;font-family:monospace;font-size:18px;padding:4px 10px}.App .start .pitch{color:#c9beb0;line-height:1.45;max-width:680px;margin-bottom:18px}.App .start .landingGrid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,300px);grid-gap:14px;gap:14px;align-items:stretch}.App .start .economyGrid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-gap:14px;gap:14px;margin-top:14px}.App .start .infoPanel,.App .start .launchPanel,.App .start .walletPanel{border:1px solid #392f29;padding:14px;background:rgba(5,5,8,.9)}.App .start .launchPanel{display:flex;flex-direction:column;justify-content:center;grid-gap:8px;gap:8px}.App .start .panelLabel{color:#a79b8a;font-size:14px;margin-bottom:8px;text-transform:uppercase}.App .start .walletAddress{color:#fff;font-family:monospace;font-size:18px;margin-bottom:8px}.App .start .gateStatus{color:#ffb07c;font-size:15px;margin-bottom:6px}.App .start .gateStatus.passed{color:#81e6a1}.App .start .balanceLine{color:#f5d37b;font-family:monospace;font-size:14px;margin-bottom:10px}.App .start .walletActions{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.App .start .walletButton{border:1px solid #7e5cff;background:#110d1f;color:#fff;cursor:pointer;font-size:16px;padding:6px 12px;min-width:150px}.App .start .walletButton.secondary{border-color:#4c4032;background:#090909;min-width:120px}.App .start .walletButton:hover:not(:disabled){background-color:#111}.App .start .walletButton:disabled{border-color:#555;color:#777;cursor:default}.App .start .walletInstall{display:block;font-size:14px;margin-top:8px}.App .start .walletError{color:#f33;font-size:14px;margin-top:8px}.App .start .rewardMetric{display:flex;justify-content:space-between;grid-gap:12px;gap:12px;color:#c9beb0;font-size:15px;margin-bottom:8px}.App .start .rewardMetric strong{color:#fff7df;font-weight:700;text-align:right}.App .start .rewardTiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:12px 0}.App .start .rewardTiers div{border:1px solid #4c4032;padding:8px;text-align:center}.App .start .rewardTiers span,.App .start .rewardTiers strong{display:block}.App .start .rewardTiers span{color:#a79b8a;font-size:12px}.App .start .rewardTiers strong{color:#f5d37b;font-size:16px}.App .start .rewardPanel p{color:#a79b8a;font-size:14px;line-height:1.35;margin:0}.App .start .leaderboardPanel table{border-collapse:collapse;width:100%}.App .start .leaderboardPanel table td{border-bottom:1px solid #24201d;color:#c9beb0;font-size:13px;padding:7px 4px;white-space:nowrap}.App .start .leaderboardPanel table td:first-child,.App .start .leaderboardPanel table td:last-child{color:#f5d37b}.App .start .leaderboardPanel table td:last-child{text-align:right}.App .start .landingMeta,.App .start .statusLine,.App .start .utilityLinks{color:#a79b8a;font-size:14px}.App .start .statusLine{margin:0 0 8px}.App .start .landingMeta{border-top:1px solid #2b2522;margin-top:14px;padding-top:12px;text-align:center}.App .start .utilityLinks{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px;gap:10px;margin-top:10px;text-align:center}.App .start .startButton{display:block;border:1px solid #9f7d3c;background:#050505;color:#fff;font-size:20px;line-height:1.2;padding:10px 14px;cursor:pointer;width:100%;box-sizing:border-box;text-align:center}.App .start .startButton:hover:not(:disabled){background-color:#17110c}.App .start .startButton:disabled{border-color:#4c4032;color:#70675d;cursor:default}.App .start .startButton.primary{background:#7c1f16;border-color:#f1c15f;color:#fff7df}.App .start .startButton.secondary{font-size:16px}.App .start .saveList{border:1px solid #fff;text-align:left}.App .start .saveList li{padding:0 6px}.App .start .saveList li .info{color:#888;margin-left:6px}.App .start .saveList li .btnRemove{color:#800}.App .start .saveList li .btnRemove:hover{color:red}.App .start .saveList li .btnRemove{float:right;cursor:pointer;margin:0 4px}.App .start .saveList li .btnDownload{color:#888}.App .start .saveList li .btnDownload:hover{color:#fff}.App .start .saveList li .btnDownload{float:right;cursor:pointer;margin:0 4px}.App .start .saveList li:hover{background-color:#444}@media (max-width:720px){.App .start{padding:16px}.App .start .brandLockup{align-items:flex-start}.App .start .brandLogo{width:72px;height:72px}.App .start h1{font-size:32px}.App .start .economyGrid,.App .start .landingGrid,.App .start .rewardTiers{grid-template-columns:1fr}}.App .gameHud{position:absolute;left:12px;top:12px;display:flex;grid-gap:8px;gap:8px;pointer-events:none}.App .gameHud div{border:1px solid rgba(159,125,60,.7);background:rgba(0,0,0,.72);color:#fff;padding:7px 10px}.App .gameHud span,.App .gameHud strong{display:block;line-height:1.2}.App .gameHud span{color:#a79b8a;font-size:11px;text-transform:uppercase}.App .gameHud strong{color:#f5d37b;font-size:13px}.App .error{display:block;border:1px solid #800;background:#300;padding:12px;color:#f33;font-size:18px;text-align:center}.App .error:hover{text-decoration:none}.App .error .header{font-weight:700;font-size:1.2em;margin-bottom:.3em}.App .error .body{font-family:monospace}.App .error .footer{margin-top:.5em;font-size:.8em}.App .loading{color:#888;font-size:32px;text-align:center;width:75%}.App .loading .progressBar{display:block;position:absolute;margin-top:16px;width:100%;height:40px;border:2px solid #888}.App .loading .progressBar span{position:absolute;left:3px;top:3px;bottom:3px;right:3px}.App .loading .progressBar span span{position:absolute;left:0;top:0;bottom:0;background-color:#888}.App .link,.App a{display:inline-block;color:#7070ff;text-decoration:none}.App .link:hover,.App a:hover{text-decoration:underline}.App .link,.App a{cursor:pointer}.App .touch-ui{display:none;pointer-events:none;position:absolute;top:0;bottom:0;width:25vh}.App .touch-ui .touch-button{position:absolute;left:50%;background-color:#444;transform:translate(-50%,-50%);pointer-events:auto}.App .touch-ui .touch-button.active{background-color:#fff}.App .touch-ui .touch-button{-webkit-mask-size:100% 100%;mask-size:100% 100%}.App .touch-ui .touch-button-0{top:15vh}.App .touch-ui .touch-button-1{top:35vh}.App .touch-ui .touch-button-2{top:55vh}.App .touch-ui .touch-button-3{top:70vh;left:5vw}.App .touch-ui .touch-button-4{top:70vh;left:11vw}.App .touch-ui .touch-button-5{top:85vh;left:5vw}.App .touch-ui .touch-button-6{top:85vh;left:11vw}.App .touch-ui.touch-mods{left:0}.App .touch-ui.touch-mods .touch-button{width:15vh;height:15vh;border-radius:10vh}.App .touch-ui.touch-mods .touch-button-0{-webkit-mask-image:url(../../static/media/move.929662bf.svg);mask-image:url(../../static/media/move.929662bf.svg)}.App .touch-ui.touch-mods .touch-button-1{-webkit-mask-image:url(../../static/media/rmb.32efdf49.svg);mask-image:url(../../static/media/rmb.32efdf49.svg)}.App .touch-ui.touch-mods .touch-button-2{-webkit-mask-image:url(../../static/media/shift.41ff50a3.svg);mask-image:url(../../static/media/shift.41ff50a3.svg)}.App .touch-ui.touch-mods .touch-button-3{-webkit-mask-image:url(../../static/media/f5.bab75548.svg);mask-image:url(../../static/media/f5.bab75548.svg)}.App .touch-ui.touch-mods .touch-button-4{-webkit-mask-image:url(../../static/media/f6.e1aa3b74.svg);mask-image:url(../../static/media/f6.e1aa3b74.svg)}.App .touch-ui.touch-belt{right:0}.App .touch-ui.touch-belt .touch-button{width:12vh;height:12vh;font-size:1vh;border-radius:20%;overflow:hidden;background-color:#000;border:2px solid #444}.App .touch-ui.touch-belt .touch-button canvas{position:absolute;left:5%;top:5%;width:90%;height:90%}.App .touch-ui.touch-belt .touch-button:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:20%;box-shadow:inset 0 0 1em 1.5em #000}.App .touch-ui.fkeys-left{left:0;top:auto;bottom:0;height:35vh}.App .touch-ui.fkeys-left .touch-button{width:15vh;height:15vh;position:absolute;left:50%;background-color:#444;transform:translate(-50%,-50%);pointer-events:auto}.App .touch-ui.fkeys-left .touch-button.active{background-color:#fff}.App .touch-ui.fkeys-left .touch-button{-webkit-mask-size:100% 100%;mask-size:100% 100%}.App .touch-ui.fkeys-left .touch-button-3{top:0;transform:translate(-50%);-webkit-mask-image:url(../../static/media/f5.bab75548.svg);mask-image:url(../../static/media/f5.bab75548.svg)}.App .touch-ui.fkeys-left .touch-button-4{top:60%;-webkit-mask-image:url(../../static/media/f6.e1aa3b74.svg);mask-image:url(../../static/media/f6.e1aa3b74.svg)}.App .touch-ui.fkeys-right{left:auto;top:auto;right:0;bottom:0;height:35vh}.App .touch-ui.fkeys-right .touch-button{width:15vh;height:15vh;position:absolute;left:50%;background-color:#444;transform:translate(-50%,-50%);pointer-events:auto}.App .touch-ui.fkeys-right .touch-button.active{background-color:#fff}.App .touch-ui.fkeys-right .touch-button{-webkit-mask-size:100% 100%;mask-size:100% 100%}.App .touch-ui.fkeys-right .touch-button-5{top:0;transform:translate(-50%);-webkit-mask-image:url(../../static/media/f7.0982d30d.svg);mask-image:url(../../static/media/f7.0982d30d.svg)}.App .touch-ui.fkeys-right .touch-button-6{top:60%;-webkit-mask-image:url(../../static/media/f8.46a49f13.svg);mask-image:url(../../static/media/f8.46a49f13.svg)}.App.touch .touch-ui{display:block}.App.touch.keyboard .touch-ui{display:none}.App:not(.started){background:#000 url(/diablos-bg.png) 50%/cover no-repeat fixed}.App:not(.started) .Body{visibility:hidden}.App:not(.started) .BodyV{left:0;right:0;width:auto;overflow-y:auto;overflow-x:hidden;pointer-events:auto}.landingShell{--gold:#d8a95a;--gold-dim:#8f6b39;--ember:#e34b23;--blood:#6f160e;--blood-dark:#270907;--panel:rgba(13,11,9,0.88);--panel-strong:rgba(8,7,6,0.94);--line:rgba(165,106,55,0.42);--text:#efe2c5;--muted:#a99a82;min-height:100%;color:var(--text);padding:22px 30px 18px;box-sizing:border-box;background:transparent}.landingShell,.landingShell button{font-family:Georgia,Times New Roman,serif}.landingShell button{letter-spacing:.06em;text-transform:uppercase}.landingShell .topNav{width:min(100%,1440px);margin:0 auto 18px;display:flex;align-items:center;justify-content:flex-end;min-height:48px}.landingShell .navWallet{display:flex;align-items:center;grid-gap:10px;gap:10px;border:1px solid var(--line);background:rgba(6,4,4,.76);padding:4px;color:var(--gold);font-size:14px}.landingShell .navWallet span{padding:0 10px;white-space:nowrap}.landingShell .navWallet button{border:1px solid #9d3d22;color:#fff7dc;background:linear-gradient(180deg,#6f1a11,#2b0907);padding:10px 16px;cursor:pointer;box-shadow:inset 0 0 16px rgba(255,104,52,.18),0 0 18px rgba(147,32,15,.18)}.landingShell .landingFooter,.landingShell .landingMain,.landingShell .landingMeta,.landingShell .lowerPanels,.landingShell .utilityLinks{width:min(100%,1440px);margin-left:auto;margin-right:auto}.landingShell .landingMain{display:grid;grid-template-columns:minmax(330px,430px) minmax(620px,1fr);grid-gap:28px;gap:28px;align-items:stretch}.landingShell .brandColumn{min-height:650px;padding:20px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 8%,rgba(220,57,24,.18),transparent 38%),linear-gradient(180deg,rgba(5,4,4,.25),rgba(0,0,0,.72))}.landingShell .brandColumn .heroLogo{width:min(410px,96%);margin:0 auto 18px;filter:drop-shadow(0 0 28px rgba(230,50,20,.36))}.landingShell .brandColumn h1{max-width:330px;margin:0;color:#f1dcc1;font-size:31px;line-height:1.16;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 18px #000}.landingShell .brandColumn p{max-width:330px;margin:16px 0;color:#d1c2a9;font-family:Arial,sans-serif;font-size:16px;line-height:1.45}.landingShell .realmColumn{display:grid;grid-template-rows:minmax(415px,1fr) auto;grid-gap:18px;gap:18px}.landingShell .diabloPanel{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,120,45,.08),transparent 22%),linear-gradient(180deg,var(--panel),var(--panel-strong));box-shadow:inset 0 0 0 1px rgba(255,221,156,.045),inset 0 0 42px rgba(0,0,0,.8),0 18px 42px rgba(0,0,0,.45)}.landingShell .diabloPanel:after,.landingShell .diabloPanel:before{content:"";position:absolute;width:24px;height:24px;border-color:rgba(196,106,54,.72);pointer-events:none}.landingShell .diabloPanel:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.landingShell .diabloPanel:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.landingShell .panelLabel{color:var(--gold);font-size:15px;letter-spacing:.1em;text-transform:uppercase}.landingShell .walletPanel{width:100%;padding:18px 18px 20px;box-sizing:border-box}.landingShell .walletPanel .gateRequirement{margin:14px auto 16px;display:grid;justify-items:center;color:#d7c29d}.landingShell .walletPanel .gateRequirement strong{color:#d33924;font-size:32px;line-height:1;text-shadow:0 0 18px rgba(221,42,20,.38)}.landingShell .walletPanel .gateRequirement span:not(.gateSigil){color:#f0d4a2;font-size:18px;letter-spacing:.08em}.landingShell .walletPanel .gateRequirement small{color:var(--muted);font-family:Arial,sans-serif;font-size:12px;letter-spacing:.1em;margin-top:8px;text-transform:uppercase}.landingShell .walletPanel .gateSigil,.landingShell .walletPanel .miniSigil{display:block;width:54px;height:54px;margin-bottom:10px;background:radial-gradient(circle,transparent 39%,#b64a24 40% 42%,transparent 43%),linear-gradient(45deg,transparent 42%,#c77732 43% 57%,transparent 58%),linear-gradient(-45deg,transparent 42%,#c77732 43% 57%,transparent 58%);filter:drop-shadow(0 0 12px rgba(223,73,28,.45))}.landingShell .walletPanel .balanceLine,.landingShell .walletPanel .walletAddress{color:#d7c29d;font-family:Arial,sans-serif;font-size:13px;text-align:center}.landingShell .walletPanel .gateStatus{margin:10px 0 6px;color:#dc7c44;font-size:13px;letter-spacing:.08em;text-align:center;text-transform:uppercase}.landingShell .walletPanel .gateStatus.passed{color:#b8df4e}.landingShell .walletPanel .walletActions{justify-content:center}.landingShell .walletPanel .walletButton{width:100%;min-height:46px;border:1px solid #9d3d22;color:#fff5de;background:linear-gradient(180deg,#7a2117,#2b0907);box-shadow:inset 0 0 18px rgba(255,116,57,.22)}.landingShell .walletPanel .walletButton.secondary{width:auto;min-height:36px;background:#160c09}.landingShell .walletPanel .walletError,.landingShell .walletPanel .walletInstall{font-family:Arial,sans-serif;text-align:center}.landingShell .livePreview{overflow:hidden;min-height:415px}.landingShell .livePreview img{width:100%;height:100%;min-height:415px;object-fit:cover;display:block;filter:contrast(1.08) saturate(1.08)}.landingShell .livePreview .previewTop{display:none;position:absolute;left:28px;right:28px;top:22px;display:flex;justify-content:space-between;grid-gap:16px;gap:16px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.landingShell .livePreview .previewTop span{font-size:15px}.landingShell .livePreview .previewTop strong{font-size:13px;text-align:right}.landingShell .livePreview .previewTop strong small{display:block;color:#cbbda8;font-size:11px;margin-top:4px}.landingShell .livePreview .previewHud{display:none;position:absolute;left:36px;right:36px;bottom:24px;display:grid;grid-template-columns:120px 1fr 120px;align-items:end;grid-gap:18px;gap:18px}.landingShell .livePreview .orb{aspect-ratio:1;border-radius:50%;border:2px solid rgba(192,147,96,.72);display:grid;place-items:center;color:#f0dfc4;font-family:Arial,sans-serif;font-size:12px;box-shadow:inset 0 0 34px rgba(0,0,0,.82),0 0 22px rgba(0,0,0,.7)}.landingShell .livePreview .orb.red{background:radial-gradient(circle at 40% 35%,#aa3828,#2a0505 68%)}.landingShell .livePreview .orb.blue{background:radial-gradient(circle at 40% 35%,#315778,#06101b 68%)}.landingShell .livePreview .skillBar{min-width:0;display:grid;grid-template-columns:repeat(8,minmax(34px,1fr));grid-gap:8px;gap:8px;align-items:end}.landingShell .livePreview .skillSlot{aspect-ratio:1;border:1px solid rgba(201,134,69,.65);background:radial-gradient(circle at 50% 45%,rgba(238,84,28,.65),transparent 35%),linear-gradient(180deg,#25130d,#090606);box-shadow:inset 0 0 14px #000;position:relative}.landingShell .livePreview .skillSlot span{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);color:#d9c7a8;font-family:Arial,sans-serif;font-size:11px}.landingShell .livePreview .xpLine{grid-column:1/-1;margin-top:18px;display:flex;justify-content:center;grid-gap:26px;gap:26px;color:#e6d2b2;font-family:Arial,sans-serif;font-size:12px}.landingShell .livePreview .xpLine:before{content:"";position:absolute;width:min(360px,45%);height:6px;bottom:18px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#31130a,#e98a2f 48%,#1c0d08 49%);border:1px solid rgba(201,134,69,.4)}.landingShell .accessSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.landingShell .accessStep{min-height:132px;padding:16px 16px 14px;display:grid;grid-template-columns:30px 1fr;grid-gap:12px;gap:12px;border:1px solid rgba(126,82,44,.45);background:rgba(10,8,7,.88)}.landingShell .accessStep.active{border-color:rgba(217,86,38,.72);box-shadow:inset 0 0 28px rgba(153,44,20,.14)}.landingShell .accessStep.unlocked.active{border-color:rgba(180,215,64,.68);box-shadow:inset 0 0 28px rgba(180,215,64,.12)}.landingShell .accessStep .stepNumber{width:24px;height:24px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:13px}.landingShell .accessStep h3{margin:0 0 8px;color:#d86c39;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.landingShell .accessStep p,.landingShell .accessStep small{margin:0 0 10px;color:#c9bca5;font-family:Arial,sans-serif;font-size:13px;line-height:1.45}.landingShell .accessStep strong{color:var(--gold);display:block;font-family:Georgia,Times New Roman,serif;font-size:18px;margin-top:4px}.landingShell .ghostButton,.landingShell .ironButton{border:1px solid rgba(178,111,54,.78);color:#f3dfbd;background:linear-gradient(180deg,#4b1c0e,#140907);box-shadow:inset 0 0 18px rgba(255,110,48,.13);cursor:pointer}.landingShell .ghostButton:disabled,.landingShell .ironButton:disabled{opacity:.45;cursor:default}.landingShell .ironButton{min-height:42px;padding:0 22px}.landingShell .ironButton.compact{min-height:34px;width:100%;font-size:12px}.landingShell .ironButton.enter{width:100%;color:#fff8cf;background:linear-gradient(180deg,#5f6a19,#171e08);border-color:rgba(207,226,84,.76);box-shadow:inset 0 0 22px rgba(214,236,62,.18),0 0 22px rgba(214,236,62,.14)}.landingShell .ironButton.muted{background:linear-gradient(180deg,#3a1b0e,#130907)}.landingShell .lowerPanels{margin-top:18px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr) minmax(320px,1fr);grid-gap:12px;gap:12px}.landingShell .infoPanel{min-height:212px;padding:18px;box-sizing:border-box}.landingShell .infoPanel p{color:#c9bca5;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.landingShell .rewardPanel{overflow:hidden}.landingShell .rewardPanel>img{position:absolute;right:18px;top:46px;width:150px;opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);mask-image:linear-gradient(90deg,transparent,#000 25%)}.landingShell .rewardPanel p{max-width:245px}.landingShell .rewardPanel .rewardStats{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;max-width:300px}.landingShell .rewardPanel .rewardStats span{border:1px solid rgba(165,106,55,.34);background:rgba(0,0,0,.38);color:#a99a82;font-family:Arial,sans-serif;font-size:11px;padding:6px 8px;text-transform:uppercase}.landingShell .rewardPanel .rewardStats strong{display:block;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:12px;margin-top:3px}.landingShell .rewardPanel .rewardFlow{position:relative;z-index:1;margin-top:16px;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;color:var(--gold);text-align:center}.landingShell .rewardPanel .rewardFlow small{display:block;margin-top:8px;color:#c9bca5;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.landingShell .rewardPanel .flowIcon{display:inline-block;width:30px;height:30px;border:1px solid var(--gold-dim);transform:rotate(45deg);background:radial-gradient(circle,rgba(224,83,34,.58),transparent 62%)}.landingShell .rewardPanel .flowArrow{color:var(--gold);font-size:22px}.landingShell .rewardPanel .ghostButton{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-width:220px;min-height:30px;background:rgba(10,8,7,.82)}.landingShell .panelHeading{display:flex;justify-content:space-between;align-items:center}.landingShell .panelHeading button{border:0;color:#d7c5a7;background:transparent;cursor:pointer;font-size:11px}.landingShell .leaderboardPanel table{width:100%;border-collapse:collapse;margin-top:8px;font-family:Arial,sans-serif}.landingShell .leaderboardPanel td,.landingShell .leaderboardPanel th{padding:7px 6px;border-bottom:1px solid rgba(100,68,43,.34);color:#cfc0a6;font-size:12px;text-align:left;white-space:nowrap}.landingShell .leaderboardPanel th{color:#81745f;font-size:10px;font-weight:400;text-transform:uppercase}.landingShell .leaderboardPanel td:last-child{color:#e5843d;text-align:right}.landingShell .leaderboardPanel .youRow td{background:rgba(104,9,8,.52);color:#ffe4bd;border-top:1px solid rgba(226,62,37,.45);border-bottom:1px solid rgba(226,62,37,.45)}.landingShell .lobbyPanel{overflow:hidden}.landingShell .lobbyPanel>img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;opacity:.42;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}.landingShell .lobbyPanel .ironButton,.landingShell .lobbyPanel .modeGrid,.landingShell .lobbyPanel .panelLabel,.landingShell .lobbyPanel p{position:relative;z-index:1}.landingShell .lobbyPanel p{max-width:280px}.landingShell .lobbyPanel .modeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:24px;color:#c9bca5;font-size:11px;text-align:center;text-transform:uppercase}.landingShell .lobbyPanel .modeIcon{display:block;width:28px;height:28px;margin:0 auto 8px;border:1px solid var(--gold-dim);border-radius:50%;background:radial-gradient(circle,rgba(226,84,31,.42),transparent 65%)}.landingShell .lobbyPanel .ironButton{position:absolute;left:18px;right:18px;bottom:14px}.landingShell .landingMeta{margin-top:14px;padding:12px 18px;flex-wrap:wrap;border-top:1px solid rgba(165,106,55,.32);border-bottom:1px solid rgba(165,106,55,.18);color:#a99a82;text-align:center}.landingShell .landingMeta,.landingShell .utilityLinks{display:flex;grid-gap:14px;gap:14px;justify-content:center;font-family:Arial,sans-serif;font-size:12px}.landingShell .utilityLinks{margin-top:9px;color:var(--gold);text-transform:uppercase}.landingShell .utilityLinks .link{cursor:pointer}.landingShell .landingFooter{margin-top:12px;min-height:86px;display:grid;grid-template-columns:1fr auto minmax(360px,1.25fr);align-items:center;grid-gap:22px;gap:22px;border-top:1px solid rgba(165,106,55,.22);background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(72,25,12,.18),rgba(0,0,0,.3))}.landingShell .landingFooter .footerCall{display:grid;grid-template-columns:58px 1fr;grid-column-gap:14px;column-gap:14px;align-items:center}.landingShell .landingFooter .footerCall .miniSigil{grid-row:span 2}.landingShell .landingFooter .footerCall span:last-child,.landingShell .landingFooter .footerCall strong,.landingShell .landingFooter .socials span{display:block;letter-spacing:.12em;text-transform:uppercase}.landingShell .landingFooter .socials span{margin-bottom:10px;color:#cbbda8}.landingShell .landingFooter .socials div{display:flex;grid-gap:12px;gap:12px}.landingShell .landingFooter .socials a{width:36px;height:30px;border:1px solid rgba(165,106,55,.35);color:#d7c5a7;background:rgba(0,0,0,.55);display:grid;place-items:center;text-decoration:none;font-family:Arial,sans-serif;font-size:12px}.landingShell .landingFooter .contractAddress{display:flex;min-width:0;align-items:center;justify-content:flex-end;grid-gap:10px;gap:10px;color:#cbbda8;font-family:Arial,sans-serif;font-size:11px}.landingShell .landingFooter .contractAddress span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.landingShell .landingFooter .contractAddress strong{min-width:0;overflow-wrap:anywhere;color:#efe2c5;font-weight:400;letter-spacing:.04em}@media (max-width:1200px){.App:not(.started) .landingShell .topNav .navWallet button{width:46px;min-width:46px;height:42px;padding:0;font-size:0}.landingShell{padding:18px 14px}.landingShell .topNav{justify-content:flex-end;margin-bottom:12px}.landingShell .navWallet span{display:none}.landingShell .navWallet button{width:46px;height:42px;overflow:hidden;padding:0;font-size:0}.landingShell .navWallet button:after{content:"▣";font-size:20px}.landingShell .landingFooter,.landingShell .landingMain,.landingShell .lowerPanels{grid-template-columns:1fr}.landingShell .brandColumn{min-height:auto;padding-top:0}.landingShell .brandColumn .heroLogo{width:min(330px,92vw)}.landingShell .brandColumn h1{font-size:19px}.landingShell .brandColumn p{font-size:14px}.landingShell .realmColumn{grid-template-rows:auto}.landingShell .livePreview,.landingShell .livePreview img{min-height:190px}.landingShell .livePreview .previewHud{display:none}.landingShell .livePreview .previewTop{left:16px;right:16px;top:14px}.landingShell .accessSteps{grid-template-columns:1fr}.landingShell .lowerPanels{margin-top:12px}.landingShell .leaderboardPanel{overflow-x:auto}.landingShell .lobbyPanel>img,.landingShell .rewardPanel>img{opacity:.28}.landingShell .landingFooter{text-align:center}.landingShell .landingFooter .footerCall{grid-template-columns:1fr}.landingShell .landingFooter .footerCall .miniSigil{margin:0 auto 10px}.landingShell .landingFooter .contractAddress,.landingShell .landingFooter .socials div{justify-content:center}.landingShell .landingFooter .contractAddress{flex-direction:column}}@media (max-aspect-ratio:11/6){.App .touch-ui{width:calc(50vw - 66.66667vh)}}@media (max-aspect-ratio:26/15){.App .touch-ui{width:20vh}}@media (max-aspect-ratio:4/3){.App .touch-ui{width:auto;height:20vw}.App .touch-ui .touch-button{top:55%}.App .touch-ui .touch-button-0{left:16.7vw}.App .touch-ui .touch-button-1{left:50vw}.App .touch-ui .touch-button-2{left:83.3vw}.App .touch-ui.touch-mods{top:auto;right:0}.App .touch-ui.touch-mods .touch-button{width:20vw;height:20vw;border-radius:10vw}.App .touch-ui.touch-belt{bottom:auto;left:0}.App .touch-ui.touch-belt .touch-button{width:14vw;height:14vw;font-size:1vw}.App .touch-ui.fkeys-left{left:0;bottom:15vh;width:50%;height:12vh}.App .touch-ui.fkeys-left .touch-button{height:12vh;width:12vh}.App .touch-ui.fkeys-left .touch-button-3{left:25%}.App .touch-ui.fkeys-left .touch-button-4{top:50%;left:75%}.App .touch-ui.fkeys-right{left:auto;right:0;bottom:15vh;width:50%;height:12vh}.App .touch-ui.fkeys-right .touch-button{height:12vh;width:12vh}.App .touch-ui.fkeys-right .touch-button-5{left:25%}.App .touch-ui.fkeys-right .touch-button-6{top:50%;left:75%}}@media (max-aspect-ratio:20/23){.App .touch-ui{height:calc(50vh - 37.5vw)}}@media (max-aspect-ratio:4/5){.App .touch-ui{height:35vw}}