html,body{margin:0;height:100%;overflow:hidden;background:#03111b}body{font-family:Nunito,system-ui,sans-serif;color:#e8fbff;user-select:none;-webkit-user-select:none}#riptide{position:fixed;top:0;right:0;bottom:0;left:0}#riptide canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}#riptide-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Lilita One,sans-serif;font-size:26px;letter-spacing:.5px;background:#03111b;color:#8fe9f7;z-index:50;transition:opacity .4s}#riptide-loading.gone{opacity:0;pointer-events:none}.rl-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.rl-hud button{pointer-events:auto;cursor:pointer}.rl-death:not(.show) button{pointer-events:none}.rl-flash{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 30px #ff2a4a;opacity:0}.rl-flash.on{animation:rl-flash .45s ease-out}@keyframes rl-flash{0%{opacity:.85}to{opacity:0}}.rl-topleft{position:absolute;top:14px;left:18px;text-shadow:0 2px 6px #000b}.rl-floor{font-family:Lilita One,sans-serif;font-size:22px;color:#ffd27a;letter-spacing:.4px}.rl-gold{display:flex;align-items:center;gap:7px;margin-top:4px;font-weight:800;font-size:17px;color:#ffe39a}.rl-gold i{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffc443 55%,#b8801c);box-shadow:0 0 8px #ffc44388}.rl-target{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .15s}.rl-target.show{opacity:1}.rl-target-name{font-weight:800;font-size:16px;text-shadow:0 2px 6px #000c;margin-bottom:5px}.rl-target-bar{width:260px;height:12px;border-radius:7px;background:#1a0b16cc;border:1px solid #ffffff30;overflow:hidden}.rl-target-bar i{display:block;height:100%;background:linear-gradient(#ff7ab8,#c2185b);transition:width .12s}.rl-topright{position:absolute;top:12px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rl-map{width:200px;height:200px;border-radius:50%;background:#021019b8;border:2px solid #7fe6ff44;box-shadow:0 4px 18px #0008}.rl-buttons{display:flex;gap:8px;align-items:center}.rl-fps{font:700 12px ui-monospace,monospace;color:#9fdcef;text-shadow:0 1px 4px #000}.rl-gear{font:800 13px Nunito,sans-serif;color:#cdefff;background:#04202ecc;border:1px solid #7fe6ff40;border-radius:10px;padding:6px 12px}.rl-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:flex-end;gap:18px}.rl-orb{position:relative;width:112px;height:112px;border-radius:50%;overflow:hidden;background:#1a0610;border:3px solid #ffd8ec66;box-shadow:0 6px 20px #000a,inset 0 0 18px #000c}.rl-orb-fill{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(#ff5f95,#b0123f);transition:height .2s}.rl-orb-fill.low{animation:rl-pulse .8s infinite alternate}@keyframes rl-pulse{to{filter:brightness(1.5)}}.rl-orb-fill i{position:absolute;left:-50%;top:-7px;width:200%;height:14px;border-radius:45%;background:#ff8ab4;animation:rl-wave 3s linear infinite}@keyframes rl-wave{0%{transform:translate(0)}to{transform:translate(25%)}}.rl-orb-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffffb0 0 9%,transparent 22%),radial-gradient(circle at 50% 120%,#ffffff22,transparent 60%)}.rl-hp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;font-size:15px;text-shadow:0 1px 4px #000}.rl-skills{display:flex;gap:8px;margin-bottom:6px}.rl-skill{position:relative;width:74px;height:74px;border-radius:14px;background:linear-gradient(#0d3a4f,#062330);border:2px solid #7fe6ff40;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 14px #0009}.rl-skill.ready{border-color:#9ff6ffaa}.rl-skill b{font-size:26px;line-height:1}.rl-skill span{font-size:11px;font-weight:800;margin-top:4px;color:#cdefff}.rl-skill kbd{position:absolute;top:3px;right:6px;font:800 10px Nunito,sans-serif;color:#ffd27a}.rl-cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px}.rl-banner{position:absolute;top:24%;left:0;right:0;text-align:center;opacity:0;transition:opacity .5s;text-shadow:0 3px 12px #000c}.rl-banner.show{opacity:1}.rl-banner h2{margin:0;font:400 46px Lilita One,sans-serif;color:#ffd27a;letter-spacing:1px}.rl-banner p{margin:6px 0 0;font-size:18px;font-weight:800;color:#cdefff}.rl-num{position:absolute;left:0;top:0;font:900 20px Nunito,sans-serif;color:#fff;text-shadow:0 2px 4px #000,0 0 8px #000a;white-space:nowrap;will-change:transform}.rl-num.crit{font-size:28px;color:#ffe066}.rl-num.hurt{color:#ff6b7d}.rl-num.heal{color:#7dff9b}.rl-num.gold{color:#ffd27a;font-size:16px}.rl-death{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1a000acc;opacity:0;pointer-events:none;transition:opacity .6s}.rl-death.show{opacity:1;pointer-events:auto}.rl-death div{text-align:center}.rl-death h2{margin:0;font:400 52px Lilita One,sans-serif;color:#ff8aa8}.rl-death p{font-size:17px;font-weight:700;color:#ffd6e0}.rl-death button,.rl-close{font:800 17px Nunito,sans-serif;color:#3a2200;background:#ffc85a;border:0;border-radius:12px;padding:11px 26px;margin-top:8px}.rl-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:#020b12b0;pointer-events:auto}.rl-menu.open{display:grid}.rl-panel{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#06202ef2;border:1px solid #7fe6ff40;border-radius:18px;padding:20px 22px;box-shadow:0 12px 40px #000b}.rl-panel h2{margin:0;font:400 30px Lilita One,sans-serif;color:#ffd27a}.rl-paused{margin:2px 0 14px;font-size:13px;font-weight:700;color:#9fdcef}.rl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #ffffff10}.rl-row label{font-weight:800;font-size:15px}.rl-seg{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.rl-seg button{font:800 13px Nunito,sans-serif;color:#cdefff;background:#ffffff10;border:0;border-radius:9px;padding:7px 12px}.rl-seg button.on{background:#ffc85a;color:#3a2200}.rl-slider{display:flex;align-items:center;gap:10px}.rl-slider input{width:180px;accent-color:#ffc85a}.rl-slider span{font-weight:800;min-width:44px;text-align:right}.rl-close{display:block;margin:16px auto 0}.rl-menu-buttons{display:flex;justify-content:center;gap:10px}.rl-menu-buttons .rl-close{margin:16px 0 0}.rl-hero{background:#2a6f8a;color:#e8fbff}.rl-select{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:radial-gradient(circle at 50% 30%,#0b3a50f0,#020c14f8);pointer-events:auto;overflow:auto;padding:16px;z-index:30}.rl-select.show{display:grid}.rl-select-panel{text-align:center;max-width:1100px}.rl-select h1{margin:0;font:400 44px Lilita One,sans-serif;color:#ffd27a;letter-spacing:1px;text-shadow:0 3px 12px #000a}.rl-select-sub{margin:4px 0 18px;font-weight:800;color:#9fdcef}.rl-cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.rl-card{width:300px;text-align:left;font-family:Nunito,sans-serif;color:#e8fbff;background:linear-gradient(#0e3d52,#072634);border:2px solid #7fe6ff33;border-radius:18px;padding:14px 16px 12px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.rl-card:hover{transform:translateY(-4px);border-color:#ffc85a;box-shadow:0 10px 30px #0009,0 0 24px #ffc85a33}.rl-card.on{border-color:#ffc85a88}.rl-card img{display:block;width:120px;height:120px;object-fit:cover;border-radius:22px;background:#021019;border:2px solid #7fe6ff33;margin:0 auto 8px;box-shadow:0 6px 14px #0008}.rl-card h3{margin:0;text-align:center;font:400 24px Lilita One,sans-serif;color:#ffd27a}.rl-role{text-align:center;font-weight:900;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#7fe6ff}.rl-tag{text-align:center;margin:4px 0 8px;font-size:14px;font-weight:700;color:#cdefff}.rl-stats{display:flex;justify-content:center;gap:16px;font-size:13px;font-weight:700;color:#9fdcef;margin-bottom:6px}.rl-stats b{color:#fff}.rl-card ul{list-style:none;margin:0;padding:0}.rl-card li{padding:6px 0;border-top:1px solid #ffffff12;font-size:14px}.rl-card li kbd{font:800 10px Nunito,sans-serif;color:#ffd27a;float:right;margin-top:3px}.rl-card li small{color:#a9cfdc;font-weight:600}.rl-touch{position:absolute;right:18px;bottom:150px;display:flex;flex-direction:column;gap:10px}.rl-touch button{width:72px;height:72px;border-radius:50%;border:2px solid #9ff6ffaa;background:radial-gradient(circle at 35% 30%,#bff9ff,#2aa9d6 60%,#0b4f6b);color:#03202c;font:800 13px Nunito,sans-serif;touch-action:none}.rl-potion{position:relative;width:58px;height:58px;margin-bottom:10px;border-radius:50%;border:2px solid #ff9fc0aa;background:radial-gradient(circle at 35% 30%,#5a1830,#250610);color:#ffe0ea;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 14px #0009}.rl-potion b{font-size:22px;line-height:1}.rl-potion span{font-weight:900;font-size:13px}.rl-potion kbd{position:absolute;top:2px;right:9px;font:800 10px Nunito,sans-serif;color:#ffd27a}.rl-potion.empty{opacity:.45}.rl-potion .rl-cd{border-radius:50%}.rl-toasts{position:absolute;left:18px;top:90px;display:flex;flex-direction:column;gap:5px}.rl-toast{font-weight:800;font-size:14px;background:#031722cc;border:1px solid #7fe6ff30;border-radius:9px;padding:5px 10px;text-shadow:0 1px 3px #000;transition:opacity .5s,transform .5s;animation:rl-in .25s ease-out}.rl-toast.out{opacity:0;transform:translate(-12px)}@keyframes rl-in{0%{opacity:0;transform:translate(-12px)}}.rl-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rl-label{position:absolute;left:0;top:0;font:800 13px Nunito,sans-serif;white-space:nowrap;background:#020c14c0;border-radius:6px;padding:2px 7px;text-shadow:0 1px 2px #000}.rl-bag{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:#020b12a0;pointer-events:auto;z-index:20}.rl-bag.open{display:grid}.rl-bag-panel{width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 30px);overflow:auto;background:#06202ef4;border:1px solid #7fe6ff40;border-radius:18px;padding:16px 20px;box-shadow:0 12px 40px #000b}.rl-bag-head{display:flex;align-items:center;gap:14px}.rl-bag-head h2{margin:0;flex:1;font:400 28px Lilita One,sans-serif;color:#ffd27a}.rl-bag-gold{display:flex;align-items:center;gap:6px;font-weight:900;font-size:18px;color:#ffe39a}.rl-bag-gold i{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffc443 55%,#b8801c)}.rl-bag-x{font-size:18px;color:#cdefff;background:#ffffff12;border:0;border-radius:9px;width:34px;height:34px}.rl-bag-body{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px}.rl-bag-left{flex:0 0 280px}.rl-bag-right{flex:1;min-width:300px}.rl-bag h3{margin:8px 0 6px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#7fe6ff}.rl-equip{display:flex;gap:8px;flex-wrap:wrap}.rl-eq{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:800;color:#9fdcef}.rl-cell{width:50px;height:50px;border-radius:10px;background:#021019;border:2px solid #ffffff14;display:grid;place-items:center;cursor:pointer}.rl-cell.full{border-color:var(--rc);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 28%,transparent),#021019 75%);box-shadow:inset 0 0 10px color-mix(in srgb,var(--rc) 30%,transparent)}.rl-cell.full:hover{transform:scale(1.06)}.rl-cell b{font-size:24px}.rl-cell i{font-style:normal;font-size:20px;opacity:.22}.rl-grid{display:grid;grid-template-columns:repeat(8,50px);gap:6px}.rl-totals{display:grid;grid-template-columns:auto auto;gap:3px 14px;margin:0;font-size:14px}.rl-totals dt{color:#9fdcef;font-weight:700}.rl-totals dd{margin:0;font-weight:900;text-align:right}.rl-bag-help{font-size:12px;font-weight:700;color:#8fb8c6;margin:10px 0 0}.rl-tip{position:fixed;display:none;z-index:40;max-width:290px;background:#041824f5;border:1px solid #7fe6ff50;border-radius:12px;padding:10px 13px;box-shadow:0 10px 30px #000c;pointer-events:none;font-size:14px}.rl-tip h4{margin:0;font:400 19px Lilita One,sans-serif}.rl-tip-sub{font-size:12px;font-weight:800;color:#8fb8c6;margin-bottom:6px}.rl-tip ul{list-style:none;margin:0;padding:0}.rl-tip-base li{font-weight:900}.rl-tip-bonus li{color:#8fc7ff;font-weight:800}.rl-tip-cmp{margin-top:7px;padding-top:6px;border-top:1px solid #ffffff18;font-size:13px}.rl-tip-cmp .up{color:#7dff9b;font-weight:800}.rl-tip-cmp .down{color:#ff7d8e;font-weight:800}.rl-tip-value{margin-top:6px;font-size:12px;font-weight:800;color:#ffd27a}.rl-town-who{margin:2px 0 8px;font-size:14px;font-weight:700;font-style:italic;color:#bfe6f2}.rl-town .rl-bag-left{flex:0 0 300px}.rl-town .rl-stash-left{flex:1 1 420px}.rl-shop{grid-template-columns:repeat(4,50px)}.rl-cell{position:relative}.rl-cell em{position:absolute;right:3px;bottom:1px;font:900 11px Nunito,sans-serif;font-style:normal;color:#ffd27a;text-shadow:0 1px 2px #000}.rl-price{position:absolute;left:0;right:0;bottom:-15px;text-align:center;font:900 11px Nunito,sans-serif;color:#ffe39a}.rl-price.dear{color:#ff8a8a}.rl-shop{row-gap:20px}.rl-buy-potion,.rl-anvil button{display:block;width:100%;text-align:left;font:800 15px Nunito,sans-serif;color:#3a2200;background:#ffc85a;border:0;border-radius:11px;padding:9px 12px;margin-bottom:8px;cursor:pointer}.rl-buy-potion small,.rl-anvil button small{display:block;font-size:12px;font-weight:700;opacity:.8}.rl-buy-potion:disabled,.rl-anvil button:disabled{background:#3a4b55;color:#9fb4bd;cursor:default}.rl-anvil-item{background:#021019;border:1px solid #ffffff18;border-radius:12px;padding:9px 11px;margin-bottom:10px}.rl-anvil-item h4{margin:0;font:400 18px Lilita One,sans-serif}.rl-anvil-item ul{list-style:none;margin:0;padding:0;font-size:13px}.rl-anvil-item .rl-tip-sub{font-size:12px;font-weight:800;color:#8fb8c6;margin-bottom:4px}.rl-anvil-item .rl-tip-bonus li{color:#8fc7ff}.rl-anvil-item .rl-tip-value{font-size:12px;font-weight:800;color:#ffd27a;margin-top:4px}.rl-eq.sel .rl-cell,.rl-gridcell.sel .rl-cell{outline:3px solid #ffc85a;outline-offset:1px}.rl-dive{display:flex;flex-direction:column;gap:10px;width:100%;max-width:460px;margin:4px auto 6px}.rl-dive button{text-align:left;font-family:Nunito,sans-serif;color:#e8fbff;background:linear-gradient(#0e4a62,#083042);border:2px solid #7fe6ff40;border-radius:14px;padding:12px 16px;cursor:pointer}.rl-dive button:hover{border-color:#ffc85a}.rl-dive button b{display:block;font:400 22px Lilita One,sans-serif;color:#ffd27a}.rl-dive button small{font-size:13px;font-weight:700;color:#a9cfdc}.rl-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rl-ptag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;font:800 13px Nunito,sans-serif;color:#e8fbff;text-shadow:0 1px 3px #000;white-space:nowrap}.rl-ptag i{display:block;width:54px;height:6px;border-radius:4px;background:#1a0610cc;overflow:hidden;border:1px solid #ffffff30}.rl-ptag b{display:block;height:100%;background:linear-gradient(#7dff9b,#2fbf5a)}.rl-online{position:absolute;top:62px;left:50%;transform:translate(-50%);font:800 14px Nunito,sans-serif;color:#bfefff;background:#031722e0;border:1px solid #7fe6ff50;border-radius:12px;padding:5px 6px 5px 14px;white-space:nowrap;display:none;align-items:center;gap:10px;box-shadow:0 4px 14px #0008}.rl-online b{color:#ffd27a;letter-spacing:2px;font-size:16px}.rl-room-row b{color:#ffd27a;letter-spacing:2px}.rl-invite{font:800 12px Nunito,sans-serif;color:#3a2200;background:#ffc85a;border:0;border-radius:8px;padding:5px 10px}.rl-online b{color:#ffd27a;letter-spacing:1px}.rl-play{margin:16px auto 0;max-width:620px}.rl-modes{justify-content:center}.rl-modes button{font-size:15px;padding:9px 16px}.rl-play-online{display:flex;justify-content:center;gap:14px;margin-top:10px;flex-wrap:wrap}.rl-play-online label{font-weight:800;font-size:14px;color:#9fdcef;display:flex;align-items:center;gap:8px}.rl-play-online input{font:800 16px Nunito,sans-serif;color:#e8fbff;background:#021019;border:1px solid #7fe6ff50;border-radius:9px;padding:6px 10px;width:150px}.rl-code{letter-spacing:3px;text-transform:uppercase;width:110px!important}.rl-play-hint{margin:8px 0 0;font-weight:700;font-size:13px;color:#a9cfdc}.rl-select-err{margin:4px 0 0;min-height:18px;font-weight:800;color:#ff9a8a}.rl-party{margin-top:8px;display:flex;flex-direction:column;gap:4px}.rl-party div{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:#e8fbff;text-shadow:0 1px 3px #000}.rl-party span{min-width:90px}.rl-party i{display:block;width:90px;height:7px;border-radius:4px;background:#1a0610cc;overflow:hidden;border:1px solid #ffffff30}.rl-party b{display:block;height:100%;background:linear-gradient(#ff7aa8,#c2185b)}.rl-party .dead span{color:#ff9a8a;text-decoration:line-through}.rl-xp{position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:min(560px,70vw);height:14px;border-radius:7px;background:#020c14d8;border:1px solid #ffd27a55;overflow:hidden}.rl-xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a8700f,#ffcf5a);transition:width .3s}.rl-xp span{position:absolute;top:0;right:0;bottom:0;left:0;line-height:13px;text-align:center;font:800 10px Nunito,sans-serif;color:#fff4d0;text-shadow:0 1px 2px #000,0 0 3px #000}.rl-bottom{bottom:24px}.rl-skill.locked{filter:grayscale(.9) brightness(.6)}.rl-skill em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:900 12px Nunito,sans-serif;font-style:normal;color:#ffe39a;text-shadow:0 1px 3px #000;background:#020c1499;border-radius:12px}.rl-num.xp{color:#ffd27a;font-size:14px}.rl-boss{position:absolute;top:100px;left:50%;transform:translate(-50%);width:min(620px,80vw);text-align:center;opacity:0;transition:opacity .4s;pointer-events:none}.rl-boss.show{opacity:1}.rl-boss span{display:block;font:400 24px Lilita One,sans-serif;color:#ff9ad8;letter-spacing:1px;text-shadow:0 2px 8px #000;margin-bottom:4px}.rl-boss i{display:block;height:16px;border-radius:9px;background:#1a0614d8;border:2px solid #ff9ad870;overflow:hidden;box-shadow:0 4px 14px #000a}.rl-boss b{display:block;height:100%;background:linear-gradient(#ff7ad8,#8a1a6a);transition:width .2s}@media(max-width:760px){.rl-grid{grid-template-columns:repeat(6,44px)}.rl-cell{width:44px;height:44px}.rl-map{width:120px;height:120px}.rl-floor{font-size:17px}.rl-skill{width:56px;height:56px}.rl-skill span{display:none}.rl-orb{width:84px;height:84px}.rl-target-bar{width:170px}.rl-banner h2{font-size:32px}}