:root{--bg: #07040c;--panel: #150d1f;--panel2: #1f1430;--line: #3a2650;--text: #e8dcf0;--muted: #9a88b0;--blood: #c0182a;--gold: #ffd040;--green: #40e060;--px: "Press Start 2P", monospace;--vt: "VT323", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--vt);font-size:20px}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;image-rendering:pixelated;display:block;cursor:crosshair}button,input,select{font-family:var(--px);font-size:11px;color:var(--text)}[hidden]{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px;background:radial-gradient(ellipse at 50% 20%,#50143c59,#05020aeb 70%);z-index:10}.menu-inner{width:100%;max-width:620px}.logo{position:relative;text-align:center;margin:8px 0 18px}.logo h1{font-family:var(--px);font-size:clamp(22px,5vw,38px);line-height:1.35;margin:0;color:#f0e0ff;text-shadow:3px 3px 0 var(--blood),6px 6px 0 #000;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#logo{display:block;width:min(640px,92vw);height:auto;margin:0 auto;image-rendering:pixelated;animation:logoPulse 3.2s ease-in-out infinite;transform-origin:50% 60%;border-radius:4px;-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 55%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 55%,#000 55%,transparent 78%)}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){#logo{animation:none}}.logo h1 .ooo{color:var(--gold);text-shadow:3px 3px 0 #6a2a00,6px 6px 0 #000}.logo-wrap{position:relative;display:inline-block;line-height:0}.logo-wrap .io{font-family:var(--px);color:var(--gold);font-size:clamp(9px,1.9vw,16px);line-height:1;position:absolute;right:2%;top:72%;transform:rotate(-8deg);text-shadow:2px 2px 0 #000;pointer-events:none}#splash .logo-wrap .io{font-size:clamp(11px,2.4vw,22px)}.logo-moon{width:64px;height:64px;margin:0 auto 10px;background:#f0e8c8;box-shadow:0 0 40px 10px #f0dca059,inset -12px -6px #d8c8a0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.panel{background:var(--panel);border:3px solid var(--line);box-shadow:6px 6px #000;padding:16px}.panel h3{font-family:var(--px);font-size:11px;color:var(--muted);margin:16px 0 8px;text-transform:uppercase}.row{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.row.between{justify-content:space-between;margin-top:0}.row.center{justify-content:center}input,select{background:#0c0714;border:2px solid var(--line);padding:10px;outline:none}input:focus,select:focus{border-color:#8050c0}#name{flex:1;min-width:160px;font-size:13px}.code{width:110px;text-transform:uppercase;letter-spacing:3px;text-align:center}.coins{font-family:var(--px);font-size:13px;color:var(--gold);white-space:nowrap}.check{font-family:var(--px);font-size:10px;display:flex;gap:4px;align-items:center;color:var(--muted)}.check input{width:16px;height:16px}.btn{background:var(--panel2);border:2px solid var(--line);padding:10px 14px;cursor:pointer;box-shadow:3px 3px #000;transition:transform .05s}.btn:hover{border-color:#8050c0}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn.big{display:block;width:100%;margin-top:16px;font-size:16px;padding:16px;background:var(--blood);border-color:#ff5060;color:#fff;text-shadow:2px 2px 0 #000}.btn.tiny{padding:5px 8px;font-size:9px}.btn:disabled{opacity:.4;cursor:not-allowed}.chars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.chars.small{grid-template-columns:repeat(6,1fr)}.char{background:#0c0714;border:3px solid var(--line);padding:6px 4px;text-align:center;cursor:pointer;position:relative;min-width:0;overflow-wrap:anywhere}.char canvas{width:54px;height:70px;image-rendering:pixelated;display:block;margin:0 auto}.chars.small .char canvas{width:44px;height:58px}.char .cname{font-family:var(--px);font-size:8px;margin-top:4px;line-height:1.4}.char .ctitle{font-size:14px;color:var(--muted)}.char.sel{border-color:var(--gold);background:#22162e}.char.locked canvas{filter:brightness(.25) grayscale(1)}.char .lock{position:absolute;inset:auto 0 6px;font-family:var(--px);font-size:8px;color:var(--gold)}.charinfo{margin-top:10px;background:#0c0714;border:2px dashed var(--line);padding:8px 10px;font-size:18px;line-height:1.2}.charinfo b{font-family:var(--px);font-size:10px;color:var(--gold)}.charinfo .stats{color:var(--muted)}.charinfo .cls{font-family:var(--px);font-size:10px;color:#d8c0ff;margin-bottom:6px;letter-spacing:.5px}.charinfo .charpage{display:inline-block;margin-top:8px;font-family:var(--px);font-size:10px;color:var(--gold);text-decoration:none;border:2px solid var(--gold);padding:5px 8px;background:#1a1028}.charinfo .charpage:hover{background:var(--gold);color:#1a1028}.menu-inner{position:relative}.homebtn{position:absolute;top:0;left:0;z-index:2}.skins{display:flex;gap:6px;flex-wrap:wrap}.skin{border:2px solid var(--line);background:#0c0714;padding:4px 8px;cursor:pointer;font-size:17px;display:flex;gap:6px;align-items:center}.skin .sw{width:14px;height:14px;border:2px solid #000}.skin.sel{border-color:var(--gold)}.skin.locked{opacity:.6}.skin .price{color:var(--gold)}.rooms{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.rooms .room{font-size:16px;background:#0c0714;border:1px solid var(--line);padding:3px 8px;cursor:pointer}.rooms .room:hover{border-color:var(--gold)}details{margin-top:14px}summary{font-family:var(--px);font-size:11px;cursor:pointer;color:var(--muted)}.medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;margin-top:8px}.medal{background:#0c0714;border:2px solid var(--line);padding:6px;font-size:16px;line-height:1.1;opacity:.45}.medal.got{opacity:1;border-color:var(--gold)}.medal .mi{font-size:22px}.medal b{font-family:var(--px);font-size:8px;display:block;margin:3px 0}.error{color:#ff6070;font-family:var(--px);font-size:10px;margin-top:10px;min-height:12px}.help{text-align:center;color:var(--muted);font-size:17px;line-height:1.4}.help b{color:var(--text)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud button{pointer-events:auto}#topleft{position:absolute;left:12px;top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:60vw}#roominfo{font-family:var(--px);font-size:10px;background:#0a0512bf;padding:6px 8px;border:2px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#roominfo b{color:var(--gold);letter-spacing:2px}#ping{font-size:16px;color:var(--muted)}#rank{position:absolute;right:12px;top:12px;width:230px;background:#0a0512bf;border:2px solid var(--line);padding:8px;font-size:18px}#rank .title{font-family:var(--px);font-size:9px;color:var(--gold);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rank .r{display:flex;justify-content:space-between;gap:6px;white-space:nowrap;overflow:hidden}#rank .r.me{color:var(--gold)}#rank .r span:first-child{overflow:hidden;text-overflow:ellipsis}#killfeed{position:absolute;right:12px;top:300px;width:280px;display:flex;flex-direction:column;gap:3px;align-items:flex-end}#killfeed div{background:#0a0512bf;padding:2px 8px;font-size:17px;animation:fade 5s forwards}#killfeed .a{color:#ff8090}#killfeed .v{color:#a0c0ff}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}#minimap{position:absolute;left:12px;bottom:12px;width:150px;height:150px;border:2px solid var(--line);image-rendering:pixelated;opacity:.85}#bottom{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(560px,calc(100vw - 190px))}.bars{display:flex;gap:8px;align-items:center;width:100%;background:#0a0512cc;border:2px solid var(--line);padding:6px}.lvl{font-family:var(--px);font-size:14px;background:#3a1a50;border:2px solid #8050c0;min-width:40px;height:40px;display:grid;place-items:center;color:var(--gold)}.barstack{flex:1;display:flex;flex-direction:column;gap:4px}.bar{position:relative;height:16px;background:#2a0a12;border:2px solid #000}.bar.xp{height:8px;background:#180a28}.bar div{height:100%;width:0;transition:width .15s}.bar.hp div{background:linear-gradient(#60f080,#20a040)}.bar.xp div{background:#a060ff}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--px);font-size:8px;display:grid;place-items:center;text-shadow:1px 1px 0 #000}.stats{font-family:var(--px);font-size:9px;text-align:right;line-height:1.8;white-space:nowrap}.stats #gcoins{color:var(--gold)}#abilities{display:flex;gap:8px}.ab{position:relative;width:78px;height:66px;background:#140a1ee6;border:2px solid var(--line);display:grid;place-items:center;text-align:center;font-size:14px;line-height:.9;overflow:hidden;padding:15px 3px 4px}.ab .nm{overflow-wrap:anywhere;text-shadow:1px 1px 0 #000}.ab .key{position:absolute;left:3px;top:3px;font-family:var(--px);font-size:8px;color:var(--gold);z-index:2}.ab .cdov{position:absolute;left:0;right:0;bottom:0;background:#0000009e}.ab .cdt{position:absolute;right:2px;top:2px;font-family:var(--px);font-size:7px;line-height:1;padding:2px 3px;background:#000000bf;color:#fff;z-index:2;white-space:nowrap}.ab .cdt:empty{display:none}.ab.ready{border-color:#8050c0}#buffs{display:flex;gap:4px}.buff{font-family:var(--px);font-size:8px;background:#0a0512d9;border:2px solid var(--line);padding:3px 5px}#upgrades{position:absolute;left:50%;bottom:150px;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto}.up{background:#1e0e28eb;border:2px solid var(--gold);padding:6px 8px;cursor:pointer;font-size:16px;text-align:center;min-width:108px}.up b{font-family:var(--px);font-size:8px;display:block;color:var(--gold);margin-bottom:3px}.up small{color:var(--muted)}.up.maxed{opacity:.4;border-color:var(--line)}.up-title{position:absolute;top:-22px;left:0;right:0;text-align:center;font-family:var(--px);font-size:9px;color:var(--gold);text-shadow:1px 1px 0 #000;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.5}}#toast{position:absolute;left:50%;top:56px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center;max-width:min(520px,70vw)}.toast{background:#2a1640eb;border:2px solid var(--gold);padding:6px 12px;font-family:var(--px);font-size:9px;box-shadow:3px 3px #000;animation:fade 4.5s forwards;text-align:center;line-height:1.6}.toast span{font-size:16px!important}.death{max-width:560px;width:100%;margin-top:8vh;text-align:center}.death h2{font-family:var(--px);color:var(--blood);font-size:24px;text-shadow:3px 3px 0 #000;margin:6px 0}.death-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:12px 0}.death-stats div{background:#0c0714;border:2px solid var(--line);padding:8px;font-size:18px}.death-stats b{display:block;font-family:var(--px);font-size:14px;color:var(--gold);margin-bottom:4px}#touch{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}#stickzone{position:absolute;left:0;top:30%;bottom:0;width:48%;pointer-events:auto}#stick{position:absolute;left:calc(26px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;background:#ffffff0f;border:3px solid rgba(255,255,255,.16);pointer-events:none;display:grid;place-items:center;opacity:.55;transition:opacity .15s}#stick.on{opacity:1}#knob{width:52px;height:52px;border-radius:50%;background:#ffffff47;border:3px solid rgba(255,255,255,.35)}#tbuttons{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:220px;height:220px;pointer-events:none;--b: 64px}#tbuttons button{position:absolute;width:var(--b);height:var(--b);border-radius:50%;background:#280e3cb8;border:3px solid rgba(255,255,255,.28);color:#fff;font-family:var(--px);font-size:14px;pointer-events:auto;overflow:hidden;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}#tbuttons button b{position:relative;z-index:2;text-shadow:2px 2px 0 #000}#tbuttons button small{position:absolute;left:0;right:0;bottom:7px;z-index:2;font-size:8px;text-align:center;text-shadow:1px 1px 0 #000;color:#ffe080}#tbuttons button .cd{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:conic-gradient(rgba(0,0,0,.7) calc(var(--cd, 0) * 360deg),transparent 0)}#tbuttons button.down{transform:scale(.92);border-color:#ffe080}#tbuttons button.aiming{border-color:#ffe080;box-shadow:0 0 14px #ffe080}#tb-atk{right:0;bottom:0;--b: 92px;width:92px!important;height:92px!important;font-size:28px!important;background:#781428b8!important}#tb-q{right:104px;bottom:4px}#tb-e{right:82px;bottom:80px}#tb-r{right:10px;bottom:104px}#tb-r.ready{border-color:#ff60c0;box-shadow:0 0 14px #ff40a0;animation:pulse .8s infinite}#tb-r.locked{opacity:.45;filter:grayscale(1)}#tb-r small{font-size:7px}#tb-emote{right:150px;bottom:120px;width:44px!important;height:44px!important;font-size:18px!important;background:#140a1e99!important}body.touch #minimap,body.touch #killfeed,body.touch #abilities{display:none}body.touch #bottom{top:calc(6px + env(safe-area-inset-top));bottom:auto;width:min(430px,calc(100vw - 16px));gap:4px}body.touch .bars{padding:4px;gap:6px}body.touch .lvl{min-width:32px;height:32px;font-size:11px}body.touch .bar{height:13px}body.touch .stats{font-size:7px}body.touch #buffs{flex-wrap:wrap;justify-content:center}body.touch .buff{font-size:7px;padding:2px 4px}body.touch #topleft{top:calc(58px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));gap:4px;max-width:46vw}body.touch #topleft button{font-size:8px;padding:3px 6px}body.touch #roominfo{font-size:7px;padding:3px 5px}body.touch #ping{font-size:12px}body.touch #rank{top:calc(58px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right));width:140px;font-size:13px;padding:5px;pointer-events:auto;opacity:.85}body.touch #rank .title{font-size:7px}body.touch #rank:not(.open) .r:nth-child(n+5):not(.me){display:none}body.touch #upgrades{top:calc(92px + env(safe-area-inset-top));bottom:auto;gap:4px;flex-wrap:nowrap}body.touch .up{min-width:0;width:64px;font-size:0;padding:4px 3px;line-height:1.2}body.touch .up b{font-size:7px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch .up small{font-size:11px}body.touch .up br{display:none}body.touch .up-title{top:-14px;font-size:7px}body.touch #toast{top:auto;bottom:calc(150px + env(safe-area-inset-bottom));max-width:min(360px,60vw)}body.touch .toast{font-size:7px;padding:3px 7px;line-height:1.5}body.touch .toast span{font-size:11px!important}@media (max-height: 480px){body.touch #toast{max-width:46vw}}@media (max-height: 480px){body.touch #tbuttons{transform:scale(.82);transform-origin:bottom right}body.touch #stick{transform:scale(.85)}body.touch #rank{top:calc(6px + env(safe-area-inset-top));width:120px}body.touch #rank:not(.open) .r:nth-child(n+4):not(.me){display:none}body.touch #upgrades{top:calc(6px + env(safe-area-inset-top));left:auto;right:calc(130px + env(safe-area-inset-right));transform:none}body.touch #upgrades .up{width:54px}body.touch #bottom{left:calc(8px + env(safe-area-inset-left));transform:none;width:min(340px,40vw)}body.touch #toast{bottom:calc(10px + env(safe-area-inset-bottom))}}@media (max-width: 480px){body.touch #tbuttons{transform:scale(.88);transform-origin:bottom right}body.touch #rank{top:calc(84px + env(safe-area-inset-top));width:116px;font-size:12px}body.touch #upgrades{left:calc(6px + env(safe-area-inset-left));transform:none;top:calc(112px + env(safe-area-inset-top))}body.touch #topleft{max-width:calc(100vw - 140px)}}@media (pointer: coarse){#minimap{display:none}}@media (max-width: 640px){.screen{padding:12px 8px}.panel{padding:10px}.chars{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.chars.small{grid-template-columns:repeat(5,minmax(0,1fr))}.char{padding:4px 2px;border-width:2px}.char canvas{width:40px;height:52px}.char .cname{font-size:6px}.char .ctitle,.account{font-size:11px}#rank{width:170px;font-size:15px}#killfeed{display:none}#minimap{width:100px;height:100px}#bottom{width:calc(100vw - 24px)}.ab{width:62px;height:54px;font-size:12px;padding-top:13px}}@media (max-width: 860px){#topleft{max-width:calc(100vw - 200px);gap:6px}#roominfo{font-size:8px;padding:4px 6px}#rank{width:160px;font-size:15px;padding:6px}#rank .title{font-size:7px}#upgrades{width:min(560px,calc(100vw - 16px));flex-wrap:wrap;justify-content:center}.up{min-width:0;flex:1 1 22%;font-size:13px;padding:4px 5px}.up b{font-size:7px}#minimap{display:none}}.charinfo .evo{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}.charinfo .evo span{background:#1a1028;border:1px solid var(--line);padding:1px 6px;font-size:16px}.ab.ult{border-color:#6a3a8a}.ab.ult .charge{position:absolute;left:3px;right:3px;bottom:3px;height:5px;background:#200a30;border:1px solid #000}.ab.ult .charge div{height:100%;width:0;background:linear-gradient(90deg,#8040ff,#ff40a0);transition:width .2s}.ab.ult.locked{opacity:.45;filter:grayscale(1)}.ab.ult.ready{border-color:#ff60c0;box-shadow:0 0 12px #ff40a0;animation:pulse .8s infinite}.ab.ult.active{border-color:#ffd040;box-shadow:0 0 14px #ffd040}.lvl.t1{border-color:#c0a0ff}.lvl.t2{border-color:#ff70c0;box-shadow:0 0 8px #ff70c0}.lvl.t3{border-color:#ffd040;box-shadow:0 0 12px #ffd040;color:#fff}.ab.ult{padding-bottom:12px}.ab.ult .cdt{color:#ffb0e0}.account{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;padding:8px 10px;border:1px dashed #4a3a6a;font-size:12px;line-height:1.5}.account .who{flex:1 1 220px}.account .note{flex:1 1 100%;color:#a89cc0;font-size:11px}.account .note a{color:var(--gold)}.account .master{color:var(--gold);font-weight:700}.account .stats-link{color:var(--gold);text-decoration:underline;white-space:nowrap}.ad-slot{margin:10px auto 0;min-height:60px;max-width:468px;border:1px solid #2a2238;display:flex;align-items:center;justify-content:center;color:#6a5a80;font-size:11px}.langs{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}.langs .flag{padding:2px;background:transparent;border:2px solid transparent;cursor:pointer;line-height:0}.langs .flag canvas{width:27px;height:18px;image-rendering:pixelated}.langs .flag.sel{border-color:var(--gold)}.langs .flag:hover{border-color:#8a7aa8}html:lang(zh),html:lang(ja){--px: "Microsoft YaHei", "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", sans-serif;--vt: "Microsoft YaHei", "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", sans-serif}#menu,#splash{background:transparent}body:has(#menubg:not([hidden])){background:#05030a}#menubg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:pixelated;z-index:9;pointer-events:none}#menubg[hidden]{display:none}#menu .menu-inner{max-width:1180px;position:relative}#menu #logo{width:min(560px,92vw,89vh)}.menu-grid{display:grid;gap:14px;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-areas:"play chars" "id chars";align-items:start;margin-top:6px}.blk-id{grid-area:id}.blk-chars{grid-area:chars}.blk-play{grid-area:play}.menu-grid .panel{background:#150d1fe6}.menu-grid .panel>h3:first-child{margin-top:0}.blk-play .btn.big{margin-top:10px}.btn.big.locked{background:#3a2a10;border-color:var(--gold);color:var(--gold);font-size:12px}.blk-id .langs{justify-content:flex-start;margin-top:0}.screen::-webkit-scrollbar{width:10px}.screen::-webkit-scrollbar-track{background:#0c0714}.screen::-webkit-scrollbar-thumb{background:#6a4a90;border:2px solid #0c0714}.screen{touch-action:pan-y;-webkit-overflow-scrolling:touch}.char:hover{border-color:#8050c0}@media (max-width: 860px){.menu-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"play" "chars" "id"}}details.modes{margin-top:10px}details.modes summary{font-size:10px;padding:4px 0}details.modes .row:first-of-type{margin-top:8px}@media (max-height: 520px) and (min-width: 600px){.menu-grid{grid-template-columns:minmax(250px,330px) minmax(0,1fr);grid-template-areas:"play chars" "id chars";gap:8px}.menu-grid .panel{padding:10px}.blk-play .btn.big{padding:12px;font-size:14px}.blk-chars h3:first-child{display:none}.carousel .ctrack{padding:12px 0 10px}.carousel .cprev,.carousel .cnext{margin:12px 0 10px}}#menu .logo{margin:0 0 8px}#menu #logo{width:min(460px,80vw,62vh)}@media (max-height: 520px){#menu #logo{width:min(300px,60vw,52vh)}#menu .logo{margin:-6px 0 2px}}.carousel{display:flex;align-items:center;gap:6px;--cw: 112px}.carousel.small{--cw: 92px}.carousel .ctrack{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:20px 0 16px;position:relative;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.carousel .ctrack::-webkit-scrollbar{display:none}.carousel .cspace{flex:0 0 calc(50% - var(--cw) / 2 - 6px)}.carousel .char{flex:0 0 var(--cw);scroll-snap-align:center;transform:scale(calc(1.16 - var(--d, 1) * .15));opacity:calc(1 - var(--d, 1) * .22);transition:border-color .15s;will-change:transform;padding:6px 4px 8px}.carousel.moving .ctrack{scroll-snap-type:none}.carousel .cprev,.carousel .cnext{touch-action:manipulation;user-select:none;-webkit-user-select:none}.carousel .char canvas{width:66px;height:86px}.carousel.small .char canvas{width:54px;height:70px}.carousel .char.center{border-color:var(--gold);background:#22162e;box-shadow:0 0 18px #ffd04040;z-index:1}.carousel .char.center.locked{border-color:#8a6a20}.carousel .char .cname{font-size:8px}.carousel .char .lock{position:static;margin-top:4px}.carousel .cprev,.carousel .cnext{flex:none;align-self:stretch;margin:20px 0 16px;width:34px;background:var(--panel2);border:2px solid var(--line);color:var(--gold);font-size:14px;cursor:pointer;box-shadow:3px 3px #000}.carousel .cprev:hover,.carousel .cnext:hover{border-color:#8050c0}.carousel .cprev:active,.carousel .cnext:active{transform:translate(2px,2px);box-shadow:1px 1px #000}@media (max-width: 640px){.carousel{--cw: 92px;gap:3px}.carousel.small{--cw: 82px}.carousel .char canvas{width:54px;height:70px}.carousel .cprev,.carousel .cnext{width:26px;font-size:11px}}.death{margin-top:2vh}.death-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0}.death-stats div{padding:5px 2px;font-size:15px}.death-stats b{font-size:12px}.death h3{margin:8px 0 0}.death .row.center{margin-top:4px}.death .row.center .btn.big{width:auto;flex:1 1 auto;margin-top:0}@media (max-height: 480px){.death{margin-top:0;padding:8px 10px}.death h2{font-size:16px;margin:0}.death p{margin:2px 0;font-size:16px}.death h3{display:none}.death-stats div{font-size:12px;padding:3px 2px}.death-stats b{font-size:10px;margin-bottom:1px}.death .carousel .ctrack{padding-top:12px;padding-bottom:8px}.death .carousel .cprev,.death .carousel .cnext{margin:12px 0 8px}.death .btn.big{padding:10px;font-size:13px}}@media (max-height: 480px){body.touch #topleft{top:calc(6px + env(safe-area-inset-top));max-width:32vw;flex-wrap:nowrap}body.touch #roominfo{max-width:15vw}body.touch #ping{display:none}body.touch #bottom{top:calc(6px + env(safe-area-inset-top));bottom:auto;left:50%;transform:translate(-50%);width:min(300px,36vw)}body.touch #upgrades{top:calc(50px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));right:auto;transform:none;flex-direction:column;gap:4px;width:auto;flex-wrap:nowrap}body.touch #upgrades .up{width:132px;display:flex;justify-content:space-between;align-items:center;padding:3px 6px}body.touch #upgrades .up b{font-size:7px}body.touch #upgrades .up-title{top:-14px;text-align:left}body.touch #toast{top:calc(64px + env(safe-area-inset-top));bottom:auto;left:50%;transform:translate(-50%);max-width:42vw}}#splash{align-items:center;overflow:hidden;transition:opacity .25s}#splash.out{opacity:0}#splash .splash-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:18vh}#splashlogo{display:block;width:min(760px,94vw,120vh);height:auto;image-rendering:pixelated;animation:logoPulse 3.2s ease-in-out infinite;transform-origin:50% 60%;-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 55%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 55%,#000 55%,transparent 78%)}#splash .tagline{font-family:"Press Start 2P",monospace;font-size:clamp(9px,1.6vw,14px);color:#e8d8ff;text-shadow:2px 2px 0 #6a0a18;margin:0;letter-spacing:1px}#splash .start{display:inline-block;width:auto;margin-top:6px;font-size:clamp(14px,2.4vw,22px);padding:16px 34px;animation:startBeat 1.2s ease-in-out infinite;box-shadow:0 0 0 3px #000,0 0 24px #ff3c508c}#splash .start:hover{animation-play-state:paused;transform:scale(1.08)}#splash .splash-hint{font-family:VT323,monospace;font-size:20px;color:#9a88c0;margin:0}#splash .splash-links{font-family:VT323,monospace;font-size:18px;color:#6a5a88}#splash .splash-links a{color:#9a88c0;text-decoration:none}#splash .splash-links a:hover{color:#ffd040}#splash .splash-links .ig{white-space:nowrap}#splash .splash-links .ig img{width:24px;height:20px;vertical-align:-4px;margin-right:5px;image-rendering:pixelated}#parade{position:absolute;left:0;bottom:0;width:100vw;image-rendering:pixelated;pointer-events:none;z-index:1}@keyframes startBeat{0%,to{transform:scale(1)}50%{transform:scale(1.07);filter:brightness(1.25)}}@media (max-height: 480px){#splash .splash-inner{margin-bottom:26vh;gap:8px}#splashlogo{width:min(560px,80vw,110vh)}#splash .splash-hint{font-size:16px}}#infobtn{font-family:Georgia,serif;font-style:italic;font-weight:700;min-width:26px}#infobtn.on{background:#6a2a90}#infopanel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,92vw);max-height:82vh;overflow-y:auto;pointer-events:auto;z-index:50;padding:14px 16px;font-family:VT323,monospace;font-size:18px;line-height:1.1;background:#0c0616}#infopanel .iclose{position:sticky;top:0;float:right}#infopanel .ihead{display:flex;gap:12px;align-items:center;margin-bottom:6px}#infopanel .ihead canvas{width:78px;height:102px;image-rendering:pixelated;flex:none}#infopanel h3{margin:0 0 4px;font-family:"Press Start 2P",monospace;font-size:14px;color:var(--gold)}#infopanel .ititle{color:#c8b0f0}#infopanel .istats{color:#8a7aa8;font-size:16px;margin-top:4px}#infopanel .isec{font-family:"Press Start 2P",monospace;font-size:9px;color:#ff6070;margin:10px 0 4px;text-transform:uppercase;letter-spacing:1px}#infopanel .irow{display:flex;gap:8px;align-items:flex-start;padding:4px 0;border-top:1px solid #2a1a3a}#infopanel .irow .key{flex:none;width:26px;height:26px;display:grid;place-items:center;background:#2a1840;border:2px solid #000;font-family:"Press Start 2P",monospace;font-size:10px;color:#fff}#infopanel .irow b{color:#fff}#infopanel .irow p{margin:2px 0 0;color:#c8bcd8}#infopanel .irow .cd{margin-left:8px;color:#80c0ff;font-size:15px}#infopanel .irow .cd.lock{color:#ff8090}#infopanel .irow.locked{opacity:.55}#infopanel .irow.done .key{background:#1a5a2a;color:#a0ffa0}@media (max-height: 480px){#infopanel{max-height:90vh;font-size:16px;padding:10px 12px}#infopanel .ihead canvas{width:52px;height:68px}}#splash .tutbtn{font-size:clamp(10px,1.6vw,13px);padding:10px 18px;background:#1f1430e6}.tutbtn2{margin-top:10px}#tutorial{align-items:flex-start}.panel.tutorial{width:min(980px,100%);margin:2vh auto;background:#150d1ff0}.tutorial h2{font-family:var(--px);color:var(--gold);font-size:20px;text-align:center;margin:4px 0 14px;text-shadow:2px 2px 0 #6a0a18}.tutorial h3{text-align:center;color:#ff8090}.tut-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.tut-card{background:#0c0714;border:2px solid var(--line);padding:8px 10px;font-size:18px;line-height:1.2}.tut-card>b{font-family:var(--px);font-size:10px;color:var(--gold)}.tut-card p{margin:6px 0 0;color:#d8cce8}.tut-card p b{color:#fff}.tut-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.tut-lesson{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto;gap:4px 10px;align-items:center;background:#0c0714;border:3px solid var(--line);padding:8px}.tut-lesson.done{border-color:#2a7a3a}.tut-lesson canvas{width:78px;height:102px;image-rendering:pixelated;grid-row:span 2}.tut-lesson b{font-family:var(--px);font-size:11px;color:#fff}.tut-lesson .tl-n{font-family:var(--px);font-size:8px;color:var(--muted);margin-bottom:4px}.tut-lesson .tl-t{color:#c8b0f0;font-size:16px}.tut-lesson p{margin:4px 0 0;font-size:17px;color:#d8cce8}.tut-lesson .ok,#tutdone .ok{color:#60e080}.tut-lesson .btn{grid-column:2;justify-self:start;background:var(--blood);border-color:#ff5060;color:#fff}.tutorial .row.center{margin-top:14px}#tutpanel{position:absolute;left:12px;top:56px;width:min(330px,42vw);background:#0c0616e0;border:2px solid #6a3a8a;box-shadow:4px 4px #000;padding:8px 10px;pointer-events:none;font-size:18px;line-height:1.15}#tutpanel .tp-h{font-family:var(--px);font-size:8px;color:var(--gold);line-height:1.5}#tutpanel .tp-bar{height:5px;background:#200a30;border:1px solid #000;margin:5px 0}#tutpanel .tp-bar div{height:100%;background:linear-gradient(90deg,#8040ff,#40e080);transition:width .3s}#tutpanel .tp-s{font-family:var(--px);font-size:7px;color:var(--muted)}#tutpanel .tp-p{color:#ff8090}#tutpanel .tp-t{margin-top:4px;color:#f0e8ff;animation:tpIn .35s ease-out}#tutpanel .tp-t b{color:var(--gold)}@keyframes tpIn{0%{transform:translate(-12px);opacity:0}}#tutdone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,92vw);text-align:center;pointer-events:auto;z-index:50;background:#0c0616}#tutdone h2{font-family:var(--px);color:var(--gold);font-size:18px}#tutdone p{font-size:18px}#tutdone .btn.big{width:auto;margin-top:0;font-size:12px;padding:12px 14px}#death.tut h3,#death.tut #death-chars{display:none}body.touch #tutpanel{top:calc(92px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));font-size:15px;width:min(280px,46vw)}@media (max-height: 480px){body.touch #tutpanel{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(300px,40vw);font-size:14px;padding:5px 8px}.panel.tutorial{margin:0 auto}}.panel.tutorial{display:flex;flex-direction:column}@media (max-width: 640px),(max-height: 480px){#tut-title{order:0}#tut-practice{order:1;margin-top:0}#tut-lessons{order:2}#tut-rules{order:3;margin-top:12px}.tutorial .row.center{order:4}.tut-card,.tut-lesson p{font-size:16px}.tutorial h2{font-size:15px}}.tut-card.wide{grid-column:1 / -1}.tut-icons{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px}.tut-icons .ti{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:64px;background:#160d22;border:1px solid #2e2044;padding:6px 6px 4px}.tut-icons canvas{image-rendering:pixelated;max-height:72px;width:auto}.tut-icons span{font-family:var(--px);font-size:7px;color:var(--gold);text-align:center;line-height:1.4}.menumute{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:12;font-size:16px;padding:6px 9px}.nlbtn{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;margin-top:6px;background:linear-gradient(#5a2a10,#2a0e1e);border-color:#ffb040;color:#ffd890}.nlbtn small{font-family:var(--vt);font-size:16px;color:#e0c0a0;letter-spacing:0}#nlbar{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#100616d1;border:2px solid #ffb040;padding:6px 12px;font-family:var(--px);font-size:9px;line-height:1.7;text-align:center;color:#ffe0b0;max-width:min(560px,62vw);box-shadow:3px 3px #000}#nlbar small{font-family:var(--vt);font-size:16px;color:#d0b8e0}#nlbar.hot{border-color:#ff5020;background:#3c0e06e0;animation:pulse .7s infinite}#nlbar.ecto{border-color:#80ffb0;color:#c0ffe0}#nlbar .big{font-size:12px;color:var(--gold)}.podium{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;min-width:min(420px,90vw);pointer-events:auto}.podium h2{font-family:var(--px);font-size:18px;color:#ffb040;margin:4px 0 10px;text-shadow:3px 3px 0 #000}.podium .steps{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin:8px 0}.podium .step{background:#1a0e26;border:2px solid var(--line);padding:6px;width:120px;font-size:16px}.podium .step canvas{width:72px;height:96px;image-rendering:pixelated;display:block;margin:0 auto}.podium .step b{display:block;font-family:var(--px);font-size:8px;color:var(--gold);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .step.p1{padding-bottom:34px;border-color:#ffd040}.podium .step.p2{padding-bottom:18px}.podium .you{font-family:var(--px);font-size:10px;margin:10px 0 4px;color:#ffe0b0}.podium .back{font-size:16px;color:var(--muted)}.buffrow{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}#trapslot{display:flex;align-items:center;gap:4px;font-family:var(--px);font-size:8px;background:#100616e6;border:2px solid #c070ff;padding:2px 6px 2px 2px;pointer-events:auto;cursor:pointer}#trapslot img{width:30px;height:30px;image-rendering:pixelated}#trapslot kbd{color:var(--gold)}#tb-trap{right:150px;bottom:172px;width:44px!important;height:44px!important;background:#280a3cbf!important;border-color:#c070ff!important}#tb-trap img{width:30px;height:30px;image-rendering:pixelated}body.ecto #ab0,body.ecto #ab3,body.ecto #tb-atk,body.ecto #tb-r{opacity:.25;filter:grayscale(1)}body.ecto .bar.hp div{background:linear-gradient(#a0ffd0,#40a080)}body.touch #nlbar{top:calc(54px + env(safe-area-inset-top));font-size:7px;padding:3px 7px;max-width:calc(100vw - 330px);line-height:1.5}body.touch #nlbar small{font-size:12px}body.nl #toast{top:104px}body.touch.nl #toast{top:auto}#theme{flex:1 1 0;min-width:0;max-width:100%}@media (orientation: portrait){body.touch #nlbar{top:calc(112px + env(safe-area-inset-top));max-width:94vw}}#playnl{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(#8a4410,#3a1028);border-color:#ffb040;color:#ffe0a0}#playnl small{display:block;font-family:var(--vt);font-size:16px;color:#f0d0b0;letter-spacing:0;text-shadow:none}#play{display:flex;flex-direction:column;align-items:center;gap:4px}#play small{display:block;font-family:var(--vt);font-size:16px;color:#ffd8dc;letter-spacing:0;text-shadow:none}#play.locked small{display:none}#lagwarn{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#100616e0;border:2px solid #ff6060;padding:8px 14px;font-family:var(--px);font-size:11px;color:#ffb0b0;animation:pulse .8s infinite}.podium .winner{font-family:var(--px);font-size:20px;color:var(--gold);text-shadow:3px 3px 0 #000;margin:-2px 0 6px;animation:pulse 1.2s infinite}body.portal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body.portal input{-webkit-user-select:text;user-select:text}body.portal .splash-links,body.portal #account{display:none!important}.screen.modal{z-index:40;align-items:center}.linkbtn{display:block;margin:14px auto 0;background:none;border:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:10px}.linkbtn:hover{color:var(--gold)}.bugform{width:min(520px,100%)}.bugform textarea{width:100%;box-sizing:border-box;background:#0c0714;color:var(--text);border:2px solid var(--line);padding:10px;font-family:var(--vt);font-size:20px;resize:vertical;margin:8px 0 12px}#coach{position:absolute;left:50%;top:64px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 16px 14px;background:#150d1fe0;border:3px solid var(--gold);box-shadow:0 4px #000,0 0 24px #ffd04040;color:var(--text);pointer-events:none;z-index:6;max-width:calc(100vw - 32px)}#coach.pop{animation:coachPop .35s ease-out}@keyframes coachPop{0%{transform:translate(-50%) scale(.7);opacity:0}}#coach .coach-keys{display:flex;gap:6px;align-items:center;text-align:center;line-height:1}#coach .kc{display:inline-block;min-width:34px;height:34px;margin:2px;padding:0 6px;font:14px/30px var(--px);color:#1a1022;background:#f0e6d0;border:2px solid #000;border-bottom-width:6px;border-radius:4px;animation:kcPress 1.1s infinite}#coach .wasd .kc:nth-child(1){animation-delay:0s}#coach .wasd .kc:nth-child(3){animation-delay:.27s}#coach .wasd .kc:nth-child(4){animation-delay:.55s}#coach .wasd .kc:nth-child(5){animation-delay:.82s}@keyframes kcPress{0%,30%,to{transform:translateY(0);border-bottom-width:6px}15%{transform:translateY(3px);border-bottom-width:3px;background:var(--gold)}}#coach .mouse{position:relative;display:inline-block;width:34px;height:48px;border:3px solid #f0e6d0;border-radius:16px 16px 14px 14px}#coach .mouse:after{content:"";position:absolute;left:50%;top:0;bottom:60%;border-left:3px solid #f0e6d0}#coach .mouse i{position:absolute;left:0;top:0;width:50%;height:40%;background:var(--blood);border-radius:12px 0 0;animation:pulse .6s infinite}#coach .stick{display:inline-block;width:46px;height:46px;border-radius:50%;border:3px solid #f0e6d0;position:relative}#coach .stick i{position:absolute;left:12px;top:12px;width:16px;height:16px;border-radius:50%;background:var(--gold);animation:stickMove 1.6s infinite}@keyframes stickMove{25%{transform:translate(9px)}50%{transform:translateY(9px)}75%{transform:translate(-9px)}}#coach .tbtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blood);border:3px solid #000;font:14px var(--px);color:#fff;animation:kcPress 1s infinite}#coach .grow{font:30px var(--px);color:var(--green);animation:startBeat .9s infinite}#coach .coach-text{font:16px/1.3 var(--px);color:var(--gold);text-shadow:2px 2px 0 #000}#coach .coach-text small{display:block;margin-top:6px;font:22px var(--vt);color:var(--text)}#coach .coach-text em{display:block;margin-top:4px;font:normal 20px var(--vt);color:#ff8080}#coach .coach-dots{position:absolute;left:50%;bottom:3px;transform:translate(-50%);display:flex;gap:4px}#coach .coach-dots b{width:6px;height:6px;background:var(--line)}#coach .coach-dots b.on{background:var(--gold)}#coach .coach-dots b.ok{background:var(--green)}#coach .coach-skip{position:absolute;right:-3px;top:-24px;pointer-events:auto;font:10px var(--px);padding:4px 6px;background:var(--panel);color:var(--muted);border:2px solid var(--line);cursor:pointer}#coach-arrow{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:4}#coach-arrow:before{content:"";position:absolute;left:0;top:-14px;border-left:26px solid var(--gold);border-top:14px solid transparent;border-bottom:14px solid transparent;filter:drop-shadow(2px 2px 0 #000);animation:arrowNudge .6s infinite}@keyframes arrowNudge{50%{transform:translate(8px)}}body.touch #coach{top:54px;padding:8px 12px 12px}body.touch #coach .coach-text{font-size:12px}#topleft .tally-row{flex-basis:100%}#tally{display:inline-flex;gap:10px;padding:4px 8px;background:#150d1fcc;border:2px solid var(--line);font:11px var(--px);color:var(--text);pointer-events:none}#tally span{display:inline-flex;align-items:center;gap:4px}#tally b{color:var(--gold);font-weight:400}#tally span.bump{animation:tallyBump .45s ease-out}#tally span.bump b{color:#fff}@keyframes tallyBump{30%{transform:scale(1.45)}}.death-stats .hunt{border-color:#5a2030}.death-stats .hunt b{color:#ff8090}#combo{position:absolute;left:50%;top:15%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:6;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,40,60,.6)}#combo b{display:block;font:44px var(--px);color:#fff}#combo span{display:block;margin-top:6px;font:16px var(--px);color:var(--gold)}#combo.c3 b{color:#ffb040}#combo.c4 b{color:#ff5040;font-size:52px}#combo.c5 b{color:#ff2050;font-size:60px}#combo.c5 span{color:#ff90ff}#combo.pop{animation:comboPop 1.6s ease-out forwards}@keyframes comboPop{0%{transform:translate(-50%) scale(2.2) rotate(-6deg);opacity:0}12%{transform:translate(-50%) scale(1) rotate(0);opacity:1}75%{opacity:1}to{transform:translate(-50%) translateY(-24px);opacity:0}}body.touch #tally{font-size:8px;gap:6px;padding:3px 5px}body.touch #combo b{font-size:34px}#death-hook .hook{margin:4px 0 6px;font:13px var(--px);color:#ff9a40;text-shadow:2px 2px 0 #000;animation:startBeat 1.2s infinite}#death-hook .dmedals{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 8px}#death-hook .dmedals small{flex-basis:100%;color:var(--muted);font:16px var(--vt)}#death-hook .dm{padding:3px 8px;background:#1a1206;border:2px solid var(--gold);font:16px var(--vt);color:var(--text)}#death-hook .dm b{color:var(--gold);font-weight:400}#rank .r.rival span:first-child{color:#ff6070}.daily{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#05020ab8}.daily .panel{text-align:center;max-width:min(460px,calc(100vw - 32px));padding:18px 20px;border:3px solid var(--gold);animation:dailyPop .4s ease-out}@keyframes dailyPop{0%{transform:scale(.6);opacity:0}}.daily h2{color:var(--gold)}.daily .big{font:28px var(--px);color:var(--gold);margin:8px 0;text-shadow:3px 3px 0 #000}.daily .days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:10px 0}.daily .days div{padding:4px 0;background:#0c0714;border:2px solid var(--line);font:14px var(--vt);color:var(--muted)}.daily .days div b{display:block;font:10px var(--px);color:var(--muted)}.daily .days div.got{border-color:#806010;color:var(--text)}.daily .days div.got b{color:var(--gold)}.daily .days div.now{border-color:var(--gold);box-shadow:0 0 10px #ffd04080}.patchbox{width:min(620px,100%);max-height:86vh;overflow-y:auto;border-color:var(--gold);box-shadow:0 0 0 3px #000,0 0 40px #ffd0402e}.patch-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:10px}#patchpirate{width:120px;height:132px;image-rendering:pixelated;flex:none}.patch-bubble{position:relative;background:#f4ecd8;color:#1a1028;border:3px solid #000;padding:10px 12px;margin-bottom:40px}.patch-bubble:before{content:"";position:absolute;left:-14px;bottom:10px;border:7px solid transparent;border-right-color:#000}.patch-bubble h2{font-family:var(--px);font-size:15px;margin:0 0 6px;color:#c0182a}.patch-bubble p{margin:0;font-size:20px}.patch-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px;font-size:19px;line-height:1.15}.patch-list li{background:#120a1c;border-left:3px solid var(--line);padding:6px 9px}.patch-list b{color:var(--gold);font-weight:400}@media (max-width: 520px){#patchpirate{width:84px;height:92px}.patch-bubble h2{font-size:12px}.patch-list{font-size:17px}}