:root{--shell-1: rgba(139, 92, 246, .3);--shell-2: rgba(76, 29, 149, .34);--shell-edge: rgba(216, 180, 254, .28);--ink: #c4b5fd;--btn-a: #e11d74;--btn-a2: #9d174d;--pad: #1d1a2e}html,body{height:100%;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body.mobile{position:fixed;inset:0}button{-webkit-tap-highlight-color:transparent}body.mobile{background:radial-gradient(80% 50% at 10% 0%,rgba(124,58,237,.35),transparent 70%),radial-gradient(70% 45% at 100% 100%,rgba(8,145,178,.28),transparent 70%),var(--bg)}body.mobile .bg,body.mobile #bgfx{display:none}body.mobile .board-wrap{box-shadow:0 0 22px #a855f747,0 14px 30px #00000080}body.mobile .board-wrap.pulse{animation:none}body.mobile .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080714db}.console{position:relative;z-index:2;height:100%;height:100dvh;max-width:560px;margin:0 auto;display:grid;grid-template-rows:auto auto auto minmax(150px,1fr);grid-template-areas:"top" "screen" "sig" "controls";gap:8px;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 10px) calc(env(safe-area-inset-bottom) + 10px) calc(env(safe-area-inset-left) + 10px)}.console:before{content:"";position:absolute;inset:4px 4px max(4px,env(safe-area-inset-bottom)) 4px;z-index:-1;border-radius:22px 22px 72px;background:radial-gradient(120% 60% at 20% 0%,rgba(255,255,255,.1),transparent 60%),linear-gradient(165deg,var(--shell-1),var(--shell-2));border:1px solid var(--shell-edge);box-shadow:inset 0 1px #ffffff2e,inset 0 -14px 30px #14083259,0 0 40px #8b5cf62e}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 0}.top-right{display:flex;gap:8px}.round-btn{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#0a081873;color:var(--text);cursor:pointer;box-shadow:inset 0 1px #ffffff14}.round-btn:active{transform:scale(.94);background:#ffffff1f}#btnSound .off,body.sound-off #btnSound .on{display:none}body.sound-off #btnSound .off{display:block}body.sound-off #btnSound{color:var(--muted)}#btnFull[hidden],#btnMusic .off,body.music-off #btnMusic .on{display:none}body.music-off #btnMusic .off{display:block}body.music-off #btnMusic{color:var(--muted)}@media(max-width:360px){.round-btn{width:34px;height:34px}.top-right{gap:5px}.top-score b{font-size:22px}}.top-score{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.05}.top-score span{font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);opacity:.8;padding-left:.3em}.top-score b{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:linear-gradient(90deg,#f0abfc,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(168,85,247,.55))}.bezel{grid-area:screen;position:relative;min-height:0;display:flex;flex-direction:column;padding:18px 8px 12px;border-radius:14px 14px 40px;background:linear-gradient(180deg,#1a1631,#110e22);box-shadow:inset 0 2px 8px #0009,0 1px #ffffff1f,0 10px 30px #00000059}.bezel-label{position:absolute;top:5px;left:14px;right:14px;display:flex;align-items:center;gap:6px;height:9px}.bezel-label em{font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:.22em;color:#c4b5fd8c;white-space:nowrap;padding:0 6px}.stripe{height:2px;border-radius:2px;flex:1}.s1{background:linear-gradient(90deg,#a855f7,#ec4899);max-width:40px}.s2{background:linear-gradient(90deg,#22d3ee,#3b82f6);max-width:40px}.bezel-label:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,#22d3ee,#a855f7);opacity:.6}.screen{flex:1;min-height:0;display:grid;grid-template-columns:clamp(42px,13.5vw,60px) minmax(0,1fr) clamp(42px,13.5vw,60px);gap:4px;align-items:start}.col{display:flex;flex-direction:column;gap:6px;min-width:0}.mini{border-radius:10px;padding:6px 4px 5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);text-align:center}.mini h4{margin:0 0 3px;font-size:clamp(6.3px,1.85vw,7.5px);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-transform:uppercase;color:var(--muted);font-weight:700}.mini canvas{display:block;margin:0 auto}.mini.num b{display:block;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap;text-overflow:clip}#best{font-size:11.5px;letter-spacing:-.01em}.board-area{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.board-wrap{padding:4px;border-radius:12px}#board{border-radius:8px}.overlay{inset:4px;border-radius:8px;padding:12px 10px;gap:9px;container-type:inline-size}.logo{font-size:14.5cqw}.tagline{font-size:4.4cqw;margin:-2cqw 0 1cqw}.overlay h2{font-size:8cqw}.final{font-size:15cqw}.final-sub{font-size:4.6cqw;margin-top:-3cqw}.newrec{font-size:4.4cqw;letter-spacing:.06em}.btn{min-width:0;width:100%;max-width:190px;padding:4.6cqw 4cqw;font-size:5.6cqw}.name-form input{font-size:16px;padding:10px 8px}.hint{font-size:max(8.5px,4.6cqw)}.overlay .hint kbd{font-size:1em;padding:.12em .5em;min-width:0}.msg-err{font-size:4.6cqw}.pad-help{list-style:none;margin:0;padding:0;font-size:4.5cqw;line-height:1.65;color:var(--muted)}.pad-help li{white-space:nowrap}.pad-help b{color:var(--text);font-weight:800}.controls{grid-area:controls;position:relative;display:flex;justify-content:space-between;align-items:flex-start;align-items:center;padding:6px 6px 46px;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.pad-group{display:flex;flex-direction:column;align-items:center;gap:14px;touch-action:none}.right-group{align-items:center}.dpad{--s: calc(clamp(124px, 37vw, 168px) * var(--ctl, 1));--arm: calc(var(--s) / 3);position:relative;width:var(--s);height:var(--s);touch-action:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}.dpad:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(10,6,30,.35) 55%,transparent 72%);z-index:-1}.arm,.hub{position:absolute;background:linear-gradient(160deg,#2c2842,var(--pad));box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #00000059}.arm.up{left:var(--arm);top:0;width:var(--arm);height:calc(var(--arm) + 2px);border-radius:8px 8px 0 0}.arm.down{left:var(--arm);bottom:0;width:var(--arm);height:calc(var(--arm) + 2px);border-radius:0 0 8px 8px}.arm.left{top:var(--arm);left:0;height:var(--arm);width:calc(var(--arm) + 2px);border-radius:8px 0 0 8px}.arm.right{top:var(--arm);right:0;height:var(--arm);width:calc(var(--arm) + 2px);border-radius:0 8px 8px 0}.hub{left:var(--arm);top:var(--arm);width:var(--arm);height:var(--arm);box-shadow:none}.hub:after{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#15122a,#26223c);box-shadow:inset 0 2px 3px #0009}.arm i{position:absolute;left:50%;top:50%;width:0;height:0;border:7px solid transparent;opacity:.5;transition:opacity .1s}.arm.up i{border-bottom-color:#a5b4fc;transform:translate(-50%,-80%)}.arm.down i{border-top-color:#a5b4fc;transform:translate(-50%,-20%)}.arm.left i{border-right-color:#a5b4fc;transform:translate(-80%,-50%)}.arm.right i{border-left-color:#a5b4fc;transform:translate(-20%,-50%)}.arm.on{background:linear-gradient(160deg,#3b2f6b,#251d4a);box-shadow:inset 0 2px 6px #00000080,0 0 16px #22d3ee73}.arm.on i{opacity:1;filter:drop-shadow(0 0 4px #22d3ee)}.arm.up.on i{border-bottom-color:#67e8f9}.arm.down.on i{border-top-color:#67e8f9}.arm.left.on i{border-right-color:#67e8f9}.arm.right.on i{border-left-color:#67e8f9}.ab{--d: calc(clamp(58px, 17vw, 76px) * var(--ctl, 1));display:flex;gap:calc(var(--d) * .32);padding:10px 14px;border-radius:999px;background:#0a061e47;box-shadow:inset 0 2px 6px #00000059,0 1px #ffffff14;transform:rotate(-24deg);margin-top:16px}.ab-btn{position:relative;display:flex;flex-direction:column;align-items:center}.ab-btn.a{transform:translateY(-14px)}.ab-btn.b{transform:translateY(10px)}.ab-btn span{position:absolute;bottom:-19px;font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--ink);opacity:.85}.face{appearance:none;width:var(--d);height:var(--d);border-radius:50%;border:none;padding:0;color:#ffffffbf;font-size:calc(var(--d) * .36);font-weight:900;line-height:1;background:radial-gradient(circle at 34% 28%,#ffffff80,#fff0 32%),radial-gradient(circle at 50% 60%,var(--btn-a),var(--btn-a2));box-shadow:0 5px #5b0f33,0 9px 14px #00000073,0 0 18px #e11d7459,inset 0 -3px 6px #00000040;transition:transform .06s,box-shadow .06s;touch-action:none;transform:rotate(24deg)}.face.on{transform:rotate(24deg) translateY(4px);box-shadow:0 1px #5b0f33,0 3px 6px #00000073,0 0 26px #f472b6cc,inset 0 -2px 4px #00000040}.pill-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;transform:rotate(-24deg)}.pill{appearance:none;width:54px;height:15px;border-radius:999px;border:none;padding:0;background:linear-gradient(180deg,#4b4566,#2b2742);box-shadow:0 3px #16132a,inset 0 1px #ffffff2e;touch-action:none;position:relative}.pill:before{content:"";position:absolute;inset:-14px -10px}.pill.on{transform:translateY(2px);box-shadow:0 1px #16132a,0 0 14px #22d3ee99;background:linear-gradient(180deg,#5b5480,#3a3460)}.pill-wrap span{font-size:9.5px;font-weight:800;letter-spacing:.14em;color:var(--ink);opacity:.8}.pill-wrap{position:absolute;bottom:8px}.left-group .pill-wrap{right:calc(50% + 6px)}.right-group .pill-wrap{left:calc(50% - 6px)}.speaker{position:absolute;right:14px;bottom:2px;display:flex;gap:6px;transform:rotate(-24deg);pointer-events:none;opacity:.55}.speaker i{width:5px;height:34px;border-radius:4px;background:#0a061e8c;box-shadow:inset 0 2px 3px #0009,0 1px #ffffff14}.sheet{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#04030a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s ease}.sheet.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.sheet-card{width:100%;max-width:560px;max-height:86dvh;display:flex;flex-direction:column;padding:16px 16px calc(env(safe-area-inset-bottom) + 14px);border-radius:22px 22px 0 0;background:linear-gradient(180deg,#221a44f7,#0c0a1cfa);border:1px solid rgba(168,85,247,.35);border-bottom:none;box-shadow:0 -10px 50px #a855f740;transform:translateY(0);transition:transform .3s cubic-bezier(.2,.9,.3,1.1)}.sheet.hidden .sheet-card{transform:translateY(40px)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sheet-head h2{margin:0;font-size:19px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#e9d5ff,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.sheet .tabs{margin:0 0 10px}.sheet .tab{font-size:11px;padding:9px 0}.sheet #scores{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-right:2px}.sheet #scores li{font-size:14px;padding:8px 10px;grid-template-columns:30px 1fr auto}.sheet #scores li:nth-child(2n):not(.new){background:#ffffff08}@media(orientation:landscape)and (max-height:560px){.console{max-width:none;grid-template-columns:1fr auto 1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left top right" "left screen right" "left sig right";padding-bottom:calc(env(safe-area-inset-bottom) + 8px);gap:6px 14px}.console:before{border-radius:22px 22px 60px}.controls{display:contents}.pill-wrap{position:static;margin-top:30px}.left-group{grid-area:left;justify-content:center}.right-group{grid-area:right;justify-content:center}.speaker{display:none}.bezel{width:min(64vw,520px);padding-top:16px}.topbar{width:min(64vw,520px)}.top-score b{font-size:20px}.dpad{--s: clamp(110px, 30vh, 150px)}.ab{--d: clamp(52px, 15vh, 70px)}}@media(orientation:portrait)and (max-height:700px){.dpad{--s: calc(clamp(112px, 33vw, 140px) * var(--ctl, 1))}.ab{--d: calc(clamp(52px, 15vw, 64px) * var(--ctl, 1));margin-top:10px}.pad-group{gap:8px}.speaker{display:none}.controls{padding-bottom:40px}}@media(max-width:360px){.mini h4{font-size:5.9px;letter-spacing:0}}body.mobile .signature{grid-area:sig;margin:2px 0 -2px}body.mobile .sig{font-size:13px;padding:1px 8px 2px;letter-spacing:.14em}@media(orientation:landscape)and (max-height:560px){body.mobile .sig{font-size:11px}}.rank-line{margin-top:3px;padding-top:3px;border-top:1px solid rgba(255,255,255,.07);line-height:1.15}.rank-line em{display:block;font-style:normal;font-size:12px;font-weight:800;color:#a5f3fc;font-variant-numeric:tabular-nums}.rank-line em.top{color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.5)}.rank-line small{display:block;font-size:8px;color:var(--muted);white-space:normal;overflow-wrap:anywhere}#btnInstall[hidden]{display:none}#btnInstall{color:#67e8f9;border-color:#22d3ee73;box-shadow:0 0 12px #22d3ee59;animation:install-pulse 2.4s ease-in-out infinite}@keyframes install-pulse{50%{box-shadow:0 0 2px #22d3ee1a}}.install-btn{display:none}body.can-install .install-btn{display:block}.overlay .install-btn{font-size:4.8cqw;padding:3.6cqw 3cqw;border-color:#22d3ee73;color:#a5f3fc}.install{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#04030ab8;transition:opacity .25s ease}.install.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.install-card{width:min(360px,100%);text-align:center;padding:22px 20px 18px;border-radius:22px;background:linear-gradient(180deg,#221a44fa,#0c0a1cfa);border:1px solid rgba(168,85,247,.4);box-shadow:0 0 50px #a855f747,0 24px 60px #0009;transform:translateY(0) scale(1);transition:transform .3s cubic-bezier(.2,.9,.3,1.2)}.install.hidden .install-card{transform:translateY(20px) scale(.96)}.install-icon{display:block;margin:0 auto 10px;border-radius:18px;box-shadow:0 0 24px #a855f773}.install-card h2{margin:0 0 12px;font-size:19px;font-weight:800;background:linear-gradient(90deg,#e9d5ff,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.install-perks{list-style:none;margin:0 0 12px;padding:0;text-align:left;display:inline-block;font-size:13.5px;line-height:1.9}.install-perks b{color:#67e8f9;margin-right:6px}.install-how{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--text);background:#ffffff0d;border-radius:12px;padding:10px 12px}.install-how:empty{display:none}.install-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.install-actions .btn{max-width:240px;font-size:14px;padding:12px 16px}.install-actions .btn[hidden]{display:none}.install-note{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted)}.install-note b{color:var(--text)}.sheet .champion{margin:0 0 10px;padding:10px 12px}.sheet .champion .ch-name{font-size:16px}.sheet .champion .ch-score{font-size:15px}.rank-line small{line-height:1.25}.cat-mini{position:relative;padding:4px 2px 3px;overflow:visible}.cat-mini #cat{--cat-max: 60px;margin:0 auto}.cat-mini .cat-bubble{position:absolute;left:50%;bottom:calc(100% - 4px);z-index:5;padding:3px 6px;font-size:9px;border-width:1.5px;box-shadow:2px 2px #a855f78c;transform:translate(-50%) scale(.5);transform-origin:50% bottom;white-space:normal;width:max-content;max-width:calc(100% + 14px);text-align:center;font-size:8.5px}.cat-mini .cat-bubble.show{transform:translate(-50%) scale(1)}.screen .col.left{position:relative;z-index:4}.cat-mini .cat-bubble:before{left:50%;top:auto;bottom:-7px;margin:0 0 0 -4px;border:4px solid transparent;border-top:5px solid #2b1b3d;border-bottom:0}body.mobile .signature{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px 10px}body.mobile .signature .sig{flex:none;white-space:nowrap}body.mobile .sig-actions{flex:none}.share-app{pointer-events:auto;appearance:none;display:inline-flex;align-items:center;gap:6px;padding:5px 14px 5px 11px;border-radius:999px;border:1px solid rgba(34,211,238,.55);background:#0806168c;color:#a5f3fc;font-family:Orbitron,Segoe UI,sans-serif;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 12px #22d3ee40,inset 0 1px #ffffff14;cursor:pointer;touch-action:manipulation}.share-app:active{transform:scale(.95);background:#22d3ee26}.qr-dlg h2{margin-bottom:4px}.qr-sub{margin:0 0 14px;font-size:13px;color:var(--muted)}.qr-box{display:inline-block;padding:10px;border-radius:18px;background:#fff;box-shadow:0 0 0 3px #22d3ee80,0 0 30px #22d3ee59}.qr-box canvas{display:block;image-rendering:pixelated}.qr-url{margin:14px 0;font-size:15px;font-weight:800;color:#a5f3fc;letter-spacing:.02em}.qr-status{min-height:1.3em;margin:10px 0 0;font-size:12.5px;color:#86efac}@media(orientation:landscape)and (max-height:560px){body.mobile .signature{flex-direction:row;gap:10px}.qr-box canvas{width:160px!important;height:160px!important}}@media(orientation:landscape)and (max-height:560px){.screen .col.right{position:relative;z-index:4}}.pc-switch[hidden]{display:none}.pc-switch{border-color:#c084fc8c;color:#e9d5ff}.sig-actions{display:flex;gap:8px;justify-content:center;pointer-events:auto}.mini.clock-mini{padding:6px 4px}.mini.clock-mini .clock{flex-direction:column;gap:4px;margin:0;padding:7px 4px;width:100%}.mini.clock-mini .clk-sep{display:none}.mini.clock-mini .clk-d{height:auto;width:min(5.6vw,26px)}@media(orientation:landscape){.mini.clock-mini{padding:4px}.mini.clock-mini .clock{flex-direction:row;gap:2px;padding:5px 4px}.mini.clock-mini .clk-sep{display:block;height:auto;width:min(.5vw,5px)}.mini.clock-mini .clk-d{width:min(1.25vw,15px)}}.mini.rival-mini{padding:5px 3px 6px;overflow:visible}.mini.rival-mini .rival{flex-direction:column;gap:2px;margin:0;padding:4px 2px;width:100%;background:none;border:none}.mini.rival-mini:has(.rival[hidden]){display:none}.mini.rival-mini .rival-cat canvas{--rival-max: 64px}.mini.rival-mini .rival-info{align-items:center;text-align:center;width:100%}.mini.rival-mini .rival-info small{font-size:7.5px;letter-spacing:.06em}.mini.rival-mini .rival-info b{font-size:12px;max-width:100%}.mini.rival-mini .rival-score{font-size:9px;display:flex;flex-direction:column;align-items:center}.mini.rival-mini .rival-score em{font-size:12px}.mini.rival-mini .rival-bubble{left:auto;right:0;bottom:calc(100% - 2px);transform:translateY(4px) scale(.9);font-size:10px;white-space:normal;width:max-content;max-width:130px;text-align:center}.mini.rival-mini .rival-bubble.show{transform:none}.mini.rival-mini:has(.rival.beaten){border-color:#4ade8066}@media(orientation:landscape){.mini.rival-mini{display:none}}.mini.rival-mini.compact{padding:2px 2px 3px}.mini.rival-mini.compact .rival{padding:0 2px;gap:0}.mini.rival-mini.compact .rival-cat canvas{--rival-max: 36px}.mini.rival-mini.compact .rival-score{font-size:0}.mini.rival-mini.compact .rival-score em{font-size:11px}.mini.rival-mini.compact .rival-score em:before{content:"\1f3af  ";font-size:9px}.mini.rival-mini.compact .rival-info b{font-size:11px}.mini.rival-mini.compact .rival-info small,.mini.rival-mini.no-room{display:none}.screen.rival-tight .col.right .mini.clock-mini .clk-d{width:min(4.2vw,18px)}.screen.rival-tight .col.right .mini.clock-mini .clock{padding:4px;gap:2px}.screen.rival-tight .mini.num h4{margin-bottom:0}.mini.clock-mini.row{padding:4px}.mini.clock-mini.row .clock{flex-direction:row;gap:2px;padding:4px}.mini.clock-mini.row .clk-sep{display:block;height:auto;width:min(.9vw,4px)}.mini.clock-mini.row .clk-d{width:min(2.5vw,11px)}.mini.clock-mini.no-room{display:none}.col.left.tight{gap:4px}.col.left.tight .rank-line small{display:none}.col.left.tight .mini{padding-top:4px;padding-bottom:3px}.col.left.tight .cat-mini #cat{--cat-max: 46px}.mini.rival-mini .rival-info b{font-size:15px;font-weight:800;text-overflow:clip;letter-spacing:.01em;color:#fff}.mini.rival-mini .rival-info small{font-size:7px;opacity:.7;letter-spacing:.02em}.mini.rival-mini.compact .rival-info b{font-size:13px}.mini.rival-mini .rival-info b.wrap{white-space:normal;overflow-wrap:anywhere;line-height:1.05}#smoke{position:fixed;inset:0;width:100vw;height:100vh;z-index:5;pointer-events:none}.share-app.about-app{min-width:0;width:auto;flex:none;padding-left:16px;padding-right:16px;font-size:15px;font-weight:900;color:#fde68a;border-color:#facc1580}.about-card .about-list li{font-size:13.5px;padding:8px 10px}.screen .col.right{position:relative;z-index:6}.mini.rival-mini .rival-bubble.tirade{right:-2px;max-width:min(64vw,240px);font-size:12px}.mini.rival-mini .rival-bubble.tirade:after{left:auto;right:18px}.taunt-row input{font-size:16px}.trophy-rays{top:82px}.app-version.m-version{position:absolute;inset:auto auto 5px 12px;text-align:left;font-size:7.5px;line-height:1.2;letter-spacing:.12em;opacity:.38}@media(orientation:landscape)and (max-height:560px){.app-version.m-version{display:none}}.screen .col .mini{background:none;border:0;border-radius:0;box-shadow:none;padding:5px 1px 6px}.screen .col .mini+.mini{border-top:1px solid rgba(196,181,253,.14)}.screen .col .mini h4{font-size:clamp(7px,2.05vw,8.5px);letter-spacing:.06em;color:#c4b5fdbf}.screen .col .mini.num b{font-size:18px}.screen .col .mini.num #best{font-size:13.5px}.screen .col .rank-line{border-top:0;padding-top:1px}.screen .col .mini.rival-mini,.screen .col .mini.cat-mini{padding-left:0;padding-right:0}.cat-mini:after{display:none}body.cat-new .cat-mini:after{display:block}@media(max-width:360px){.screen .col .mini h4{font-size:6.3px;letter-spacing:0}.screen .col .mini.num b{font-size:15px}}.sheet #scores li.has-stat{grid-template-columns:30px minmax(0,1fr) auto auto}.cat-mini #cat{--cat-max: 80px}.col.left.tight .cat-mini #cat{--cat-max: 60px}.mini.rival-mini .rival-cat canvas{--rival-max: 80px}.mini.rival-mini.compact .rival-cat canvas{--rival-max: 46px}.cat-mini #cat{margin:0;position:relative;left:50%;transform:translate(-50%)}.mini.rival-mini .rival-cat{overflow:visible}.mini.rival-mini .duel-opp{padding:6px 2px}.mini.rival-mini .duel-opp .do-name{font-size:12px}.mini.rival-mini .duel-opp .do-score{font-size:15px}.mini.rival-mini .duel-opp .do-row{flex-direction:column;gap:0;font-size:10px}.mini.rival-mini .duel-opp .do-state{font-size:9px}.duel-count{font-size:72px}.duel-join-row{flex-wrap:wrap}.duel-join-row .btn{flex:1}.duel-input{font-size:16px}body.in-duel .mini.rival-mini,body.in-duel .mini.rival-mini.no-room{display:block!important}.mini.rival-mini .duel-opp .do-title{font-size:7.5px;letter-spacing:.02em}.garbage-meter{left:1px;width:5px}.screen .col.left .duel-search-btn{margin:4px 0 0;padding:7px 2px;gap:4px;border-radius:9px;font-size:clamp(6.5px,1.9vw,8px);letter-spacing:.04em;flex-direction:column;line-height:1.15}.screen .col.left .duel-search-btn svg{width:14px;height:14px}@media(max-width:400px){.tabs .tab{letter-spacing:.03em;padding-left:2px;padding-right:2px;font-size:11px}}.mini.rival-mini .duel-opp .do-cat{width:54px;height:45px;margin:1px auto 0}.overlay.spectate .spec-bar{font-size:11px;padding:5px 8px}.overlay.spectate .spec-bar small{font-size:9.5px}.col.right{align-self:stretch}.theme-row{margin-top:auto;display:flex;flex-direction:column-reverse;align-items:center;gap:5px}.theme-btn,.season-btn{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0a081880;color:var(--muted);cursor:pointer;box-shadow:inset 0 1px #ffffff14}.theme-btn:active,.season-btn:active{transform:scale(.92)}.theme-btn svg{width:17px;height:17px}.season-btn{font-size:11px;color:#fdba74;border-color:#ff8a1f73}body.th-braise{--shell-1: rgba(255, 98, 31, .26);--shell-2: rgba(120, 22, 8, .38);--shell-edge: rgba(255, 176, 102, .3);--ink: #ffbf8f;--btn-a: #ff5a1f;--btn-a2: #a3200c}body.mobile.th-braise{background:radial-gradient(80% 50% at 10% 0%,rgba(214,40,12,.35),transparent 70%),radial-gradient(70% 45% at 100% 100%,rgba(255,140,30,.22),transparent 70%),var(--bg)}body.th-braise .console:before{box-shadow:inset 0 1px #ffdcb42e,inset 0 -14px 30px #320a0459,0 0 40px #ff5a142e}body.th-braise .bezel{background:linear-gradient(180deg,#24110b,#140806)}body.th-braise .bezel-label em{color:#ffbe8c8c}body.th-braise .s1{background:linear-gradient(90deg,#ff3b2a,#ff8a1f)}body.th-braise .s2{background:linear-gradient(90deg,#ffb020,#ffd23f)}body.th-braise .bezel-label:after{background:linear-gradient(90deg,#ffb020,#ff3b2a)}body.th-braise .top-score b{background:linear-gradient(90deg,#ffe08a,#ff7a18);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,90,20,.55))}body.th-braise .face{box-shadow:0 5px #5e1205,0 9px 14px #00000073,0 0 18px #ff5a1461,inset 0 -3px 6px #00000040}body.th-braise .face.on{box-shadow:0 1px #5e1205,0 3px 6px #00000073,0 0 26px #ffaa3cd9,inset 0 -2px 4px #00000040}body.th-braise .arm.on i{filter:drop-shadow(0 0 4px #ff8a1f)}body.mobile.th-braise .board-wrap{box-shadow:0 0 22px #ff5a1459,0 14px 30px #00000080}body.mobile.th-braise .overlay{background:#140805e0}body.th-braise.tier2 .console:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%23ff6a1f' stroke-width='1.3' stroke-opacity='.4' stroke-linecap='round'%3E%3Cpath d='M0 84 30 52l25-8 25 26 40-8 30 28 50-6'/%3E%3Cpath d='m55 44 5-34L48 0'/%3E%3Cpath d='m80 70-8 40 18 30-6 60'/%3E%3Cpath d='m120 62 20-32 30-10 30 10'/%3E%3Cpath d='m150 90 10 40 40 20'/%3E%3Cpath d='m90 140 40 20 10 40'/%3E%3Cpath d='m0 120 40 10 32-20'/%3E%3Cpath d='m40 130-10 40-30 10'/%3E%3C/g%3E%3Cg fill='%23ffb020' fill-opacity='.6'%3E%3Ccircle cx='30' cy='52' r='1.6'/%3E%3Ccircle cx='120' cy='62' r='1.3'/%3E%3Ccircle cx='90' cy='140' r='1.7'/%3E%3Ccircle cx='160' cy='130' r='1.1'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 200px 200px,radial-gradient(120% 60% at 20% 0%,rgba(255,255,255,.1),transparent 60%),linear-gradient(165deg,var(--shell-1),var(--shell-2))}body.mobile .theme-fx{inset:4px 4px max(4px,env(safe-area-inset-bottom)) 4px;z-index:-1;border-radius:22px 22px 72px}body.mobile.th-braise.tier4 .board-wrap{box-shadow:0 0 34px #ff781e8c,0 0 70px #ff3c0a40,0 14px 30px #00000080}body.th-abysses{--shell-1: rgba(14, 165, 233, .24);--shell-2: rgba(30, 58, 138, .4);--shell-edge: rgba(125, 211, 252, .3);--ink: #9fdcf5;--btn-a: #0ea5e9;--btn-a2: #1e40af}body.mobile.th-abysses{background:radial-gradient(80% 50% at 10% 0%,rgba(7,89,133,.4),transparent 70%),radial-gradient(70% 45% at 100% 100%,rgba(13,148,136,.25),transparent 70%),var(--bg)}body.th-abysses .console:before{box-shadow:inset 0 1px #c8f0ff2e,inset 0 -14px 30px #020c1e66,0 0 40px #0ea5e92e}body.th-abysses .bezel{background:linear-gradient(180deg,#0a1d30,#050f1c)}body.th-abysses .bezel-label em{color:#a0dcfa8c}body.th-abysses .s1{background:linear-gradient(90deg,#2de2e6,#38bdf8)}body.th-abysses .s2{background:linear-gradient(90deg,#5eead4,#a5f3fc)}body.th-abysses .bezel-label:after{background:linear-gradient(90deg,#38bdf8,#1e40af)}body.th-abysses .top-score b{background:linear-gradient(90deg,#e0faff,#2de2e6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(45,226,230,.55))}body.th-abysses .face{box-shadow:0 5px #0b2a5a,0 9px 14px #00000073,0 0 18px #0ea5e961,inset 0 -3px 6px #00000040}body.th-abysses .face.on{box-shadow:0 1px #0b2a5a,0 3px 6px #00000073,0 0 26px #7dd3fcd9,inset 0 -2px 4px #00000040}body.th-abysses .arm.on i{filter:drop-shadow(0 0 4px #2de2e6)}body.mobile.th-abysses .board-wrap{box-shadow:0 0 22px #0ea5e959,0 14px 30px #00000080}body.mobile.th-abysses .overlay{background:#020a14e0}body.th-abysses.tier2 .console:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cg fill='none' stroke='%237dd3fc' stroke-width='1.4' stroke-opacity='.36' stroke-linecap='round'%3E%3Cpath d='M0 30c30-14 50-14 80 0s50 14 80 0 50-14 80 0'/%3E%3Cpath d='M0 90c30-14 50-14 80 0s50 14 80 0 50-14 80 0' stroke-opacity='.2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 240px 120px,radial-gradient(120% 60% at 20% 0%,rgba(255,255,255,.1),transparent 60%),linear-gradient(165deg,var(--shell-1),var(--shell-2))}body.mobile.th-abysses.tier4 .board-wrap{box-shadow:0 0 34px #2de2e68c,0 0 70px #0ea5e940,0 14px 30px #00000080}.mini.rival-mini .duel-opp .do-live-name{font-size:10px}.mini.rival-mini .duel-opp .do-live-score{font-size:12px;margin:0 0 3px}.mini.rival-mini .duel-opp .do-live-state{font-size:8.5px;margin-top:3px}.mini.rival-mini .duel-opp .do-mini{border-radius:3px}body.th-edo{--shell-1: rgba(217, 54, 62, .26);--shell-2: rgba(43, 30, 70, .45);--shell-edge: rgba(232, 176, 74, .32);--ink: #f0cf98;--btn-a: #d9363e;--btn-a2: #8a1d2a}body.mobile.th-edo{background:radial-gradient(80% 50% at 10% 0%,rgba(138,29,42,.4),transparent 70%),radial-gradient(70% 45% at 100% 100%,rgba(43,58,122,.3),transparent 70%),var(--bg)}body.th-edo .console:before{box-shadow:inset 0 1px #ffe6be2e,inset 0 -14px 30px #14081466,0 0 40px #d9363e2e}body.th-edo .bezel{background:linear-gradient(180deg,#1e1426,#110b16)}body.th-edo .bezel-label em{color:#f0cf988c}body.th-edo .s1{background:linear-gradient(90deg,#d9363e,#e8b04a)}body.th-edo .s2{background:linear-gradient(90deg,#e8b04a,#fff1d6)}body.th-edo .bezel-label:after{background:linear-gradient(90deg,#e8b04a,#d9363e)}body.th-edo .top-score b{background:linear-gradient(90deg,#fff1d6,#e8b04a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(217,54,62,.5))}body.th-edo .face{box-shadow:0 5px #5a1018,0 9px 14px #00000073,0 0 18px #d9363e61,inset 0 -3px 6px #00000040}body.th-edo .face.on{box-shadow:0 1px #5a1018,0 3px 6px #00000073,0 0 26px #ffbe78d9,inset 0 -2px 4px #00000040}body.th-edo .arm.on i{filter:drop-shadow(0 0 4px #e8b04a)}body.mobile.th-edo .board-wrap{box-shadow:0 0 22px #d9363e59,0 14px 30px #00000080}body.mobile.th-edo .overlay{background:#0e0a12e0}body.th-edo.tier2 .console:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Cg fill='none' stroke='%23e8b04a' stroke-width='1.2' stroke-opacity='.15'%3E%3Ccircle cx='0' cy='30' r='28'/%3E%3Ccircle cx='0' cy='30' r='19'/%3E%3Ccircle cx='0' cy='30' r='10'/%3E%3Ccircle cx='60' cy='30' r='28'/%3E%3Ccircle cx='60' cy='30' r='19'/%3E%3Ccircle cx='60' cy='30' r='10'/%3E%3C/g%3E%3Cg fill='%23140e1a' fill-opacity='.55' stroke='%23e8b04a' stroke-width='1.2' stroke-opacity='.15'%3E%3Ccircle cx='30' cy='15' r='28'/%3E%3C/g%3E%3Cg fill='none' stroke='%23e8b04a' stroke-width='1.2' stroke-opacity='.15'%3E%3Ccircle cx='30' cy='15' r='19'/%3E%3Ccircle cx='30' cy='15' r='10'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 84px 42px,radial-gradient(120% 60% at 20% 0%,rgba(255,255,255,.1),transparent 60%),linear-gradient(165deg,var(--shell-1),var(--shell-2))}body.mobile.th-edo.tier4 .board-wrap{box-shadow:0 0 34px #e8783c8c,0 0 70px #d9363e40,0 14px 30px #00000080}body.th-anarchy{--shell-1: rgba(60, 50, 50, .45);--shell-2: rgba(20, 14, 14, .6);--shell-edge: rgba(255, 30, 30, .35);--ink: #ff8a8a;--btn-a: #ff1e1e;--btn-a2: #8a0a10}body.mobile.th-anarchy{background:radial-gradient(80% 50% at 10% 0%,rgba(138,10,16,.4),transparent 70%),radial-gradient(70% 45% at 100% 100%,rgba(80,80,80,.25),transparent 70%),var(--bg)}body.th-anarchy .console:before{box-shadow:inset 0 1px #ffffff24,inset 0 -14px 30px #0006,0 0 40px #ff1e1e26}body.th-anarchy .bezel{background:linear-gradient(180deg,#1a1414,#0d0a0a)}body.th-anarchy .bezel-label em{color:#ffa0a08c}body.th-anarchy .s1{background:linear-gradient(90deg,#ff1e1e,#b30d14)}body.th-anarchy .s2{background:linear-gradient(90deg,#f5f5f5,#8a8a8a)}body.th-anarchy .bezel-label:after{background:linear-gradient(90deg,#f5f5f5,#ff1e1e)}body.th-anarchy .top-score b{background:linear-gradient(90deg,#fff,#ff1e1e);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,30,30,.5))}body.th-anarchy .face{box-shadow:0 5px #4a0508,0 9px 14px #00000073,0 0 18px #ff1e1e59,inset 0 -3px 6px #00000040}body.th-anarchy .face.on{box-shadow:0 1px #4a0508,0 3px 6px #00000073,0 0 26px #ff7878d9,inset 0 -2px 4px #00000040}body.th-anarchy .arm.on i{filter:drop-shadow(0 0 4px #ff1e1e)}body.mobile.th-anarchy .board-wrap{box-shadow:0 0 22px #ff1e1e59,0 14px 30px #00000080}body.mobile.th-anarchy .overlay{background:#0a0808e6}body.th-anarchy.tier2 .console:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240'%3E%3Cg transform='translate(250 70) rotate(-14) scale(.55)' fill='none' stroke='%23ff1e1e' stroke-opacity='.16'%3E%3Ccircle r='40' stroke-width='10'/%3E%3Cpath d='M14 -52V52M14 -52L-36 14M-52 14H46' stroke-width='12'/%3E%3C/g%3E%3Cpath d='M60 170l40 30M100 170l-40 30' stroke='%23ffffff' stroke-opacity='.1' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 300px 200px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='1.5'%3E%3Cpath d='M0 0.75H120M0 30.75H120M30 0V30M90 0V30M0 30V60M60 30V60M120 30V60'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100px 50px,radial-gradient(120% 60% at 20% 0%,rgba(255,255,255,.08),transparent 60%),linear-gradient(165deg,var(--shell-1),var(--shell-2))}body.mobile.th-anarchy.tier4 .board-wrap{box-shadow:0 0 34px #ff1e1e8c,0 0 70px #ff1e1e33,0 14px 30px #00000080}.kick-card{text-align:center}.kick-card .kick-ico{font-size:44px;line-height:1;margin:4px 0 6px;filter:drop-shadow(0 0 10px rgba(0,229,255,.55))}.kick-card .hint{margin:4px 0 10px;opacity:.8;font-size:12px;line-height:1.4}.kick-card .trophy-btns .btn{padding-left:14px;padding-right:14px}.kick-card .trophy-btns{flex-direction:column-reverse;align-items:stretch;gap:10px}.kick-card .trophy-btns .btn{width:100%;max-width:none;flex:none}.lang-btn .lang-code{font:800 12px/1 Orbitron,Segoe UI,sans-serif;letter-spacing:.04em}.screen .col.left .lang-side{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin:4px 0 0;padding:6px 2px;border-radius:9px;border:1px solid rgba(103,232,249,.35);background:#0a081873;color:#a5f3fc;font:800 clamp(8px,2.2vw,10px)/1 Orbitron,"Segoe UI",sans-serif;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 1px #ffffff14}.screen .col.left .lang-side:active{transform:scale(.96);background:#ffffff1a}.screen .col.left .lang-side svg{flex:none}.col.left.lang-tight .duel-search-btn{padding:4px 2px;gap:2px;margin-top:2px}.col.left.lang-tight .duel-search-btn svg{width:11px;height:11px}.screen .col.left.lang-tight .lang-side{padding:4px 2px;margin-top:2px}.screen .col.left.lang-tight .lang-side svg{display:none}#btnShareApp{padding:6px 12px;gap:0}#btnShareApp svg{display:block}.screen .col.left .rec-mini,.rotate-lock{display:none}@media(orientation:landscape)and (max-height:560px){body.mobile .rotate-lock{display:flex;position:fixed;inset:0;z-index:100000;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#06050d;color:#e9e6fb;text-align:center;padding:24px;font:800 17px/1.35 Segoe UI,system-ui,sans-serif}body.mobile .rotate-lock p{margin:0;max-width:340px}body.mobile .rotate-ico{font-size:54px;animation:rot-hint 1.8s ease-in-out infinite}}@keyframes rot-hint{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){body.mobile .rotate-ico{animation:none}}body.themed.tier2 .bezel-label em{opacity:1;filter:saturate(1.3) brightness(1.15)}body.themed.tier3 .bezel-label em{font-weight:400;font-size:9px;letter-spacing:.1em;line-height:1}body.th-braise.tier3 .bezel-label em{font-family:Rubik Burned,Orbitron,sans-serif;color:#ffc896cc}body.th-abysses.tier3 .bezel-label em{font-family:Rubik Wet Paint,Orbitron,sans-serif;color:#aae6ffcc}body.th-edo.tier3 .bezel-label em{font-family:Shojumaru,Orbitron,sans-serif;font-size:8.5px;color:#f5d7a0d9}body.th-anarchy.tier3 .bezel-label em{font-family:Permanent Marker,Orbitron,sans-serif;font-size:9.5px;letter-spacing:.06em;color:#ffaaaad9}body.th-braise.tier4 .bezel-label em{text-shadow:0 0 6px rgba(255,120,40,.7)}body.th-abysses.tier4 .bezel-label em{text-shadow:0 0 6px rgba(56,189,248,.7)}body.th-edo.tier4 .bezel-label em{text-shadow:0 0 6px rgba(232,176,74,.7)}body.th-anarchy.tier4 .bezel-label em{text-shadow:0 0 6px rgba(255,30,30,.7)}