@font-face{font-family:Overpass;font-weight:300;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/overpass-300.woff2) format("woff2")}@font-face{font-family:Overpass;font-weight:400;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/overpass-400.woff2) format("woff2")}@font-face{font-family:Overpass;font-weight:600;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/overpass-600.woff2) format("woff2")}@font-face{font-family:Overpass;font-weight:700;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/overpass-700.woff2) format("woff2")}@font-face{font-family:Overpass Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/overpass-mono-400.woff2) format("woff2")}@font-face{font-family:Overpass Mono;font-weight:600;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/overpass-mono-600.woff2) format("woff2")}@font-face{font-family:Lora;font-weight:400;font-style:normal;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/lora-400.woff2) format("woff2")}@font-face{font-family:Lora;font-weight:400;font-style:italic;font-display:swap;src:url(/modules/Games/backpack-of-bricks/brand/fonts/lora-400-italic.woff2) format("woff2")}:root{--mim-black:#000;--mim-white:#fff;--mim-purple:#B7A3FC;--mim-purple-rgb:183,163,252;--mim-purple-soft:rgba(183,163,252,.75);--mim-purple-aa:#8463F8;--mim-teal:#D7E8D2;--mim-green:#C2E189;--mim-sage:#859B90;--mim-gold:#F5C242;--mim-silver:#C9DEF1;--mim-bronze:#E8924A;--mim-grey:#DBDEDF;--mim-grey-light:#F1F2F2;--fg-muted:#4A4A4A;--fg-subtle:#7A7A7A;--border:rgba(0,0,0,.12);--border-on-dark:rgba(255,255,255,.18);--font-primary:"Overpass",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-feature:"Lora",Georgia,"Times New Roman",serif;--font-mono:"Overpass Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 14px rgba(0,0,0,.08);--shadow-lg:0 18px 48px rgba(0,0,0,.16);--ease-standard:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.36s;--tex-black:url(/modules/Games/backpack-of-bricks/brand/tex/texture-photocopy-black.webp);--tex-white:url(/modules/Games/backpack-of-bricks/brand/tex/texture-photocopy-white.webp);--tex-menu:url(/modules/Games/backpack-of-bricks/brand/tex/texture-photocopy-menu.webp);--tex-purple:url(/modules/Games/backpack-of-bricks/brand/tex/texture-photocopy-purple.webp)}.screen-backdrop{position:absolute;inset:0;z-index:19;background:#000 var(--tex-menu) center/cover no-repeat;pointer-events:none}.screen-backdrop[hidden]{display:none}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-primary);font-weight:300;color:var(--mim-white);background:var(--mim-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{overflow:hidden}.surface-black{background:var(--mim-black) var(--tex-black) center/cover;color:var(--mim-white)}.surface-white{background:var(--mim-white) var(--tex-white) center/cover;color:var(--mim-black)}a{color:var(--mim-purple)}a:hover{color:var(--mim-white)}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#game{display:block;position:absolute;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui .screen{pointer-events:auto}#ui .ult:not(:disabled){pointer-events:auto}#ui .power{pointer-events:auto}.mute{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);right:12px;z-index:40;min-width:44px;min-height:44px;padding:0 var(--sp-4);display:inline-flex;align-items:center;border:1px solid var(--border-on-dark);border-radius:var(--radius-pill);background:#00000059;color:var(--mim-white);font-family:var(--font-primary);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:opacity var(--dur-base) var(--ease-standard)}.mute .mute__off,.mute[aria-pressed=true] .mute__on{display:none}.mute[aria-pressed=true] .mute__off{display:inline;color:var(--mim-purple)}.mute--pause{right:auto;left:12px}.mute--pause[aria-pressed=true]{border-color:var(--mim-purple)}.mute--pause[hidden]{display:none}.screen{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-5);text-align:center;overflow-y:auto;background:#000000bd;animation:screen-in var(--dur-base) var(--ease-standard)}.screen:before,.screen:after{content:"";margin-block:auto}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.screen__eyebrow{font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mim-purple)}.screen__title{font-family:var(--font-feature);font-weight:400;font-size:clamp(40px,12vw,84px);line-height:1.05;letter-spacing:-.025em;margin:0;max-width:12ch}.screen__lead{font-weight:300;font-size:clamp(16px,4.4vw,20px);line-height:1.4;max-width:30ch;color:var(--mim-white)}.screen__lead strong{font-weight:600}.screen__title--home{display:flex;flex-direction:column;align-items:center;gap:.1em;max-width:none}.screen__title-main{display:block}.screen__title-sim{font-family:var(--font-primary);font-weight:800;font-size:.44em;line-height:1.1;letter-spacing:.24em;text-transform:uppercase;padding-left:.24em}.highlight{background-image:url(/modules/Games/backpack-of-bricks/brand/marks/mark-highlighter-line-v2.webp);background-repeat:no-repeat;background-position:center 62%;background-size:102% 84%;padding:0 .2em .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.btn{min-height:52px;padding:0 var(--sp-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--radius-pill);border:2px solid var(--mim-white);background:var(--mim-white);color:var(--mim-black);font-family:var(--font-primary);font-weight:600;font-size:18px;letter-spacing:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn--ghost{background:transparent;color:var(--mim-white)}.btn--ghost:hover{background:#ffffff14}.btn--quiet{min-height:44px;font-weight:300;font-size:15px;border-color:transparent;color:var(--fg-subtle)}.btn--quiet:hover{color:var(--mim-white);background:#ffffff0f}.brickfall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.screen>*:not(.brickfall){position:relative;z-index:1}.brickfall__b{position:absolute;top:-22vh;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.22;animation:brickfall-drop var(--bf-dur) linear var(--bf-delay) infinite}@keyframes brickfall-drop{0%{transform:translateZ(0) rotate(var(--bf-rot-from))}to{transform:translate3d(var(--bf-drift),128vh,0) rotate(var(--bf-rot-to))}}@media (prefers-reduced-motion: reduce){.brickfall{display:none}}.screen__title--select{font-size:clamp(22px,5.4vw,52px);white-space:nowrap}.select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);width:100%;max-width:1120px;grid-auto-rows:1fr}@media (max-width: 1000px){.select-grid{grid-template-columns:repeat(3,1fr);max-width:760px}}@media (max-width: 720px){.select-grid{grid-template-columns:repeat(2,1fr);max-width:520px}}.archetype{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);text-align:left;cursor:pointer;height:100%;border:1px solid var(--border-on-dark);border-radius:var(--radius-md);background:#ffffff0a;color:var(--mim-white);transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.archetype:hover{transform:translateY(-2px);background:#ffffff12}.archetype[aria-pressed=true]{border-color:var(--mim-purple);background:rgba(var(--mim-purple-rgb),.12)}.archetype__portrait{position:relative;overflow:hidden;flex:0 0 auto;aspect-ratio:1 / 1;width:100%;border-radius:var(--radius-sm);background:#111 var(--tex-black) center/cover;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-on-dark)}.archetype[aria-pressed=true] .archetype__portrait{background:#2a2350 var(--tex-purple) center/cover;border-color:var(--mim-purple)}.archetype__portrait img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block;border-radius:inherit;filter:grayscale(1) contrast(1.02) brightness(.62);transition:filter var(--dur-base) var(--ease-standard)}.archetype:hover .archetype__portrait img{filter:grayscale(.85) contrast(1.03) brightness(.8)}.archetype[aria-pressed=true] .archetype__portrait img{filter:grayscale(0) contrast(1.03) brightness(1)}.archetype__name{font-weight:600;font-size:18px}.archetype__tag{font-size:13px;color:var(--fg-subtle);line-height:1.3;min-height:2.6em}.archetype__start{position:absolute;left:50%;bottom:10px;transform:translate(-50%) translateY(6px);z-index:2;display:none;opacity:0;padding:10px 22px;min-height:44px;font-family:var(--font-primary);font-weight:600;font-size:15px;letter-spacing:.02em;color:var(--mim-black);background:var(--mim-white);border:none;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 6px 18px #00000059;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out),background var(--dur-fast)}.archetype[aria-pressed=true] .archetype__start{display:block;opacity:1;transform:translate(-50%) translateY(0)}.archetype__start:hover{background:var(--mim-purple);color:var(--mim-black)}.screen__title--howto{font-size:clamp(30px,8vw,56px);max-width:none}.howto__lead{max-width:42ch}.howto__section{width:100%;max-width:720px;text-align:left}.howto__section+.howto__section{margin-top:var(--sp-2)}.howto__h{font-family:var(--font-primary);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mim-purple);margin:0 0 var(--sp-3);padding-bottom:6px;border-bottom:1px solid var(--border-on-dark)}.howto__bricks{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}@media (min-width: 640px){.howto__bricks{grid-template-columns:repeat(4,1fr)}}.howto__btype{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:var(--sp-3) var(--sp-2);border:1px solid var(--border-on-dark);border-radius:var(--radius-md);background:#111 var(--tex-black) center/cover}.howto__bimg{width:100%;height:54px;background-repeat:no-repeat;background-position:center;background-size:contain}.howto__bimg--good{filter:drop-shadow(0 0 8px rgba(194,225,137,.95)) drop-shadow(0 0 3px rgba(194,225,137,.85))}.howto__bimg--ultimate{filter:drop-shadow(0 0 6px rgba(255,95,109,.9)) drop-shadow(0 0 6px rgba(110,231,183,.8)) drop-shadow(0 0 6px rgba(122,162,255,.8))}.howto__bimg--recharge{filter:drop-shadow(0 0 8px rgba(89,214,255,.95)) drop-shadow(0 0 3px rgba(59,160,255,.85))}.howto__bname{font-weight:600;font-size:14px;color:var(--mim-white)}.howto__bname em{font-style:normal;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mim-purple);margin-left:5px;vertical-align:middle}.howto__bdesc{font-weight:300;font-size:12px;line-height:1.35;color:#fffc}.howto__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.howto__steps li{display:flex;gap:var(--sp-3);align-items:flex-start}.howto__num{flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:var(--mim-purple);color:var(--mim-black);font-family:var(--font-mono);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center}.howto__steps div,.howto__tips li{font-weight:300;font-size:14px;line-height:1.4;color:#ffffffe6}.howto__steps b,.howto__tips b{font-weight:600;color:var(--mim-white)}.howto__tips{margin:0;padding-left:1.15em;display:flex;flex-direction:column;gap:var(--sp-2)}.howto__tips li{padding-left:4px}.howto__tips li::marker{color:var(--mim-purple)}.countdown{position:absolute;inset:0;z-index:24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);background:#0000008c;animation:screen-in var(--dur-base) var(--ease-standard)}.countdown__lights{display:flex;gap:clamp(12px,4vw,28px)}.countdown__lamp{width:clamp(30px,9vw,56px);aspect-ratio:1;border-radius:50%;background:#ffffff14;border:2px solid var(--border-on-dark);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.countdown__lamp:nth-child(1).is-on{background:#e5484d;border-color:#e5484d;box-shadow:0 0 18px 2px #e5484d99}.countdown__lamp:nth-child(2).is-on{background:#f5b800;border-color:#f5b800;box-shadow:0 0 18px 2px #f5b80099}.countdown__lamp:nth-child(3).is-on{background:#46c24e;border-color:#46c24e;box-shadow:0 0 18px 2px #46c24e99}.countdown__lamp.is-go{background:#46c24e;border-color:#46c24e;box-shadow:0 0 22px 3px #46c24eb3}.countdown__num{font-family:var(--font-mono);font-weight:600;font-size:clamp(72px,22vw,160px);line-height:1;color:var(--mim-white);font-variant-numeric:tabular-nums}.countdown__num--go{color:var(--mim-green)}.countdown__num--pop{animation:countdownPop var(--dur-base) var(--ease-out)}@keyframes countdownPop{0%{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.countdown__num--pop{animation:none}}.hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:0;right:0;margin-inline:auto;max-width:460px;padding:0 var(--sp-4);z-index:10;display:flex;gap:var(--sp-2);justify-content:space-between;pointer-events:none}.hud__stat{display:flex;flex-direction:column;align-items:center;min-width:64px}.hud__label{font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.hud__value{font-family:var(--font-mono);font-weight:600;font-size:clamp(18px,5.5vw,26px);font-variant-numeric:tabular-nums;color:var(--mim-white);line-height:1.1}.hud__value--score{color:var(--mim-purple)}.combo{position:absolute;left:50%;top:27%;transform:translate(-50%);z-index:12;font-family:var(--font-feature);font-size:clamp(22px,5vw,40px);color:var(--mim-white);opacity:0;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.7)}.hud__mult{position:absolute;left:50%;top:14%;transform:translate(-50%);z-index:12;font-family:var(--font-mono);font-weight:600;font-size:clamp(20px,5.5vw,34px);font-variant-numeric:tabular-nums;color:var(--mim-purple);opacity:0;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-out),color var(--dur-base) linear}.gameover__char{width:clamp(104px,30vw,168px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto;background:#111 var(--tex-black) center/cover;border:2px solid var(--border-on-dark);flex:0 0 auto}.gameover__char img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}.gameover__score{font-family:var(--font-mono);font-weight:600;font-size:clamp(56px,18vw,120px);line-height:1;color:var(--mim-white);font-variant-numeric:tabular-nums}.gameover__breakdown{font-family:var(--font-mono);font-size:14px;color:#ffffffbf}.confirm__name{font-family:var(--font-mono);font-weight:600;font-size:clamp(28px,8vw,52px);line-height:1.1;color:var(--mim-white);max-width:90%;margin:0 auto;overflow-wrap:anywhere;text-wrap:balance}.screen__eyebrow--win{color:var(--mim-gold, #F5C242);font-size:14px}.gameover__rank{font-family:var(--font-feature);font-weight:400;line-height:1.05;color:var(--mim-gold, #F5C242);text-shadow:0 0 22px rgba(245,194,66,.55);font-size:clamp(24px,6vw,40px);max-width:18ch;margin:-4px auto 0;animation:rankPulse 1s var(--ease-standard) infinite}.gameover__rank--top3{font-size:clamp(28px,7vw,48px)}.gameover__rank--first{font-size:clamp(34px,9vw,64px);text-shadow:0 0 30px rgba(245,194,66,.75)}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (prefers-reduced-motion: reduce){.gameover__rank{animation:none}}.gameover__rank-scope{display:block;font-family:var(--font-mono);font-weight:600;font-size:clamp(10px,1.6vw,13px);letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;text-shadow:none;margin-top:var(--sp-2)}.gameover__alltime{font-family:var(--font-primary);font-weight:600;font-size:clamp(13px,2.4vw,17px);line-height:1.35;color:var(--mim-purple);max-width:26ch;margin:var(--sp-3) auto 0;padding:var(--sp-2) var(--sp-4);border:1px solid rgba(var(--mim-purple-rgb),.45);border-radius:var(--radius-sm);background:rgba(var(--mim-purple-rgb),.1)}.nameentry{display:flex;flex-direction:column;gap:var(--sp-5);align-items:center}.nameentry__row{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;align-items:stretch}.nameentry__first,.nameentry__last{height:72px;border:2px solid var(--border-on-dark);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--mim-white);font-family:var(--font-mono);font-weight:700;text-align:center;outline:none;padding:0 var(--sp-4);font-size:clamp(20px,5vw,28px);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.nameentry__first{width:min(240px,60vw)}.nameentry__last{width:min(260px,60vw)}.nameentry__first::placeholder,.nameentry__last::placeholder{color:#ffffff59;font-weight:400}.nameentry__first:focus,.nameentry__last:focus{border-color:var(--mim-purple);box-shadow:0 0 0 2px rgba(var(--mim-purple-rgb),.4)}.board-page{overflow:auto}#board{min-height:100%;padding:clamp(24px,4vw,64px)}.board__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:clamp(16px,3vw,40px);border-bottom:1px solid var(--border-on-dark);padding-bottom:var(--sp-4)}.board__title{font-family:var(--font-feature);font-size:clamp(32px,5vw,72px)}#board.board-page--live .board__title:after{content:"Live";font-family:var(--font-mono);font-weight:700;font-size:.26em;letter-spacing:.16em;text-transform:uppercase;vertical-align:middle;color:var(--mim-purple);background:rgba(var(--mim-purple-rgb),.14);border:1px solid rgba(var(--mim-purple-rgb),.5);border-radius:var(--radius-pill);padding:.5em .9em;margin-left:.7em;white-space:nowrap;animation:livePulse 2.4s var(--ease-standard) infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){#board.board-page--live .board__title:after{animation:none}}.board__meta{font-family:var(--font-mono);font-size:clamp(12px,1.4vw,18px);color:var(--fg-subtle);text-align:right}.board__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.board__row{display:grid;grid-template-columns:clamp(30px,7vw,72px) clamp(44px,13vw,76px) minmax(0,1fr) auto;grid-template-areas:"rank face who  score" "rank face meta score";align-items:center;column-gap:clamp(8px,2.6vw,28px);row-gap:1px;padding:clamp(10px,1.6vw,18px) 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.board__rank{grid-area:rank}.board__face{grid-area:face}.board__who{grid-area:who}.board__score{grid-area:score;align-self:center}.board__meta-cell{grid-area:meta}.board__rank{font-size:clamp(20px,2.6vw,40px);color:var(--fg-subtle)}.board__face{width:clamp(44px,5vw,76px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#111 var(--tex-black) center/cover;border:2px solid var(--border-on-dark);flex:none}.board__face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}.board__who{display:flex;flex-direction:column;min-width:0;gap:2px}.board__name{font-size:clamp(17px,4.6vw,48px);font-weight:700;letter-spacing:.02em;min-width:0;display:flex;align-items:center;gap:.34em}.board__nm{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.1}.board__arch{font-family:var(--font-primary);font-weight:300;font-size:clamp(12px,1.4vw,20px);color:#ffffffb3}.board__row--first{--medal: var(--mim-gold);--medal-rgb: 245,194,66}.board__row--second{--medal: var(--mim-silver);--medal-rgb: 201,222,241}.board__row--third{--medal: var(--mim-bronze);--medal-rgb: 232,146,74}.board__crown{height:.95em;width:auto;flex:none;margin-top:-.12em}.board__row--top3 .board__rank{color:var(--medal)}.board__row--top3 .board__nm{color:var(--medal);text-shadow:0 0 .5em rgba(var(--medal-rgb),.5),0 0 .12em rgba(var(--medal-rgb),.85)}.board__row--first .board__nm{text-shadow:0 0 .7em rgba(var(--medal-rgb),.75),0 0 .16em rgba(var(--medal-rgb),.95)}.board__row--top3 .board__face{border-color:rgba(var(--medal-rgb),.6)}.board__score{font-size:clamp(20px,5vw,52px);font-weight:600;color:var(--mim-purple);text-align:right}.board__meta-cell{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.board__date{font-size:clamp(11px,3vw,16px);color:var(--fg-subtle);white-space:nowrap}.board__flag{width:clamp(26px,2.4vw,40px);height:auto;border-radius:2px;box-shadow:0 0 0 1px #ffffff2e}.board__row--slot{border-bottom-color:#ffffff12}.board__row--slot .board__rank{color:#ffffff57}.board__row--slot .board__face{background:none;border-color:#ffffff29;border-style:dashed}.board__row--slot .board__nm{color:#ffffff3d;font-weight:400}.board__row--slot .board__score{color:rgba(var(--mim-purple-rgb),.3);font-weight:400}.board__row--fresh{animation:row-flash 2.4s var(--ease-standard)}@keyframes row-flash{0%{background:rgba(var(--mim-purple-rgb),.35)}to{background:transparent}}.board__empty{font-family:var(--font-primary);color:var(--fg-subtle);padding:var(--sp-7) 0;text-align:center}@media (min-width: 720px){.board-page{overflow:hidden}#board{height:100vh;padding:2.4vh 2.8vw;display:flex;flex-direction:column}.board__head{flex:0 0 auto;margin-bottom:1.4vh;padding-bottom:1.1vh}.board__title{font-size:4.4vh}.board__meta{font-size:1.7vh;line-height:1.25}.board__list{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(10,1fr);grid-auto-flow:column;column-gap:3vw}.board__row{grid-template-areas:none;grid-template-columns:3.4vh 6.8vh minmax(0,1fr) auto auto;column-gap:1.3vw;row-gap:0;padding:0 .3vw}.board__rank,.board__face,.board__who,.board__score,.board__meta-cell{grid-area:auto}.board__rank{font-size:2.7vh}.board__face{width:6.8vh}.board__name{font-size:2.85vh}.board__nm{white-space:normal;overflow-wrap:anywhere;line-height:1.18;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.board__arch{font-size:1.6vh}.board__score{font-size:3.2vh}.board__meta-cell{flex-direction:column;align-items:flex-end;gap:.5vh}.board__date{font-size:1.5vh}.board__flag{width:3.4vh}}.ult{--ult-scale: 1;position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(var(--ult-scale));z-index:13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:132px;padding:var(--sp-3, 12px) var(--sp-2);min-height:68px;border:2px solid var(--border-on-dark);border-radius:var(--radius-3, 12px);background:#0009;color:var(--mim-white);cursor:pointer;text-align:center;overflow:hidden;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard),opacity var(--dur-base)}.ult:disabled{cursor:default}.ult__fill{position:absolute;left:0;bottom:0;height:5px;width:calc(var(--ult-charge, 0) * 100%);background:var(--mim-purple);pointer-events:none;transition:width var(--dur-base) var(--ease-standard)}.ult[data-state=ready] .ult__fill,.ult[data-state=active] .ult__fill,.ult[data-state=spent] .ult__fill{opacity:0}.ult__label{font-family:var(--font-mono);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3}.ult__name{font-weight:600;font-size:12.5px;line-height:1.15}.ult[data-state=charging]{opacity:.72}.ult[data-state=charging] .ult__label{color:#ffffff8c}.ult[data-state=ready]{border-color:var(--mim-purple);animation:ultFlash .85s var(--ease-standard) infinite}.ult[data-state=ready] .ult__label{color:var(--mim-white)}.ult[data-state=ready]:hover{transform:translate(-50%,-50%) scale(var(--ult-scale)) translateY(-1px)}@keyframes ultFlash{0%,to{background:rgba(var(--mim-purple-rgb),.18);border-color:rgba(var(--mim-purple-rgb),.55);box-shadow:0 0 rgba(var(--mim-purple-rgb),0)}50%{background:rgba(var(--mim-purple-rgb),.52);border-color:var(--mim-purple);box-shadow:0 0 0 11px rgba(var(--mim-purple-rgb),.12),0 0 20px 3px rgba(var(--mim-purple-rgb),.55)}}@media (prefers-reduced-motion: reduce){.ult[data-state=ready]{animation:none;background:rgba(var(--mim-purple-rgb),.42);box-shadow:0 0 0 3px rgba(var(--mim-purple-rgb),.28)}}.ult[data-state=active]{border-color:var(--mim-green);background:#c2e18929}.ult[data-state=active] .ult__label{color:var(--mim-green)}.ult[data-state=spent]{opacity:0;pointer-events:none}.fx-layer{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden}.fx-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fx-gif--hold{opacity:.3}.fx-gif--flash{opacity:0;animation:fxFlash 1.5s var(--ease-standard) infinite}.fx-tube{position:absolute;object-fit:contain;pointer-events:none}@keyframes fxFlash{0%,60%,to{opacity:0}70%,86%{opacity:.5}}.fx-banner{position:absolute;left:50%;top:34%;transform:translate(-50%) scale(.9);font-family:var(--font-feature);font-weight:400;font-size:clamp(34px,8vw,84px);line-height:1;text-align:center;color:var(--mim-white);opacity:0;white-space:nowrap;text-shadow:0 4px 18px rgba(0,0,0,.65)}.fx-banner--show{animation:fxBanner 1.8s var(--ease-out) forwards}@keyframes fxBanner{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}14%{opacity:1;transform:translate(-50%) scale(1.02)}74%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(1)}}.fx-banner[data-ult=rampage],.fx-banner[data-ult=jessesgirl]{color:var(--mim-purple)}.archetype__ult{display:flex;flex-direction:column;gap:1px;margin-top:auto;padding-top:var(--sp-2);border-top:1px solid var(--border-on-dark)}.archetype__ult-eyebrow{font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.archetype__ult-name{font-weight:700;font-size:15px;color:var(--mim-purple);line-height:1.2}.archetype[aria-pressed=true] .archetype__ult-name{color:var(--mim-white)}.archetype__ult-short{font-size:12px;line-height:1.35;color:var(--fg-subtle);margin-top:2px}.archetype[aria-pressed=true] .archetype__ult-short{color:#fffc}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.fx-banner--show{opacity:1!important;transform:translate(-50%)!important}.fx-gif--flash{opacity:.35!important}}.fx-player{position:absolute;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--mim-purple)}.hud__mult{transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) linear,text-shadow var(--dur-base) linear}.hud__mult[data-tier="1"]{text-shadow:0 0 10px rgba(var(--mim-purple-rgb),.85)}.hud__mult[data-tier="2"]{text-shadow:0 0 14px rgba(245,194,66,.7),0 0 6px rgba(245,194,66,.9)}.hud__mult[data-tier="3"]{text-shadow:0 0 22px rgba(245,194,66,.95),0 0 10px rgba(245,194,66,1);animation:multUltra .6s var(--ease-standard) infinite}@keyframes multUltra{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@media (prefers-reduced-motion: reduce){.hud__mult[data-tier="3"]{animation:none}}.power{--ult-scale: 1;position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(var(--ult-scale));z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:132px;padding:var(--sp-3, 12px) var(--sp-2);min-height:68px;border:2px solid #fff;border-radius:var(--radius-3, 12px);background:#000000b8;color:var(--mim-white);cursor:pointer;text-align:center;animation:powerFlash 1s var(--ease-standard) infinite}.power:hover{transform:translate(-50%,-50%) scale(var(--ult-scale)) translateY(-1px)}.power .ult__label{color:var(--mim-gold)}@keyframes powerFlash{0%,to{border-color:#ff5f6d;box-shadow:0 0 #ff5f6d00}25%{border-color:#ffc371}50%{border-color:#6ee7b7;box-shadow:0 0 18px 3px #b7a3fc99}75%{border-color:#7aa2ff}}@media (prefers-reduced-motion: reduce){.power{animation:none;border-color:var(--mim-gold)}}.howto__bimg--mystery{position:relative}.howto__q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-feature);font-weight:700;font-size:34px;color:var(--mim-white);text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,1)}
