:root{--bg:#171a33;--bg-2:#22264a;--panel:#2a2f5a;--line:#ffffff1f;--text:#f4f2ff;--muted:#a9a7cc;--blue:#4f8cff;--blue-deep:#2554c7;--red:#ff5d73;--red-deep:#c42a46;--gold:#ffd166;--star:#b9a4ff;--h0:#f5ecd7;--h0-odd:#ece0c3;--h1:#b5d98f;--h1-side:#6f9a4c;--h2:#79b85a;--h2-side:#3e7128;--frame:#6b4e32;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #463c9673 0%, transparent 60%), url(../art/app_bg.webp) center / cover fixed, var(--bg);min-height:100vh;color:var(--text);margin:0}button,select{font:inherit;color:inherit}.controls button,.controls select,.result button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:6px 12px}.muted{color:var(--muted)}.app{flex-direction:column;gap:12px;max-width:1180px;margin:0 auto;padding:12px 16px 24px;display:flex}.topbar{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 14px;display:flex}.turn{align-items:center;gap:8px;font-weight:600;display:flex}.turn__dot{background:var(--blue);width:12px;height:12px;box-shadow:0 0 10px var(--blue);border-radius:50%}.turn--red .turn__dot{background:var(--red);box-shadow:0 0 10px var(--red)}.stars{align-items:center;gap:6px;font-size:14px;display:flex}.stars__icon{color:#ffffff40;font-size:20px}.stars__icon--blue{color:var(--blue)}.stars__icon--red{color:var(--red)}.stars__icon--blazing{text-shadow:0 0 10px var(--gold)}.controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.controls button:disabled{opacity:.4;cursor:default}.btn-hint:not(:disabled){border-color:#ffd16699;box-shadow:0 0 10px #ffd16640}.btn-primary,.controls .btn-primary,.result .btn-primary{color:#2a1c05;cursor:pointer;background:linear-gradient(#ffd166,#ff9f43);border:none;border-radius:12px;padding:8px 16px;font-weight:800;box-shadow:0 3px #c56f12,0 6px 14px #ff9f4359}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #c56f12}.btn-big{padding:12px 28px;font-size:18px}.btn-ghost{cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:12px;padding:10px 16px}.settings{position:relative}.settings summary{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:6px 12px;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings__panel{z-index:40;border:1px solid var(--line);background:#1e2046f7;border-radius:12px;gap:8px;min-width:200px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0006}.settings__panel label{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.settings__panel select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 8px}.start{z-index:60;background-position:50%;background-size:cover;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.start:before{content:"";pointer-events:none;background:linear-gradient(#14103240,#141032bf 70%);position:fixed;inset:0}.start__inner{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(980px,100%);display:flex;position:relative}.start__logo{letter-spacing:-.03em;color:#fff;text-shadow:0 4px #6a4fc0,0 0 30px #ffd16699;margin:0;font-size:clamp(48px,10vw,92px);font-weight:900;animation:3s ease-in-out infinite logo-float}.start__logo span{color:var(--gold)}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.start__sub{color:#fff;text-shadow:0 2px 6px #0009;margin:0;font-size:16px}.start__rules{text-align:left;background:#141232b8;border:1px solid #ffffff2e;border-radius:14px;gap:4px;margin:0;padding:12px 18px 12px 36px;font-size:15px;display:grid}.start__rules b{color:var(--gold)}.start__maps{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.mapcard{text-align:left;cursor:pointer;background:#141232cc;border:2px solid #ffffff26;border-radius:16px;flex-direction:column;gap:4px;padding:8px 8px 10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.mapcard:hover{transform:translateY(-3px)}.mapcard--on{border-color:var(--gold);box-shadow:0 0 0 3px #ffd16659,0 10px 24px #0006}.mapcard__art{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:10px;display:block}.mapcard strong{font-size:16px}.mapcard span:not(.mapcard__art){color:var(--muted);font-size:13px}.mapcard em{color:#ffe08a;font-size:12px;font-style:normal}.start__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.seg{background:#141232cc;border:1px solid #fff3;border-radius:12px;padding:3px;display:flex}.seg button{cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 14px}.seg .seg--on{background:var(--blue-deep);font-weight:700}.howto{z-index:80;background:#0a081eb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.c-blue{color:#8fb5ff}.c-red{color:#ff8fa0}.result__buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.marker--hint{animation:1s ease-in-out infinite hint-pulse;box-shadow:0 0 0 4px #ffd166e6,0 0 16px #ffd166cc}@keyframes hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (width<=760px){.start__maps{grid-template-columns:repeat(2,1fr)}}.stage{grid-template-columns:210px minmax(0,1fr) 210px;grid-template-areas:"left center right";align-items:start;gap:16px;display:grid}.side--left{grid-area:left}.side--right{grid-area:right}.center{flex-direction:column;grid-area:center;align-items:center;gap:10px;display:flex}.guide{text-align:center;min-height:2.6em;color:var(--text);background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:580px;margin:0;padding:8px 14px;font-size:15px;display:flex}.guide__skip{background:var(--gold);color:#3d2a00;cursor:pointer;border:0;border-radius:8px;margin-left:10px;padding:4px 12px;font-weight:700}.token--char .token__body{border-color:var(--char);border-width:3px}.token__char{background:var(--char);color:#1d1a33;border-radius:999px;justify-content:center;align-items:center;min-width:46%;height:34%;padding:0 6%;font-size:24cqw;font-weight:800;display:flex;position:absolute;bottom:-12%;left:50%;transform:translate(-50%);box-shadow:0 2px #00000040}.token__char--off{filter:grayscale(.8)brightness(.8)}.token__charm{color:#ff5fa2;text-shadow:0 0 6px #fff;font-size:30cqw;animation:.7s ease-in-out infinite alternate pulse;position:absolute;top:-12%;left:-12%}.token--resting .token__body{filter:grayscale(.6)brightness(.85)}.token__rest{color:#fff;background:#3a3f6b;border-radius:8px;padding:1px 4px;font-size:20cqw;font-weight:800;position:absolute;top:-10%;right:-14%}.token__charge{justify-content:center;gap:6%;width:60%;display:flex;position:absolute;top:-14%}.token__charge i{background:#00000059;border:1px solid #fff;border-radius:50%;width:14cqw;height:14cqw}.token__charge i.on{background:var(--char)}.card__charname{background:var(--char);color:#1d1a33;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;position:absolute;top:8px;left:8px}.card__trait{border-left:3px solid var(--char);flex-direction:column;gap:3px;padding-left:8px;font-size:12px;display:flex}.card__trait--off{opacity:.6}.card__gain{color:#9fe7b3}.card__lose{color:#ffb1bd}.fx__fighter span{box-shadow:0 0 0 4px var(--char)}.lg--pad{color:#ff9a2a;background:#15123a;border:2px solid #ffe14a;font-weight:900}.lg--charm{color:#ff5fa2}.board-wrap{width:min(100%,580px);position:relative}.board-wrap--3d{width:min(100%,680px)}.board3d{aspect-ratio:1/.98;cursor:pointer;background:radial-gradient(at 50% 35%,#96aaff2e,#0000 70%);border-radius:18px;width:100%;overflow:hidden}.rotate{z-index:10;gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.rotate__hint{color:var(--muted);align-self:center;margin-right:4px;font-size:12px}@media (pointer:coarse){.rotate__hint{display:none}}.rotate button{border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;background:#2a2f5ad9;border-radius:50%;font-size:20px}.board-wrap--3d .fx,.board-wrap--3d .result{border-radius:18px}.board{aspect-ratio:1;background:linear-gradient(160deg, #8a6844, var(--frame));border-radius:18px;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:4px;padding:10px;display:grid;position:relative;box-shadow:0 14px #4a3420,0 24px 40px #00000073}.board--impact{animation:.3s ease-out shake}.cell{cursor:pointer;background:var(--h0);border:0;border-radius:9px;padding:0;transition:filter .15s;position:relative;box-shadow:inset 0 -3px #0000001a}.cell--odd.cell--h0{background:var(--h0-odd)}.cell--h1{background:var(--h1);box-shadow:0 5px 0 var(--h1-side), 0 7px 6px #00000040;z-index:1;transform:translateY(-5px)}.cell--h2{background:var(--h2);box-shadow:0 11px 0 var(--h2-side), 0 14px 8px #0000004d;z-index:1;transform:translateY(-11px)}.cell--h3{z-index:1;background:#4f8f38;transform:translateY(-16px);box-shadow:0 16px #2f5a20,0 19px 10px #00000052}.board--desert{background:linear-gradient(160deg,#c4553c,#8e3a28)}.board--desert .cell--h0{background:#e08a6a}.board--desert .cell--h0.cell--odd{background:#d87f60}.board--desert .cell--h1{background:#d9875a;box-shadow:0 5px #a24f33,0 7px 6px #00000040}.board--desert .cell--h2{background:#e09a64;box-shadow:0 11px #9a4a2e,0 14px 8px #0000004d}.board--desert .cell--h3{background:#e6a970;box-shadow:0 16px #8a4028,0 19px 10px #00000052}.board--desert .cell--star{background:#ecc6f2;box-shadow:0 11px #b98ad0,0 0 16px #f0c8ff99}.cell__tile{pointer-events:none;opacity:.85;place-items:center;font-size:clamp(14px,3vw,24px);display:grid;position:absolute;inset:0}.cell__tile--tunnel{color:#3a1a10;text-shadow:0 0 6px #ff9650e6}.cell--wet{background-image:radial-gradient(at 50% 55%,#aadcffbf,#0000 60%)!important}.cell--pad:before{content:"⇧";color:#ff9a2a;background:#15123a;border:3px solid #ffe14a;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(14px,3vw,24px);font-weight:900;display:flex;position:absolute;inset:14%}.board--space{background:linear-gradient(160deg,#2a1a72,#0d0b3a);box-shadow:0 0 0 3px #d04cff,0 24px 40px #00000073}.board--space .cell--h0{background:#3a3a7a}.board--space .cell--h0.cell--odd{background:#34346e}.board--space .cell--h1{background:#4a4296;box-shadow:0 5px #ff4fd8,0 7px 6px #00000059}.board--space .cell--h2{background:#5a4fb0;box-shadow:0 11px #5fe6ff,0 14px 8px #0006}.board--space .cell--h3{background:#6a5cc8;box-shadow:0 16px #ff4fd8,0 19px 10px #0006}.board--space .cell--star{background:#ffb8f0}.board--space .cell__height{color:#a0f0ffb3}.board--desert .cell__height{color:#5a1e0f99}.board--school{background:linear-gradient(160deg,#cdbde2,#8b77b2)}.board--school .cell--h0{background:#ebe3f4}.board--school .cell--h0.cell--odd{background:#e0d6ee}.board--school .cell--h1{background:#f0d9b8;box-shadow:0 5px #a8805c,0 7px 6px #0003}.board--school .cell--h2{background:#d8b88f;box-shadow:0 11px #8f6b4b,0 14px 8px #00000040}.board--school .cell--h3{background:#c9a57b;box-shadow:0 16px #7c5b40,0 19px 10px #00000047}.board--school .cell--star{background:#ffe7a8;box-shadow:0 5px #c9995a,0 0 16px #ffdc9699}.board--school .cell__height{color:#503c6e8c}.cell:hover{filter:brightness(1.06)}.cell--last:after{content:"";border-radius:inherit;background:#ffd16647;position:absolute;inset:0}.cell--impact:before{content:"";border-radius:inherit;z-index:3;background:#fff;animation:.3s ease-out forwards flash;position:absolute;inset:-6px}.cell__height{color:#1e3c0f99;letter-spacing:-2px;font-size:clamp(9px,1.8vw,14px);position:absolute;top:4%;left:7%}.cell--star{background:#cbbcff;box-shadow:0 5px #8b74d6,0 0 16px #b9a4ff8c}.cell--star-blue{outline:3px solid var(--blue);outline-offset:-3px}.cell--star-red{outline:3px solid var(--red);outline-offset:-3px}.cell--blazing{animation:1.2s ease-in-out infinite alternate blaze}.cell__star{color:#ffffffd9;justify-content:center;align-items:center;font-size:clamp(18px,5vw,40px);display:flex;position:absolute;inset:0}.marker{z-index:4;pointer-events:none;position:absolute}.marker--move{background:#2554c78c;border-radius:50%;inset:37%}.marker--capture{border:4px solid #ff5d73e6;border-radius:50%;inset:4%}.marker--risky.marker--move{background:#c42a4699}.marker--reach{background:#ff8c32b3;border-radius:50%;inset:38%}.cell__risk{z-index:5;background:var(--red-deep);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.cell__risk--king{background:#8b0f2a;animation:.8s ease-in-out infinite alternate pulse;box-shadow:0 0 0 2px #fff}.pieces{pointer-events:none;position:absolute;inset:10px}.token{z-index:2;transform:translateY(var(--lift));transition:left .24s cubic-bezier(.3,1.3,.6,1),top .24s cubic-bezier(.3,1.3,.6,1),transform .24s;position:absolute;container-type:size}.token__body{border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:11%;box-shadow:0 4px #0000004d,inset 0 -5px #0000002e}.token--blue .token__body{background:radial-gradient(circle at 35% 30%, #8fb5ff, var(--blue) 55%, var(--blue-deep))}.token--red .token__body{background:radial-gradient(circle at 35% 30%, #ffa1ae, var(--red) 55%, var(--red-deep))}.token__glyph{color:#fff;text-shadow:0 2px #00000040;font-size:52cqw;line-height:1}.token--P .token__body{inset:18%}.token--P .token__glyph{font-size:44cqw}.token--K .token__body{border-color:var(--gold);inset:7%}.token__wing,.token__crown{color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40%;height:40%;font-size:26cqw;display:flex;position:absolute;top:-10%;right:-10%}.token__crown{background:var(--gold);left:-10%;right:auto}.token--selected .token__body{box-shadow:0 0 0 4px var(--gold), 0 8px 14px #00000059;transform:translateY(-6%)}.token--empowered .token__body{box-shadow:0 0 0 3px var(--gold), 0 0 18px var(--gold)}.token--blazing .token__body{animation:.8s ease-in-out infinite alternate blaze-token}.token--choosable .token__body{animation:.7s ease-in-out infinite alternate choosable}.token--threatened .token__body:after{content:"";border:2px dashed #ff5d73f2;border-radius:50%;position:absolute;inset:-6px}.token--ghost{z-index:3;animation:.6s ease-in forwards knocked}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.lg{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-style:normal;display:inline-flex}.lg--move{background:#4f8cffcc;transform:scale(.6)}.lg--capture{border:2px solid var(--red)}.lg--risk{background:var(--red-deep);color:#fff;font-weight:800}.lg--hill{background:var(--h1);color:#2f5418;border-radius:3px}.lg--star{color:#fff;background:#cbbcff;border-radius:3px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.card--blue{border-color:#4f8cff99}.card--red{border-color:#ff5d7399}.card--empowered{box-shadow:0 0 18px #ffd16673}.card__title{color:var(--muted);font-size:12px}.card__art{aspect-ratio:3/4;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card--blue .card__art{background:radial-gradient(circle at 50% 35%, #8fb5ff, var(--blue-deep))}.card--red .card__art{background:radial-gradient(circle at 50% 35%, #ffa1ae, var(--red-deep))}.card__glyph{color:#fff;text-shadow:0 4px #00000040;font-size:88px}.card__pieceimg{filter:drop-shadow(0 8px 10px #0000004d);-webkit-user-select:none;user-select:none;height:78%;animation:3.2s ease-in-out infinite card-bob}.card__riderimg{filter:drop-shadow(0 6px 10px #00000059);-webkit-user-select:none;user-select:none;height:88%;animation:3.2s ease-in-out infinite card-bob}.card__minipiece{filter:drop-shadow(0 3px 4px #00000059);height:30%;position:absolute;bottom:6px;left:8px}.flip{transform:scaleX(-1)}.card__art:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 110%,#ffffff59,#0000 55%);position:absolute;inset:0}.card__glyphbadge{color:#2a2450;background:#ffffffeb;border-radius:50%;place-items:center;width:30px;height:30px;font-size:19px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #00000040}@keyframes card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card__name{font-weight:700}.card__line{font-size:13px}.card__badge{color:#3d2a00;background:var(--gold);border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:12px}.log{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;max-height:150px;padding:8px 14px;overflow-y:auto}.log__line{color:var(--muted);margin:3px 0;font-size:14px}.log__line:first-child{color:var(--text)}.log__line--key{color:var(--text);font-weight:600}.fx{z-index:20;cursor:pointer;border:0;border-radius:18px;padding:0;position:absolute;inset:0;overflow:hidden}.fx--banner{background:0 0;align-items:center;display:flex}.fx__banner{text-align:center;color:#fff;text-shadow:0 0 18px;background:linear-gradient(90deg,#0000,#171a33eb 15% 85%,#0000);width:100%;padding:18px 0;font-size:clamp(20px,4.4vw,34px);font-weight:800;animation:.45s cubic-bezier(.2,1.4,.5,1) banner}.fx--blue .fx__banner{color:#cfe0ff}.fx--red .fx__banner{color:#ffd2d9}.fx--gold .fx__banner{color:var(--gold)}.fx--attack{background:#0c0e20b8;grid-template-columns:1fr .8fr 1fr;align-items:center;animation:.15s ease-out fade-in;display:grid}.fx__fighter{flex-direction:column;align-items:center;gap:6px;display:flex}.fx__fighter span img{filter:drop-shadow(0 6px 8px #00000059);height:86%}.fx__fighter span{aspect-ratio:3/4;color:#fff;border:3px solid #ffffffe6;border-radius:14px;justify-content:center;align-items:center;width:clamp(80px,22vw,150px);font-size:clamp(48px,13vw,96px);display:flex}.fx__fighter--blue span{background:radial-gradient(circle at 50% 35%, #8fb5ff, var(--blue-deep))}.fx__fighter--red span{background:radial-gradient(circle at 50% 35%, #ffa1ae, var(--red-deep))}.fx__fighter em{color:#fff;font-size:14px;font-style:normal;font-weight:700}.fx__fighter--att{animation:.5s cubic-bezier(.2,1.5,.5,1) both lunge}.fx__fighter--def{animation:hit-back calc(var(--ms) * .7) ease-in .32s both}.fx__burst{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.fx__burst strong{z-index:2;color:#fff;white-space:nowrap;text-shadow:0 0 12px var(--gold), 0 3px 0 #0006;font-size:clamp(18px,4.4vw,32px);font-weight:900;animation:.4s cubic-bezier(.2,1.8,.5,1) .3s both pop;position:relative}.fx__ring{aspect-ratio:1;border:6px solid var(--gold);border-radius:50%;width:60%;animation:.55s ease-out .28s both ring;position:absolute}.fx__slash{aspect-ratio:1;mix-blend-mode:screen;background:url(../art/slash.webp) 50%/contain no-repeat;width:min(70%,320px);animation:.34s ease-out .26s both slash-img;position:absolute}.fx__burst:before{content:"";aspect-ratio:1;mix-blend-mode:screen;background:url(../art/hit_burst.webp) 50%/contain no-repeat;width:min(90%,420px);animation:.5s cubic-bezier(.2,1.4,.5,1) .3s both burst-img;position:absolute}@keyframes slash-img{0%{opacity:0;transform:scale(.6)rotate(-30deg)}40%{opacity:1}to{opacity:0;transform:scale(1.25)rotate(8deg)}}@keyframes burst-img{0%{opacity:0;transform:scale(.2)rotate(-20deg)}35%{opacity:1}to{opacity:0;transform:scale(1.3)rotate(20deg)}}.fx--big .fx__ring{border-color:#fff;animation-iteration-count:3}.fx--big{background:#281400c7}.fx__skip{color:#fff9;font-size:12px;position:absolute;bottom:10px;right:12px}.result{z-index:21;border:2px solid var(--gold);background:#171a33f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.4s ease-out banner;display:flex;position:absolute;inset:22% 14%}.result strong{color:var(--gold);font-size:clamp(30px,7vw,48px)}.result--red strong{color:var(--red)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}@keyframes flash{0%{opacity:.95}to{opacity:0}}@keyframes blaze{0%{box-shadow:0 4px #8b74d6,0 0 10px #ffd16680}to{box-shadow:0 4px #8b74d6,0 0 26px #ff8c32f2}}@keyframes blaze-token{0%{box-shadow:0 0 0 3px var(--gold), 0 0 12px var(--gold)}to{box-shadow:0 0 0 4px #ff8c32,0 0 30px #ff8c32}}@keyframes choosable{0%{box-shadow:0 0 0 2px var(--gold);transform:scale(1)}to{box-shadow:0 0 0 5px var(--gold), 0 0 18px var(--gold);transform:scale(1.06)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}@keyframes knocked{0%{transform:translateY(var(--lift)) scale(1);opacity:1}35%{transform:translateY(calc(var(--lift) - 30%)) scale(1.15) rotate(-10deg);opacity:1}to{transform:translateY(calc(var(--lift) + 40%)) scale(.2) rotate(200deg);opacity:0}}@keyframes banner{0%{opacity:0;transform:scaleY(.2)translate(-12%)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes lunge{0%{opacity:0;transform:translate(-120%)scale(.8)}60%{opacity:1;transform:translate(14%)scale(1.08)}to{transform:translate(0)scale(1)}}@keyframes hit-back{0%{filter:brightness(3);transform:none}10%{filter:brightness(1.4);transform:translate(10px)rotate(6deg)}to{opacity:0;transform:translate(160%)rotate(40deg)scale(.7)}}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}@keyframes slash{0%{opacity:1;transform:rotate(-24deg)scaleX(0)}to{opacity:0;transform:rotate(-24deg)scaleX(1)}}@media (width<=860px){.app{gap:8px;padding:8px 10px 16px}.stage{grid-template-columns:1fr 1fr;grid-template-areas:"center center""left right";gap:8px}.board{border-radius:14px;gap:3px;padding:6px}.pieces{inset:6px}.card{flex-flow:wrap;align-items:center;gap:4px 8px;padding:8px}.card__title{width:100%}.card__art{aspect-ratio:1;width:48px}.card__glyph{font-size:30px}.card__glyphbadge{display:none}.card__pieceimg{height:92%;animation:none}.card__line{width:100%;font-size:12px}.guide{font-size:14px}.topbar{padding:6px 10px;font-size:14px}.controls select,.controls button{padding:5px 8px;font-size:13px}.cell__risk{width:16px;height:16px;font-size:11px;top:-4px;right:-4px}}@media (prefers-reduced-motion:reduce){.board--impact,.cell--blazing,.token--blazing .token__body,.token--choosable .token__body,.cell__risk--king{animation:none}.token{transition-duration:10ms}}.snd{display:flex;position:relative}.snd>.tp-tool{flex:auto}.snd>.tp-tool[aria-expanded=true]{background:var(--tp-paper);color:var(--tp-ink)}.snd__panel{z-index:80;border:2px solid var(--tp-paper);width:min(280px,100vw - 32px);color:var(--tp-paper);text-align:left;background:#0e0e10f5;flex-direction:column;gap:4px;padding:10px 14px 12px;animation:.14s ease-out snd-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:6px 6px #0009}@keyframes snd-in{0%{opacity:0;translate:0 -6px}}.snd__head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.snd__head .tp-label{color:var(--tp-muted);font-size:15px}.snd__mute{border:2px solid var(--tp-paper);min-height:34px;color:var(--tp-paper);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;transition:background .15s,color .15s;display:inline-flex}.snd__mute svg{width:16px;height:16px}.snd__mute:hover,.snd__mute[aria-pressed=true]{background:var(--tp-paper);color:var(--tp-ink)}.snd__mute[aria-pressed=true]{border-color:var(--tp-danger);background:var(--tp-danger)}.snd__mute:focus-visible{outline:3px solid var(--tp-paper);outline-offset:2px}.snd__row{cursor:pointer;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:40px;display:grid}.snd__name{font-size:13px;font-weight:900}.snd__val{font-family:var(--tp-label);font-variant-numeric:tabular-nums;text-align:right;font-size:17px;font-style:italic;font-weight:800}.snd__panel--muted .snd__row{opacity:.42}.snd__range{--v:100%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:32px;margin:0}.snd__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tp-paper) var(--v), var(--tp-ink-3) var(--v));height:8px}.snd__range::-moz-range-track{background:var(--tp-ink-3);height:8px}.snd__range::-moz-range-progress{background:var(--tp-paper);height:8px}.snd__range::-webkit-slider-thumb{appearance:none;border:2px solid var(--tp-ink);background:var(--tp-paper);border-radius:0;width:14px;height:24px;margin-top:-8px;transform:skew(-12deg);box-shadow:3px 3px #000000b3}.snd__range::-moz-range-thumb{border:2px solid var(--tp-ink);background:var(--tp-paper);border-radius:0;width:10px;height:20px;transform:skew(-12deg);box-shadow:3px 3px #000000b3}.snd__range:focus-visible{outline:3px solid var(--tp-paper);outline-offset:2px}@media (prefers-reduced-motion:reduce){.snd__panel{animation:none}}.app.raid{max-width:min(100%,2200px)}.raid__body{grid-template-columns:clamp(240px,15vw,320px) minmax(0,1fr) clamp(220px,14vw,300px);align-items:start;gap:clamp(16px,1.4vw,28px);display:grid}.raid__body .center{grid-area:auto}.raid__boardwrap{width:min(100%,max(300px,77.7778vh - 163.333px))}.raid__boardwrap--3d{width:min(100%,max(320px,102.041vh - 234.694px))}.raid__boardwrap--3d .result,.raid__boardwrap--3d .board3d{border-radius:18px}.raid__team{flex-direction:column;gap:10px;display:flex}.raid__log{max-height:calc(100vh - 170px)}.raid__hearts{align-items:center;gap:3px;font-size:22px;display:flex}.raid__hearts span{color:#fff3}.raid__hearts span.on{color:var(--red);text-shadow:0 0 10px #ff5d73b3}.raid__hearts em{color:#ffb1bd;margin-left:6px;font-size:13px;font-style:normal;font-weight:700}.raid__wave{font-size:14px}.raid__guide{text-align:left;justify-content:space-between;gap:10px;max-width:540px}.raid__end{white-space:nowrap;flex:none}.raid__end:disabled{opacity:.45;cursor:default}.raid__end--ready{animation:.7s ease-in-out infinite alternate choosable}.raid-board .cell.raid-spawn{background-image:linear-gradient(#ff3d5a47,#ff3d5a47);box-shadow:inset 0 0 0 2px #ff3d5a8c}.raid-board .raid-home{box-shadow:inset 0 -5px #4f8cff8c}.raid-arrows{z-index:3;pointer-events:none;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;overflow:visible}.raid-arrow{stroke-width:.07px;stroke-linecap:round;fill:none}.raid-arrow--move{stroke:#3c3c5a66;stroke-dasharray:.12 .12}.raid-arrow--attack,.raid-arrow--breach{stroke:#e0193f;stroke-width:.13px;filter:drop-shadow(0 0 2px #ffffffe6)}.raid-arrow--guarded{stroke:#8f6bff;stroke-width:.11px;stroke-dasharray:.2 .12}.raid-arrow--charmed{stroke:#ff5fa2;stroke-width:.11px}.raid-arrow-head--move{fill:#3c3c5a80}.raid-arrow-head--attack,.raid-arrow-head--breach{fill:#e0193f}.raid-arrow-head--guarded{fill:#8f6bff}.raid-arrow-head--charmed{fill:#ff5fa2}.raid-incoming{color:#c42a4699;justify-content:center;align-items:center;font-size:clamp(16px,4vw,30px);animation:.8s ease-in-out infinite alternate pulse;display:flex;position:absolute;inset:0}.raid-member .token__body{border:3px solid var(--char);background:radial-gradient(circle at 50% 30%,#fff,#dfe6ff 70%);inset:5%}.raid-face{object-fit:cover;object-position:50% 30%;border-radius:50%;width:100%;height:100%}.raid-kind{background:var(--blue-deep);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:46%;height:46%;font-size:26cqw;line-height:1;display:flex;position:absolute;bottom:-10%;right:-12%}.raid-member--waiting .token__body{box-shadow:0 0 0 3px #ffffffe6, 0 0 14px var(--char)}.raid-member--done .token__body{filter:grayscale(.7)brightness(.8)}.raid-shield{font-size:30cqw;position:absolute;top:-14%;left:-14%}.raid-card{text-align:left;background:var(--panel);border:2px solid var(--line);border-left:5px solid var(--char);cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;padding:10px;display:flex}.raid-card--on{border-color:var(--gold);box-shadow:0 0 0 3px #ffd1664d}.raid-card--done{opacity:.6}.raid-card--down{opacity:.45;filter:grayscale(.8)}.raid-card--danger{border-color:var(--red)}.raid-card__face{object-fit:cover;object-position:50% 30%;border:2px solid var(--char);background:#fff;border-radius:50%;flex:none;width:56px;height:56px}.raid-card__text{color:var(--muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.raid-card__text strong{color:var(--text);font-size:16px}.raid-card__text strong i{color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.raid-card__text em{color:var(--char);font-style:normal;font-weight:700}.raid-card__text b{color:var(--text);margin-top:2px}.raid-card--danger .raid-card__text b{color:#ffb1bd}.raid-cutin{z-index:22;background:linear-gradient(100deg, var(--char) 0 30%, #12101f 30.2% 100%);pointer-events:none;border-top:3px solid #fff;border-bottom:3px solid #fff;align-items:center;gap:14px;padding:10px 18px 10px 12%;animation:1.1s cubic-bezier(.2,.9,.3,1) forwards raid-cutin;display:flex;position:absolute;top:34%;left:-6%;right:-6%;overflow:hidden;transform:skewY(-4deg);box-shadow:0 0 0 3px #0c0816,0 12px 30px #0000008c}.raid-cutin:before{content:"";background:var(--halftone) left center / 260px auto repeat-y;mix-blend-mode:soft-light;opacity:.55;pointer-events:none;position:absolute;inset:0}.raid-cutin img{object-fit:cover;object-position:50% 30%;background:#fff;border:3px solid #fff;border-radius:50%;flex:none;width:80px;height:80px;position:relative;box-shadow:4px 4px #0c0816}.raid-cutin span{flex-direction:column;display:flex;position:relative}.raid-cutin em{color:#fff;letter-spacing:.04em;font-size:14px;font-style:normal;font-weight:800}.raid-cutin strong{color:#fff;-webkit-text-stroke:1.5px #0c0816;text-shadow:-3px 2px #19e3ff,3px -2px #ff2f9a,0 4px #0c0816;font-size:clamp(22px,5.2vw,32px);font-style:italic;font-weight:900;transform:skew(-8deg)}@keyframes raid-cutin{0%{opacity:0;transform:skewY(-4deg)translate(-60%)}12%{opacity:1;transform:skewY(-4deg)translate(3%)}20%{transform:skewY(-4deg)translate(0)}82%{opacity:1;transform:skewY(-4deg)translate(0)}to{opacity:0;transform:skewY(-4deg)translate(40%)}}.board-combo{opacity:0;pointer-events:none;color:#fff;-webkit-text-stroke:2px #0c0816;paint-order:stroke fill;align-items:baseline;gap:6px;font-style:italic;font-weight:900;display:flex;position:absolute;top:10%;right:4%}.board-combo b{color:#ffd84a;text-shadow:-4px 3px #19e3ff,4px -3px #ff2f9a,0 6px #0c0816;font-size:clamp(40px,9vw,64px);line-height:1}.board-combo span{letter-spacing:.08em;text-shadow:0 3px #0c0816;font-size:clamp(16px,3.4vw,22px)}.raid-result{text-align:center;padding:12px;inset:26% 6%}.raid-result:has(.dscore){inset:6%;overflow-y:auto}.raid-draft{flex-direction:column;align-items:center;padding:0;display:flex;overflow-x:hidden}.raid-draft:before{background:linear-gradient(#100c2cb8,#100c2cdb 40%,#0c0922f0)}.raid-draft .start__inner{text-align:left;align-items:stretch;gap:22px;width:min(1100px,100%);padding:18px 16px 28px}.dtop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0a26d1;border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;width:100%;padding:10px clamp(12px,3vw,32px);display:flex;position:sticky;top:0}.dtop__back,.dtop__help{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:800;display:inline-flex}.dtop__back{font-size:16px}.dtop__back:hover,.dtop__help:hover{background:#ffffff24}.dtop__help{margin-left:auto}.dtop__help b{background:var(--gold);color:#2a1c05;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;display:inline-grid}.dtop__title{align-items:center;gap:10px;display:flex}.dtop__title b{letter-spacing:-.02em;font-size:22px;font-weight:900}.dtop__tag{letter-spacing:.14em;color:#2a1c05;background:var(--gold);border-radius:6px;padding:2px 9px;font-size:11px;font-weight:900}.dtop__tag--daily{color:#0c2340;background:#7fdcff}.dtop__stats{gap:6px;display:flex}.dtop__stats>span{background:#060e24b3;border:1px solid #7fdcff40;border-radius:8px;align-items:baseline;gap:6px;padding:4px 10px;display:flex}.dtop__stats i{color:#9fd8ff;font-size:11px;font-style:normal}.dtop__stats b{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:15px;display:flex}.dtop__stats .dgrade{min-width:24px;padding:0 5px;font-size:12px}.dnote{background:linear-gradient(90deg,#0e2850d9,#0e28504d);border-left:4px solid #7fdcff;border-radius:0 12px 12px 0;margin:0;padding:10px 16px;font-size:15px;line-height:1.55}.dnote span{color:#9fd8ff;font-size:13px;display:block}.dsec{flex-direction:column;gap:12px;display:flex}.dsec__head{border-bottom:1px solid #ffffff1f;align-items:baseline;gap:10px;margin:0;padding-bottom:8px;display:flex}.dsec__head i{color:#0000;-webkit-text-stroke:1.5px var(--gold);font-size:30px;font-style:italic;font-weight:900;line-height:1}.dsec__head span{color:#fff;font-size:22px;font-weight:900}.dsec__head small{color:var(--muted);text-align:right;margin-left:auto;font-size:14px;font-weight:500}.mapcard__icon{opacity:.8;margin-left:4px;font-size:13px;font-style:normal}.dlevels{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dlevel{text-align:left;cursor:pointer;background:#141232cc;border:2px solid #ffffff26;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.dlevel:hover:not(:disabled){transform:translateY(-2px)}.dlevel b{font-size:20px;font-weight:900}.dlevel>span:last-child{color:var(--muted);font-size:14px}.dlevel__stars{letter-spacing:2px;color:var(--gold);font-size:14px}.dlevel__stars i{color:#fff3;font-style:normal}.dlevel--on{border-color:var(--gold);background:linear-gradient(135deg,#5a3c0a8c,#141232e6 60%);box-shadow:0 0 0 3px #ffd1664d}.dlevel:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.dlaunch{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0a26e0;border-top:1px solid #ffd1664d;justify-content:center;align-items:center;gap:18px;width:100%;margin-top:auto;padding:12px clamp(12px,3vw,32px);display:flex;position:sticky;bottom:0;box-shadow:0 -10px 30px #00000059}.dlaunch__team{gap:6px;display:flex}.dlaunch__seat{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.dlaunch__seat i{color:#fff6;font-size:20px;font-style:normal}.dlaunch__seat--on{border:3px solid var(--char);background:#fff;animation:.35s cubic-bezier(.2,1.4,.4,1) dseat-in}.dlaunch__seat img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}@keyframes dseat-in{0%{transform:scale(.4)}to{transform:none}}.dlaunch__info{flex-direction:column;min-width:120px;display:flex}.dlaunch__info b{font-size:17px}.dlaunch__info span{color:var(--muted);font-size:13px}.dlaunch__go{min-width:200px}.raid-draft .dlaunch__go:not(:disabled){padding:12px 40px;font-size:22px;animation:1.6s ease-in-out infinite dgo-pulse}@keyframes dgo-pulse{0%,to{box-shadow:0 3px #c56f12,0 6px 14px #ff9f4359}50%{box-shadow:0 3px #c56f12,0 0 28px #ffd166cc}}@media (width<=760px){.dtop{flex-wrap:wrap;gap:8px}.dtop__stats{order:5;width:100%}.dtop__title b{font-size:18px}.dtop__back,.dtop__help{padding:6px 12px}.dtop__help span{display:none}.dsec__head{flex-wrap:wrap}.dsec__head small{text-align:left;width:100%;margin-left:0}.dlevel{padding:10px}.dlevel b{font-size:16px}.dlaunch{flex-wrap:wrap;gap:10px}.dlaunch__seat{width:38px;height:38px}.dlaunch__info{display:none}.dlaunch__go{flex:1;min-width:0}}.raid-draft__cards{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;display:grid}.raid-pick{border:2px solid #ffffff26;border-top:5px solid var(--char);cursor:pointer;background:#141232d9;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px 12px;transition:transform .15s;display:flex;position:relative}.raid-pick:hover{transform:translateY(-3px)}.raid-pick--on{border-color:var(--gold);box-shadow:0 0 0 3px #ffd16659}.raid-pick img{object-fit:cover;object-position:50% 30%;border:3px solid var(--char);background:#fff;border-radius:50%;width:84px;height:84px}.raid-pick strong{font-size:17px}.raid-pick i{font-style:normal;font-weight:700}.raid-pick em{color:var(--char);font-size:13px;font-style:normal;font-weight:700}.raid-pick span:not(.raid-pick__order):not(.raid-pick__queen){color:var(--muted);font-size:12px}.raid-pick__order{background:var(--gold);color:#2a1c05;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex;position:absolute;top:6px;right:8px}.raid-slots{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.raid-slot{color:var(--text);cursor:default;background:#14123299;border:2px dashed #ffffff40;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;display:flex}.raid-slot--on{border:2px solid var(--char);cursor:pointer;background:#141232e6}.raid-slot--queen{border-color:var(--gold);box-shadow:0 0 14px #ffd16699}.raid-slot__kind{font-size:17px;font-weight:900}.raid-slot>img,.raid-slot__empty{border-radius:50%;width:56px;height:56px}.raid-slot>img{object-fit:cover;border:3px solid var(--char);background:#fff}.raid-slot__empty{color:var(--muted);border:2px dashed #ffffff40;justify-content:center;align-items:center;font-size:22px;font-style:normal;display:flex}.raid-slot strong{font-size:14px}.raid-pick--queen{border-color:var(--gold);background:linear-gradient(#ffd16638,#141232e6 45%)}.raid-pick__queen{background:var(--gold);color:#2a1c05;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:900;position:absolute;top:6px;left:8px}.raid-pick--queen i{color:var(--gold);font-size:12px}.raid-draft .btn-primary:disabled{filter:grayscale(.7);opacity:.7;cursor:default}.raid-draft .mapcard em{font-size:12px;line-height:1.35}.raid-card__move{color:var(--text)}.board--space .raid-arrow--move{stroke:#e1e1ff99}.board--space .raid-arrow-head--move{fill:#e1e1ffbf}.board--space .raid-incoming{color:#ff96b499}.raid-legend__map{color:#ffe08a;flex-basis:100%;justify-content:center}.raid-lg-map{justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.raid-lg-map--pad{color:#ff9a2a;background:#15123a;border:2px solid #ffe14a}.raid-lg-map--tunnel{color:#ffb27a}.raid-lg{vertical-align:middle;border-top:3px solid #e0193f;width:18px;height:0;display:inline-block}.raid-lg-spawn{vertical-align:middle;background:#ff3d5a59;border:1px solid #ff3d5ab3;border-radius:3px;width:14px;height:14px;display:inline-block}.raid-lg--move{border-top:2px dashed #c8c8e6b3}@media (width<=980px){.raid__body{grid-template-columns:minmax(0,1fr)}.raid__body .center{order:-1;min-width:0}.raid__team{flex-flow:wrap}.raid-card{flex:220px}.raid__log{max-height:150px}.raid-draft__cards{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.raid-arrows{width:calc(100% - 12px);height:calc(100% - 12px);top:6px;left:6px}}@media (width<=520px){.raid-draft__cards{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.raid__end--ready,.raid-incoming{animation:none}}.raid-board .cell__tile{opacity:1;font-size:clamp(20px,4.6vw,36px)}.raid-board .cell__tile--tunnel{color:#2a120a;text-shadow:0 0 8px #ffaa5a,0 0 2px #fff}.raid__gauge{align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.raid__gauge i{background:#ffffff26;border:1px solid #ffffff40;border-radius:3px;width:16px;height:10px}.raid__gauge i.on{background:linear-gradient(90deg,#ffd166,#ff8a3d);border-color:#ffe08a}.raid__gauge--full i.on{animation:.6s ease-in-out infinite alternate choosable;box-shadow:0 0 8px #ffb347}.raid-card-wrap{flex-direction:column;gap:4px;display:flex}.raid-ult{text-align:left;color:var(--muted);cursor:default;background:#ffffff0a;border:1px dashed #fff3;border-radius:10px;flex-direction:column;gap:2px;padding:6px 10px;font-size:11px;display:flex}.raid-ult strong{font-size:12px}.raid-ult--ready{cursor:pointer;color:#2a1c05;background:linear-gradient(100deg,#ffd166,#ff9f43);border:2px solid #ffe08a;animation:.7s ease-in-out infinite alternate choosable;box-shadow:0 0 12px #ffb34799}.raid-ult--aiming{outline:3px solid #fff}.raid-ultcut{z-index:24;pointer-events:none;background:#0806128c;animation:1.3s ease-out forwards raid-ultcut-dim;position:absolute;inset:0;overflow:hidden}.raid-ultcut:before,.raid-ultcut:after{content:"";z-index:2;background:#0c0816;height:14%;position:absolute;left:0;right:0}.raid-ultcut:before{animation:1.3s cubic-bezier(.2,.9,.3,1) forwards raid-ultcut-bar-top;top:0}.raid-ultcut:after{animation:1.3s cubic-bezier(.2,.9,.3,1) forwards raid-ultcut-bar-bottom;bottom:0}.raid-ultcut__panel{clip-path:polygon(0 14%,100% 0,100% 86%,0 100%);background:var(--speed) center / 130% auto no-repeat, linear-gradient(105deg, #0c0816 0 8%, var(--char) 8.3% 62%, #fff 62.3% 63.5%, #12101f 63.8%);background-blend-mode:screen, normal;justify-content:flex-end;align-items:center;padding-right:9%;animation:1.3s cubic-bezier(.2,.9,.3,1) forwards raid-ultcut-panel;display:flex;position:absolute;inset:22% -4%}.raid-ultcut__panel:before{content:"";background:var(--halftone) left bottom / 55% auto no-repeat;mix-blend-mode:soft-light;opacity:.8;position:absolute;inset:0}.raid-ultcut__panel img{filter:drop-shadow(6px 6px #0c0816)drop-shadow(0 0 18px #ffffff80);height:205%;animation:1.3s cubic-bezier(.2,.9,.3,1) forwards raid-ultcut-hero;position:absolute;top:-4%;left:4%}.raid-ultcut__text{text-align:right;flex-direction:column;align-items:flex-end;animation:1.3s cubic-bezier(.2,.9,.3,1) forwards raid-ultcut-text;display:flex;position:relative;transform:skew(-10deg)}.raid-ultcut__text em{letter-spacing:.12em;color:#0c0816;background:#fff;padding:1px 10px;font-size:clamp(13px,2.6vw,17px);font-style:normal;font-weight:800}.raid-ultcut__text strong{color:#fff;-webkit-text-stroke:2px #0c0816;paint-order:stroke fill;text-shadow:-5px 3px #19e3ff,5px -3px #ff2f9a,0 7px #0c0816;margin:2px 0;font-size:clamp(34px,8.4vw,64px);font-style:italic;font-weight:900;line-height:1.05}.raid-ultcut__text b{color:#ffd84a;text-shadow:0 2px #0c0816,2px 0 #0c0816,-2px 0 #0c0816,0 -2px #0c0816;font-size:clamp(14px,3vw,20px);font-weight:900}@keyframes raid-ultcut-dim{0%{background:#ffffffe6}6%{background:#08061299}85%{opacity:1}to{opacity:0}}@keyframes raid-ultcut-bar-top{0%{transform:translateY(-100%)}12%{transform:none}85%{transform:none}to{transform:translateY(-100%)}}@keyframes raid-ultcut-bar-bottom{0%{transform:translateY(100%)}12%{transform:none}85%{transform:none}to{transform:translateY(100%)}}@keyframes raid-ultcut-panel{0%{transform:translate(110%)}10%{transform:translate(-3%)}16%{transform:translate(0)}80%{transform:translate(-2%)}to{transform:translate(-120%)}}@keyframes raid-ultcut-hero{0%{opacity:0;transform:translate(40%)scale(1.15)}14%{opacity:1;transform:translate(-4%)scale(1)}80%{transform:translate(4%)scale(1.03)}to{transform:translate(4%)scale(1.03)}}@keyframes raid-ultcut-text{0%,12%{opacity:0;transform:skew(-10deg)scale(2.2)}20%{opacity:1;transform:skew(-10deg)scale(.94)}26%{transform:skew(-10deg)scale(1)}to{opacity:1;transform:skew(-10deg)scale(1)}}@media (prefers-reduced-motion:reduce){.raid-ultcut,.raid-ultcut *,.raid-ultcut:before,.raid-ultcut:after,.raid-cutin{animation:none!important}}.raid-aim{border:4px solid #ffd166;border-radius:50%;animation:.6s ease-in-out infinite alternate choosable;inset:18%;box-shadow:0 0 10px #ffb347}.raid-stun{filter:drop-shadow(0 0 3px #fff);font-size:30cqw;position:absolute;top:-14%;right:-10%}.raid-clone .token__body{opacity:.6;filter:saturate(.6)brightness(1.15)}.dgrade{color:#1b1030;background:#c9d6e8;border-radius:8px;justify-content:center;align-items:center;min-width:34px;padding:1px 8px;font-style:italic;font-weight:900;display:inline-flex}.dgrade--SS{background:conic-gradient(#ff7ad9,#ffd84a,#7dffb0,#5ad1ff,#b07bff,#ff7ad9)}.dgrade--S{background:linear-gradient(160deg,#fff1b8,#ffc23d)}.dgrade--A{background:linear-gradient(160deg,#e8d2ff,#b06bff)}.dgrade--B{background:linear-gradient(160deg,#b9f0ff,#3cc8ff)}.dgrade--X{color:#fff;background:#8a8aa0}.dscore{text-align:left;background:#0a081a99;border:1px solid #7fdcff66;border-radius:14px;flex-direction:column;gap:8px;width:min(100%,420px);padding:12px 14px;display:flex}.dscore__head{align-items:center;gap:10px;display:flex}.dscore__head .dgrade{padding:2px 12px;font-size:22px}.dscore__head strong{font-style:italic;font-size:28px!important}.dscore__best{color:#2a1640;background:linear-gradient(90deg,#ff7ad9,#ffd84a);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:13px;font-weight:900;animation:.6s ease-in-out infinite alternate choosable}.dscore__parts{flex-direction:column;gap:3px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.dscore__parts li{justify-content:space-between;gap:10px;display:flex}.dscore__parts b{color:#9fd8ff}.dscore__foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.mapcard:disabled,.seg button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}:root{--tp-ink:#0e0e10;--tp-ink-2:#17171a;--tp-ink-3:#2c2c31;--tp-paper:#f3f0e8;--tp-paper-2:#f4f3ef;--tp-muted:#b8b4aa;--tp-muted-dark:#4a4842;--tp-danger:#ff3b47;--tp-danger-soft:#ff6b74;--tp-ult:#d7ff3a;--tp-display:"Black Han Sans", "Pretendard", "Malgun Gothic", sans-serif;--tp-label:"Barlow Condensed", "Pretendard", "Malgun Gothic", sans-serif}.tp-label{font-family:var(--tp-label);letter-spacing:.1em;font-style:italic;font-weight:800}.tp-tag{white-space:nowrap;align-items:center;gap:6px;padding:2px 9px 1px;font-size:12px;font-weight:900;display:inline-flex;transform:skew(-12deg)}.tp-tag>*{transform:skew(12deg)}.tp-checker{background:repeating-conic-gradient(var(--tp-paper) 0% 25%, var(--tp-ink) 0% 50%) 0 0 / 10px 10px;height:10px}.tp-btn{--tp-shadow:var(--char,var(--tp-ink));background:var(--tp-ink);min-height:46px;color:var(--tp-paper);font-family:var(--tp-display);box-shadow:5px 5px 0 var(--tp-shadow);cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:19px;font-weight:400;line-height:1;transition:transform .12s,box-shadow .12s,filter .15s,background .2s;display:inline-flex;position:relative;transform:skew(-12deg)}.tp-btn>*{transform:skew(12deg)}.tp-btn:hover:not(:disabled){filter:brightness(1.12);transform:skew(-12deg)translate(-2px,-2px)}.tp-btn:active:not(:disabled){box-shadow:none;transform:skew(-12deg)translate(4px,4px)}.tp-btn:disabled{background:var(--tp-ink-3);color:#807d76;box-shadow:none;cursor:not-allowed}.tp-btn--paper{background:var(--tp-paper);color:var(--tp-ink)}.tp-btn--ult{background:var(--tp-ult);color:var(--tp-ink);--tp-shadow:var(--tp-ink);animation:1.4s ease-in-out infinite tp-ult-glow}@keyframes tp-ult-glow{0%,to{filter:drop-shadow(0 0 #d7ff3a00)}50%{filter:drop-shadow(0 0 12px #d7ff3ab3)}}.tp-chev{flex-shrink:0;animation:1s ease-in-out infinite tp-chev}@keyframes tp-chev{0%,to{opacity:1;translate:0}50%{opacity:.6;translate:5px}}.tp-tool{border:2px solid var(--tp-paper);min-height:44px;color:var(--tp-paper);cursor:pointer;background:#0e0e108c;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:900;transition:background .15s,color .15s;display:inline-flex}.tp-tool:hover:not(:disabled){background:var(--tp-paper);color:var(--tp-ink)}.tp-tool:active:not(:disabled){color:var(--tp-ink);background:#d8d4ca}.tp-tool:disabled{color:#6a6862;cursor:not-allowed;border-color:#3a3a40}.tp-tool svg{flex-shrink:0}.tp-btn:focus-visible,.tp-tool:focus-visible{outline:3px solid var(--tp-paper);outline-offset:4px}@media (prefers-reduced-motion:reduce){.tp-chev,.tp-btn--ult{animation:none}}.bt{background:var(--tp-ink);color:var(--tp-paper);grid-template:"status guide tools""status stage side"minmax(0,1fr)"dock dock end"/clamp(240px,18vw,290px) minmax(0,1fr) clamp(270px,21vw,320px);gap:14px 24px;padding:20px 32px 22px;display:grid;position:fixed;inset:0;overflow:hidden}.bt__bg{object-fit:cover;filter:blur(20px)brightness(.36)saturate(.85);pointer-events:none;width:112%;height:112%;position:absolute;inset:-6%}.bt>:where(:not(.bt__bg)){min-width:0;position:relative}.bt__status{scrollbar-width:none;flex-direction:column;grid-area:1/status/3;gap:12px;min-height:0;display:flex;overflow-y:auto}.bt-turn{flex-shrink:0;height:88px;position:relative}.bt-turn:before{content:"";clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);background:#000;position:absolute;inset:0;transform:translate(6px,6px)}.bt-turn__face{background:var(--tp-paper);color:var(--tp-ink);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);justify-content:space-between;align-items:center;padding:0 30px 0 26px;transition:background .3s;display:flex;position:absolute;inset:0}.bt-turn--enemy .bt-turn__face{background:var(--tp-danger)}.bt-turn__now,.bt-turn__no{flex-direction:column;display:flex}.bt-turn__now i,.bt-turn__no i{opacity:.75;font-size:14px}.bt-turn__now b{font-family:var(--tp-display);font-size:34px;font-weight:400;line-height:1}.bt-turn__no{align-items:flex-end}.bt-turn__no b{letter-spacing:0;font-size:44px;line-height:.85}.bt-box{border-left:4px solid var(--tp-paper);background:#0e0e10bd;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px 12px;display:flex}.bt-box--life{border-left-color:var(--tp-danger)}.bt-box--ult{border-left-color:var(--tp-ult)}.bt-box__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bt-box__head .tp-label{letter-spacing:.1em;color:var(--tp-muted);font-size:14px}.bt-warn{background:var(--tp-danger);color:var(--tp-ink);white-space:nowrap;padding:1px 7px;font-size:11px;font-style:normal;font-weight:900;animation:1s ease-in-out infinite bt-blink}@keyframes bt-blink{0%,to{opacity:1}50%{opacity:.45}}.bt-pips{gap:6px;display:flex}.bt-pip{box-sizing:border-box;border:2px solid #f3f0e847;flex:1 1 0;max-width:68px;height:14px;transform:skew(-14deg)}.bt-pip--heart.on{background:var(--tp-danger);border:none}.bt-pip--risk{animation:1s ease-in-out infinite bt-blink}.bt-pip--ult{border-color:#d7ff3a73;height:12px}.bt-pip--ult.on{background:var(--tp-ult);border:none}.bt-box--full .bt-pip--ult.on{box-shadow:0 0 12px #d7ff3ab3}.bt-enemy__count{font-size:13px;font-weight:700}.bt-enemy__count b{letter-spacing:0;font-size:22px}.bt-enemy__glyphs{color:var(--tp-danger-soft);word-break:break-all;font-size:20px;line-height:1.1}.bt-enemy__next{color:var(--tp-muted);border-top:1px solid #f3f0e824;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:12px;font-weight:700;display:flex}.bt-enemy__wave{color:var(--tp-danger-soft);align-items:center;gap:6px;font-size:16px;display:inline-flex}.bt-enemy__wave .tp-tag,.bt-enemy__last{background:var(--tp-paper);color:var(--tp-ink);font-size:11px;font-style:normal}.bt-legend{border-left:none}.bt-legend__toggle{display:none}.bt-legend__title{letter-spacing:.1em;color:var(--tp-muted);font-size:14px}.bt-legend__list{color:#e4e0d6;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.bt-legend__list li{align-items:center;gap:7px;display:flex}.bt-lg{flex-shrink:0;place-items:center;font-style:normal;display:inline-grid}.bt-lg--move{background:#4f8cff;border-radius:50%;width:10px;height:10px}.bt-lg--capture{border:2.5px solid var(--tp-danger-soft);box-sizing:border-box;border-radius:50%;width:12px;height:12px}.bt-lg--risk{background:var(--tp-danger);width:14px;height:14px;color:var(--tp-ink);border-radius:50%;font-size:10px;font-weight:900}.bt-lg--attack{background:var(--tp-danger);width:16px;height:3px}.bt-lg--path{border-top:3px dashed #cfcbc1;width:16px;height:0}.bt-lg--charm{color:#ff86b0;font-size:12px}.bt-lg--spawn{box-sizing:border-box;border:1.5px solid var(--tp-danger);background:#ff3b4759;width:12px;height:12px}.bt-legend__map{color:#e4e0d6;border-top:1px solid #f3f0e824;align-items:flex-start;gap:8px;margin:2px 0 0;padding-top:8px;font-size:12px;line-height:1.45;display:flex}.bt-legend__map .tp-tag{color:var(--tp-ink);background:#ffc93c;flex-shrink:0;font-size:11px;font-style:normal}.bt__guide{grid-area:guide;justify-content:center;align-items:flex-start;display:flex}.bt-guide{box-sizing:border-box;background:var(--tp-paper);max-width:100%;min-height:44px;color:var(--tp-ink);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);align-items:center;gap:12px;padding:9px 30px 9px 26px;display:inline-flex}.bt-guide__tag{background:var(--tp-ink);color:var(--tp-paper);letter-spacing:.08em;flex-shrink:0;padding:1px 8px;font-size:14px}.bt-guide__text{font-size:15px;font-weight:700;line-height:1.4}.bt-guide--danger{background:var(--tp-danger)}.bt-guide--ink{background:var(--tp-ink-2);color:var(--tp-paper)}.bt-guide--ink .bt-guide__tag{background:var(--tp-danger);color:var(--tp-ink)}.bt-guide--ult .bt-guide__tag{background:var(--tp-ult);color:var(--tp-ink)}.bt__tools{grid-area:tools;justify-content:flex-end;display:flex}.bt-tools__toggle{display:none}.bt-tools__list{justify-content:space-between;gap:8px;width:100%;display:flex}.bt-tool{flex-direction:column;flex:1 1 0;gap:3px;min-height:54px;padding:0 4px;font-size:11px}.bt-tool--log{display:none}@media (width>=861px){.bt-tools__list{gap:6px}.bt-tools__list>.snd,.bt-tools__list>.bt-tool--icon{flex:0 0 36px}.bt-tools__list>.snd{position:static}.bt-tool--icon{padding:0}.bt-tool--icon>span{display:none}}.bt__stage{grid-area:stage;grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;display:grid}.bt .raid__boardwrap{width:min(100%,max(300px,77.7778vh - 194.444px))}.bt .raid__boardwrap--3d{width:min(100%,max(320px,102.041vh - 255.102px))}.bt__side{scrollbar-width:none;flex-direction:column;grid-area:side;gap:12px;min-height:0;display:flex;overflow-y:auto}.bt-detail{border-top:5px solid var(--char);background:#0e0e10db;flex-direction:column;gap:11px;padding:16px 16px 18px 18px;animation:.35s cubic-bezier(.2,.9,.2,1) both bt-in;display:flex}@keyframes bt-in{0%{opacity:0;translate:30px}to{opacity:1;translate:0}}.bt-detail--danger{border-top-color:var(--tp-danger)}.bt-detail__top{align-items:center;gap:8px;display:flex}.bt-detail__sel{background:var(--char-fill);color:var(--char-on);font-size:14px}.bt-detail__kind{color:var(--tp-muted);font-size:13px;font-weight:700}.bt-detail__name{font-family:var(--tp-display);text-shadow:4px 4px 0 var(--char), 7px 7px 0 var(--tp-ink);margin:0;font-size:40px;font-weight:400;line-height:1}.bt-detail__move{border-top:1px solid #f3f0e824;border-bottom:1px solid #f3f0e824;align-items:center;gap:14px;padding:10px 0;display:flex}.bt-detail__move .gmove--sm{flex-shrink:0;width:72px}.bt-detail__movetext{flex-direction:column;gap:3px;display:flex}.bt-detail__movetext i{color:var(--tp-muted);font-size:11px;font-style:normal;font-weight:700}.bt-detail__movetext b{font-size:16px;font-weight:900}.bt-detail__movetext em{color:var(--tp-muted);font-size:12px;font-style:normal}.bt-detail--danger .bt-detail__movetext em{color:var(--tp-danger-soft);font-weight:700}.bt-detail__skill{flex-direction:column;gap:5px;display:flex}.bt-detail__skill>div{align-items:center;gap:8px;display:flex}.bt-detail__skill b{font-size:15px}.bt-detail__skill p{color:#d9d5cb;margin:0;font-size:13px;line-height:1.5}.bt-chip{background:var(--tp-paper);color:var(--tp-ink);padding:1px 7px;font-size:11px}.bt-chip--char{background:var(--char-fill);color:var(--char-on)}.bt-detail__ult{--tp-shadow:var(--tp-ink);min-height:46px;margin:2px 6px 0 2px;font-size:17px}.bt-detail__ult:disabled{font-family:Pretendard,Malgun Gothic,sans-serif;font-size:13px;font-weight:700}.bt-logbtn{border-color:#f3f0e859;justify-content:space-between;font-size:13px}.bt-log{background:#0e0e10db;flex-direction:column;gap:2px;max-height:260px;padding:10px 12px;display:flex;overflow-y:auto}.bt-log__line{color:#d9d5cb;border-bottom:1px solid #f3f0e814;margin:0;padding:4px 0;font-size:12.5px;line-height:1.45}.bt-log__line--key{color:var(--tp-paper);font-weight:700}.bt__dock{grid-area:dock;grid-template-columns:repeat(4,minmax(0,248px));align-items:end;gap:16px;display:grid}.bt-dock{--r:12px;height:100px;transition:translate .2s cubic-bezier(.3,1.4,.4,1),opacity .2s;position:relative}.bt-dock:before{content:"";border-radius:var(--r);background:#0000008c;position:absolute;inset:0;transform:translate(6px,6px)}.bt-dock--on{translate:0 -10px}.bt-dock--on:before{background:var(--char)}.bt-dock--danger:before{background:var(--tp-danger)}.bt-dock--done,.bt-dock--down,.bt-dock--wait{opacity:.55}.bt-dock:hover{translate:0 -4px}.bt-dock--on:hover{translate:0 -10px}.bt-dock__main{border-radius:var(--r);background:var(--metal);color:var(--tp-paper);text-align:left;cursor:pointer;background-size:220% 220%;border:none;padding:0;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff80,inset 0 0 0 3px #00000024}.bt-dock.gtier--S .bt-dock__main,.bt-dock.gtier--Q .bt-dock__main{animation:6s ease-in-out infinite alternate tc-metal}.bt-dock--on .bt-dock__main{outline:3px solid var(--tp-paper);outline-offset:2px}.bt-dock--danger .bt-dock__main{outline:3px solid var(--tp-danger);outline-offset:2px}.bt-dock__main:disabled{cursor:not-allowed}.bt-dock__main:focus-visible{outline:3px solid var(--tp-paper);outline-offset:2px}.bt-dock__window{border-radius:calc(var(--r) - 5px);background:#101014;position:absolute;inset:5px;overflow:hidden;box-shadow:0 0 0 1.5px #00000080}.bt-dock__bg{background:radial-gradient(60% 90% at 22% 30%, color-mix(in srgb, var(--char-fill) 60%, transparent) 0%, transparent 75%), linear-gradient(100deg, color-mix(in srgb, var(--char-fill) 40%, #0e0e10) 0%, #121216 50%);position:absolute;inset:0}.bt-dock__bg:after{content:"";background:radial-gradient(circle,#f3f0e833 1px,#0000 1.4px) 0 0/7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#000 0%,#0000 45%);mask-image:linear-gradient(110deg,#000 0%,#0000 45%)}.bt-dock__art{pointer-events:none;width:150px;max-width:none;filter:drop-shadow(3px 2px 0 color-mix(in srgb, var(--char-fill) 70%, #000));position:absolute;top:-2px;left:-18px}.bt-dock--done .bt-dock__art,.bt-dock--down .bt-dock__art{filter:grayscale(.85)}.bt-dock__plate{position:absolute;inset:0 0 0 76px}.bt-dock__plate:before,.bt-dock__plate:after{content:"";position:absolute;inset:0}.bt-dock__plate:before{background:var(--metal);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);background-size:220% 220%}.bt-dock__plate:after{clip-path:polygon(17px 0,100% 0,100% 100%,3px 100%);background:linear-gradient(#17171b,#0c0c0e)}.bt-dock__tier{--tm:1.75px;position:absolute;top:5px;left:11px}.bt-dock__tier small{display:none}.bt-dock__text{flex-direction:column;gap:4px;display:flex;position:absolute;top:17px;left:100px;right:74px}.bt-dock__text b{font-family:var(--tp-display);white-space:nowrap;text-shadow:2px 2px 0 color-mix(in srgb, var(--char) 85%, #000);font-size:23px;font-weight:400;line-height:1}.bt-dock__text i{color:#d9d5cb;font-size:12px;font-style:normal;font-weight:700}.bt-dock__state{box-sizing:border-box;height:22px;color:var(--tp-paper);background:#f3f0e824;padding:0 8px;font-size:11px;position:absolute;bottom:14px;left:100px}.bt-dock--on .bt-dock__state{background:var(--tp-paper);color:var(--tp-ink)}.bt-dock--danger .bt-dock__state{background:var(--tp-danger);color:var(--tp-ink)}.bt-dock__ult{color:#807d76;cursor:not-allowed;background:0 0;border:1.5px solid #3a3a40;height:26px;padding:0 10px;font-size:11px;font-weight:900;position:absolute;top:16px;right:16px;transform:skew(-10deg)}.bt-dock__ult--ready{background:var(--tp-ult);color:var(--tp-ink);cursor:pointer;border:none;animation:1.4s ease-in-out infinite bt-ult}.bt-dock__ult--aiming{outline:3px solid var(--tp-paper);outline-offset:2px}@keyframes bt-ult{0%,to{box-shadow:0 0 #d7ff3a00}50%{box-shadow:0 0 16px 2px #d7ff3a99}}.bt-dock__ult:focus-visible{outline:3px solid var(--tp-paper);outline-offset:2px}.bt-end{width:calc(100% - 10px);height:88px;box-shadow:6px 6px 0 var(--char);grid-area:end;justify-content:space-between;place-self:end;padding:0 24px 0 30px}.bt-end__text{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.bt-end__text i{opacity:.75;font-size:14px}.bt-end__text b{font-size:36px;font-weight:400;line-height:1}.bt-end--ready{animation:1.2s ease-in-out infinite bt-end}@keyframes bt-end{0%,to{box-shadow:6px 6px 0 var(--char)}50%{box-shadow:6px 6px 0 var(--char), 0 0 26px 4px color-mix(in srgb, var(--char) 60%, transparent)}}.bt .raid-result .result__buttons button{border-radius:0}@media (height<=760px) and (width>=861px){.bt{gap:10px 20px;padding:14px 24px 16px}.bt-turn{height:72px}.bt-turn__now b{font-size:28px}.bt-turn__no b{font-size:36px}.bt-detail__skill p{display:none}.bt-dock{height:84px}.bt-dock__art{width:128px;left:-16px}.bt-dock__plate{left:64px}.bt-dock__tier{--tm:1.55px}.bt-dock__text{top:13px;left:88px}.bt-dock__state{bottom:11px;left:88px}.bt-end{height:74px}.bt-end__text b{font-size:30px}.bt .raid__boardwrap--3d{width:min(100%,max(300px,102.041vh - 214.286px))}.bt .raid__boardwrap{width:min(100%,max(280px,77.7778vh - 163.333px))}}@media (width<=1180px) and (width>=861px){.bt{grid-template-columns:220px minmax(0,1fr) 250px;gap:12px 16px;padding:16px 18px 18px}.bt-detail__name{font-size:32px}.bt-dock__text b{font-size:19px}.bt-dock__ult{right:12px}}@media (width<=860px){.bt{flex-direction:column;gap:8px;padding:10px 10px 88px;display:flex;overflow-y:auto}.bt>*{flex-shrink:0}.bt__stage,.bt__side{min-height:auto}.bt__status{order:1;grid-template-columns:148px minmax(0,1fr) auto;grid-template-areas:"turn life life""turn ult ult""enemy enemy legend";gap:6px 10px;display:grid;overflow:visible}.bt-turn{grid-area:turn;height:58px}.bt-box--life{grid-area:life;margin-right:56px}.bt-box--ult{grid-area:ult;margin-right:56px}.bt-turn:before{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transform:translate(4px,4px)}.bt-turn__face{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding:0 18px}.bt-turn__now i,.bt-turn__no i{font-size:10px}.bt-turn__now b{font-size:21px}.bt-turn__no b{font-size:28px}.bt-box{background:0 0;border:none;gap:3px;padding:0}.bt-box__head .tp-label{font-size:11px}.bt-warn{padding:0 5px;font-size:10px}.bt-pips{gap:4px}.bt-pip{max-width:30px;height:10px}.bt-pip--ult{height:8px}.bt-box--enemy{white-space:nowrap;background:#0e0e10bd;flex-direction:row;grid-area:enemy;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 10px;overflow:hidden}.bt-box--enemy .bt-box__head{gap:6px}.bt-box--enemy .bt-box__head>.tp-label{display:none}.bt-enemy__count{font-size:11px}.bt-enemy__count b{font-size:16px}.bt-enemy__glyphs{display:none}.bt-enemy__next{border:none;gap:6px;margin-left:auto;padding:0;font-size:11px}.bt-enemy__wave{font-size:13px}.bt-legend{grid-area:legend;padding:0}.bt-legend__toggle{min-height:32px;color:var(--tp-paper);cursor:pointer;background:#0e0e1099;border:2px solid #f3f0e866;align-self:flex-start;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.bt-legend__toggle .tp-label{font-size:12px}.bt-legend__title,.bt-legend__list,.bt-legend__map{display:none}.bt-legend__toggle{min-height:34px}.bt-legend--open{background:#0e0e10db;grid-area:auto/1/auto/-1;padding:8px 10px 10px}.bt-legend--open .bt-legend__list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bt-legend--open .bt-legend__map{display:flex}.bt-legend--open .bt-legend__toggle svg{rotate:180deg}.bt__tools{z-index:30;position:absolute;top:10px;right:10px}.bt-tools__toggle{width:48px;min-height:48px;padding:0;display:inline-flex}.bt-tools__list{display:none}.bt__tools--open .bt-tools__list{background:#0e0e10f2;flex-direction:column;gap:6px;width:180px;padding:8px;display:flex;position:absolute;top:56px;right:0;box-shadow:6px 6px #0009}.bt__tools--open .bt-tool{flex-direction:row;justify-content:flex-start;gap:10px;min-height:44px;padding:0 12px;font-size:13px}.bt__guide{order:2}.bt-guide{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);gap:8px;width:100%;min-height:38px;padding:6px 16px 6px 14px}.bt-guide__tag{padding:0 6px;font-size:11px}.bt-guide__text{font-size:12.5px}.bt__stage{order:3}.bt .raid__boardwrap,.bt .raid__boardwrap--3d{width:100%}.bt__side{order:4;gap:8px;overflow:visible}.bt-detail{border-top-width:4px;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"dia name""dia move""ult ult";gap:2px 12px;padding:10px 12px 12px;display:grid}.bt-detail__top,.bt-detail__skill{display:none}.bt-detail__name{text-shadow:2px 2px 0 var(--char), 4px 4px 0 var(--tp-ink);grid-area:name;align-self:end;font-size:24px}.bt-detail__move{display:contents}.bt-detail__move .gmove--sm{grid-area:dia;align-self:center;width:56px}.bt-detail__movetext{grid-area:move;gap:1px}.bt-detail__movetext i{display:none}.bt-detail__movetext b{font-size:13px}.bt-detail__movetext em{font-size:11px}.bt-detail__ult{grid-area:ult;min-height:40px;margin-top:8px;font-size:15px}.bt-logbtn{display:none}.bt__tools--open .bt-tool--log{display:inline-flex}.bt__dock{order:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:10px}.bt-dock{--r:8px;height:84px}.bt-dock:before{transform:translate(4px,4px)}.bt-dock--on{translate:0 -6px}.bt-dock__window{inset:3px}.bt-dock__art{width:104px;top:-2px;left:50%;translate:-50%}.bt-dock__plate{height:56%;top:auto;left:0}.bt-dock__plate:before{clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}.bt-dock__plate:after{clip-path:polygon(0 calc(14% + 2px),100% 2px,100% 100%,0 100%)}.bt-dock__tier{--tm:1.15px;top:3px;left:6px}.bt-dock__text{inset:auto 4px 23px 6px}.bt-dock__text b{text-shadow:1px 1px 0 color-mix(in srgb, var(--char) 85%, #000);font-size:14px}.bt-dock__text i{display:none}.bt-dock__state{justify-content:center;height:16px;padding:0 3px;font-size:8.5px;bottom:5px;left:5px;right:5px;overflow:hidden}.bt-dock__ult{display:none}.bt-end{z-index:40;width:auto;height:62px;box-shadow:5px 5px 0 var(--char);padding:0 22px;position:fixed;bottom:12px;left:18px;right:22px}.bt-end__text{flex-direction:row;align-items:baseline;gap:10px}.bt-end__text i{order:2;font-size:12px}.bt-end__text b{font-size:26px}}@media (prefers-reduced-motion:reduce){.bt-warn,.bt-pip--risk,.bt-dock__ult--ready,.bt-end--ready,.bt-detail{animation:none}}.gtier--C{--tier:#9fb6d4;--tier2:#dce8f7;--metal:linear-gradient(135deg, #f5f8fc 0%, #a3b0c3 17%, #e6ebf2 31%, #66748a 49%, #c8d1de 64%, #7d8ba1 81%, #eef2f7 100%);--metal-ink:#1a2230}.gtier--B{--tier:#3cc8ff;--tier2:#b9f0ff;--metal:linear-gradient(135deg, #e8fbff 0%, #4fcfff 17%, #c6f2ff 31%, #0b67a6 49%, #6fd9ff 64%, #157bbd 81%, #dff8ff 100%);--metal-ink:#03243b}.gtier--A{--tier:#b06bff;--tier2:#e8d2ff;--metal:linear-gradient(135deg, #f6ecff 0%, #b384ff 17%, #ecdcff 31%, #5424a0 49%, #c398ff 64%, #6a36bb 81%, #f2e6ff 100%);--metal-ink:#1f0942}.gtier--S{--tier:#ffc23d;--tier2:#fff1b8;--metal:linear-gradient(135deg, #fff9da 0%, #efb02c 17%, #ffe9a0 31%, #8f5404 49%, #ffd25a 64%, #b0720c 81%, #fff4c6 100%);--metal-ink:#351f00}.gtier--Q{--tier:#ff7ad9;--tier2:#fff;--metal:linear-gradient(135deg, #ffe6f6 0%, #ff7ad9 13%, #ffe27a 26%, #7dffb0 39%, #5ad1ff 52%, #b07bff 65%, #ff8fe0 78%, #fff0b0 89%, #ffe6f6 100%);--metal-ink:#2a0b3c}.tmark{filter:drop-shadow(0 calc(var(--tm,1px) * .8) calc(var(--tm,1px) * 1.1) #0009);pointer-events:none;line-height:1;display:inline-block}.tmark__ribbon{width:calc(var(--tm,1px) * 15);padding:calc(var(--tm,1px) * 2.2) 0 calc(var(--tm,1px) * 5);box-sizing:border-box;background:var(--metal);color:var(--metal-ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);box-shadow:inset calc(var(--tm,1px) * .55) 0 0 #ffffff8c, inset calc(var(--tm,1px) * -.55) 0 0 #00000038;background-size:220% 220%;flex-direction:column;align-items:center;display:flex}.tmark b{margin-right:calc(var(--tm,1px) * .9);font-family:var(--tp-label);font-style:italic;font-weight:800;font-size:calc(var(--tm,1px) * 13.5);letter-spacing:0;text-shadow:0 calc(var(--tm,1px) * .45) 0 #fff9;line-height:.92}.tmark small{margin-top:calc(var(--tm,1px) * .5);font-size:calc(var(--tm,1px) * 4.1);letter-spacing:.04em;white-space:nowrap;font-weight:900}.gtier--Q .tmark__ribbon,.tmark.gtier--Q .tmark__ribbon{animation:5s linear infinite alternate tc-metal}.tc{--mx:50%;--my:0%;aspect-ratio:2/3;-webkit-user-select:none;user-select:none;border-radius:5%/3.333%;position:relative;box-shadow:0 2px 3px #00000073,0 10px 22px #00000073;container-type:inline-size}.tc--sm,.tc--xl{width:100%}.tc--md{width:150px}.tc--lg{width:220px}.tc__body{background:var(--metal);transform:var(--tilt,none);background-position:0 0;background-size:220% 220%;border-radius:5cqw;transition:transform .15s ease-out,background-position .9s ease-out;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 .45cqw #ffffff80,inset 0 0 0 .9cqw #00000029}.tc__body:before{content:"";pointer-events:none;border:.32cqw solid #ffffff6b;border-radius:3.7cqw;position:absolute;inset:1.8cqw;box-shadow:0 0 0 .32cqw #00000029}.tc:hover .tc__body{background-position:70% 70%}.gtier--S.tc .tc__body,.gtier--Q.tc .tc__body{animation:7s ease-in-out infinite alternate tc-metal}.gtier--Q.tc .tc__body{animation-duration:4.5s}@keyframes tc-metal{0%{background-position:0 0}to{background-position:100% 100%}}.tc__window{background:#101014;border-radius:2.8cqw;position:absolute;inset:4cqw;overflow:hidden;box-shadow:0 0 0 .5cqw #00000080}.tc__bg{background:radial-gradient(85% 50% at 50% 24%, color-mix(in srgb, var(--char-fill) 55%, transparent) 0%, transparent 72%), linear-gradient(168deg, color-mix(in srgb, var(--char-fill) 42%, #0e0e10) 0%, #141418 55%, #0b0b0d 100%);position:absolute;inset:0}.tc__bg:before{content:"";background:linear-gradient(180deg, var(--char-fill) 0%, color-mix(in srgb, var(--char-fill) 30%, transparent) 70%);opacity:.5;width:34%;height:120%;position:absolute;top:-10%;left:30%;transform:skew(-12deg)}.tc__bg:after{content:"";background:radial-gradient(circle,#f3f0e833 .42cqw,#0000 .52cqw) 0 0/3.2cqw 3.2cqw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000 0%,#0000 55%);mask-image:linear-gradient(200deg,#000 0%,#0000 55%)}.tc__ghost{writing-mode:vertical-rl;letter-spacing:0;white-space:nowrap;color:#0000;-webkit-text-stroke:.32cqw color-mix(in srgb, var(--char) 60%, transparent);font-size:25cqw;line-height:.82;position:absolute;top:1cqw;right:-2cqw}.tc__foil{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.gtier--B .tc__foil{background:repeating-linear-gradient(118deg,#b9f0ff1a 0 .7cqw,#0000 .7cqw 4.2cqw)}.gtier--A .tc__foil{background:radial-gradient(circle at var(--mx) var(--my), #e8d2ff52, transparent 50%), repeating-linear-gradient(118deg, #e8d2ff21 0 .7cqw, transparent .7cqw 4.2cqw)}@property --tc-ray{syntax:"<angle>";inherits:false;initial-value:0deg}.gtier--S .tc__foil{background:radial-gradient(55% 38% at 50% 30%, #ffc4466b, transparent 75%), repeating-conic-gradient(from var(--tc-ray) at 50% 28%, #ffdc6e57 0deg 5deg, transparent 5deg 17deg);animation:30s linear infinite tc-ray;-webkit-mask-image:radial-gradient(75% 60% at 50% 28%,#000 20%,#0000 80%);mask-image:radial-gradient(75% 60% at 50% 28%,#000 20%,#0000 80%)}.gtier--Q .tc__foil{background:radial-gradient(circle,#ffffffd9 .25cqw,#0000 .6cqw) 0 0/9cqw 11cqw,repeating-linear-gradient(125deg,#ff7ad9 0%,#ffd84a 5%,#7dffb0 10%,#5ad1ff 15%,#b07bff 20%,#ff7ad9 25%) 0 0/300% 300%;background-position:0 0, var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.55;animation:8s linear infinite tc-holo}@keyframes tc-ray{to{--tc-ray:360deg}}@keyframes tc-holo{0%{background-position:0 0,0 0}to{background-position:9cqw 11cqw,100% 100%}}.tc__art{pointer-events:none;width:106cqw;max-width:none;height:auto;filter:drop-shadow(1.3cqw 1.1cqw 0 color-mix(in srgb, var(--char-fill) 70%, #000));position:absolute;top:8cqw;left:50%;translate:-50%}.gtier--S .tc__art{filter:drop-shadow(1.3cqw 1.1cqw 0 color-mix(in srgb, var(--char-fill) 70%, #000)) drop-shadow(0 0 1.4cqw #ffd25a8c)}.gtier--Q .tc__art{filter:drop-shadow(1.3cqw 1.1cqw 0 color-mix(in srgb, var(--char-fill) 70%, #000)) drop-shadow(0 0 1.4cqw #ffaaeb99)}.tc__plate{box-sizing:border-box;flex-direction:column;justify-content:flex-end;height:40cqw;padding:0 5cqw 4cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.tc__plate:before,.tc__plate:after{content:"";position:absolute;inset:0}.tc__plate:before{background:var(--metal);clip-path:polygon(0 32%,100% 10%,100% 100%,0 100%);background-size:220% 220%}.tc__plate:after{clip-path:polygon(0 calc(32% + 1.2cqw),100% calc(10% + 1.2cqw),100% 100%,0 100%);background:linear-gradient(#17171b 0%,#0c0c0e 100%)}.tc__plate>*{z-index:1;position:relative}.tc__name{font-family:var(--tp-display);letter-spacing:.02em;color:var(--tp-paper);text-shadow:.7cqw .7cqw 0 color-mix(in srgb, var(--char) 85%, #000);white-space:nowrap;font-size:12.5cqw;font-weight:400;line-height:1}.tc__meta{color:#d9d5cb;white-space:nowrap;justify-content:space-between;align-items:center;gap:2cqw;margin-top:2cqw;font-size:5.6cqw;font-weight:800;line-height:1;display:flex}.tc__pips{letter-spacing:.4cqw;color:var(--tier2);text-shadow:0 0 1.4cqw var(--tier);font-size:4.4cqw}.gtier--Q .tc__pips{background:linear-gradient(90deg,#ff7ad9,#ffd84a,#7dffb0,#5ad1ff,#b07bff);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.tc__piece{z-index:5;box-sizing:border-box;background:linear-gradient(#151519, #151519) padding-box, var(--metal) border-box;width:13cqw;height:13cqw;color:var(--tp-paper);border:.85cqw solid #0000;border-radius:50%;place-items:center;font-size:7.4cqw;line-height:1;display:grid;position:absolute;top:7cqw;right:7cqw;box-shadow:0 .8cqw 1.6cqw #00000080}.tc__mark{--tm:1.3cqw;z-index:6;position:absolute;top:0;left:7cqw}.tc__pity{z-index:6;background:var(--tp-paper);color:var(--tp-ink);padding:.6cqw 2.4cqw;font-size:5.4cqw;position:absolute;top:28cqw;left:5cqw}.tc__glare{z-index:7;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my), #ffffff73, #fff0 45%), linear-gradient(125deg, #fff3 0%, #fff0 24%, #fff0 72%, #ffffff12 100%);mix-blend-mode:overlay;opacity:.55;transition:opacity .25s;position:absolute;inset:0}.tc:hover .tc__glare{opacity:1}.tc--tilt{cursor:grab}@container (width<=170px){.tc__mark{--tm:1.5cqw}.tc__mark small{display:none}.tc__name{font-size:14cqw}.tc__meta{font-size:6.6cqw}.tc__pips{display:none}}@container (width<=110px){.tc__meta{display:none}.tc__name{font-size:15cqw}.tc__plate{height:32cqw;padding-bottom:5cqw}}@media (prefers-reduced-motion:reduce){.tc__body,.tc__foil,.tmark__ribbon{animation:none!important}}.lobby{z-index:60;background:var(--tp-ink);color:var(--tp-paper);position:fixed;inset:0;overflow:hidden}.lobby__bg{object-fit:cover;object-position:center 40%;filter:grayscale(.75)brightness(.36)contrast(1.15);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lobby__speed{aspect-ratio:1;mix-blend-mode:screen;opacity:.14;pointer-events:none;width:max(97vw,1100px);animation:1.6s ease-in-out infinite lobby-pulse;position:absolute;top:50%;left:31%;translate:-50% -50%}@keyframes lobby-pulse{0%,to{scale:1}50%{scale:1.05}}.lobby__slab,.lobby__stripe{pointer-events:none;height:calc(100% + 120px);transition:background .5s;position:absolute;top:-60px;transform:skew(-14deg)}.lobby__slab{background:var(--char-fill);opacity:.92;width:23%;left:18.6%}.lobby__stripe--paper{background:var(--tp-paper);opacity:.9;width:1.8%;left:42.9%}.lobby__stripe--line{background:var(--char);opacity:.7;width:12px;left:15.7%}.lobby__dots{mix-blend-mode:screen;opacity:.16;pointer-events:none;width:560px;position:absolute;bottom:-80px;left:-60px}.lobby__roman{font-family:var(--tp-label);font-style:italic;font-weight:800;font-size:min(var(--roman), 23vw);letter-spacing:-.01em;color:#0000;-webkit-text-stroke:2px #f3f0e86b;white-space:nowrap;pointer-events:none;transform-origin:0;line-height:.82;animation:.5s cubic-bezier(.2,.9,.2,1) both lobby-pop;position:absolute;top:8vh;left:40px}@keyframes lobby-pop{0%{opacity:0;scale:1.25}to{opacity:1;scale:1}}.lobby__stage{width:62.5%;height:100%;position:absolute;top:0;left:0}.lobby__mbtn{aspect-ratio:789/1100;cursor:pointer;transform-origin:50% 100%;height:min(101vh,1100px);transform:translateX(calc(-50% + var(--d) * 28%)) scale(calc(1 - var(--far) * .15));filter:grayscale(calc(var(--far) * .45)) brightness(calc(1 - var(--far) * .32));opacity:calc(1 - clamp(0, var(--far) - 2, 1));background:0 0;border:none;padding:0;transition:transform .7s cubic-bezier(.3,1.3,.4,1),filter .7s,opacity .7s;position:absolute;bottom:-30px;left:50%}.lobby__mbtn img{object-fit:contain;object-position:50% 100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.lobby__mbtn:not(.lobby__mbtn--front):hover{filter:grayscale(.2)brightness(.9)}.lobby__mbtn--front{cursor:default}.lobby__mbtn--front img{filter:drop-shadow(8px 8px 0 var(--tp-ink));animation:3.2s ease-in-out infinite lobby-bob}@keyframes lobby-bob{0%,to{translate:0}50%{translate:0 -1%}}.lobby__shade{z-index:15;pointer-events:none;background:linear-gradient(90deg,#0e0e1000 50%,#0e0e10b3 66%,#0e0e10db 100%);position:absolute;inset:0}.lobby__brand{z-index:40;flex-direction:column;gap:8px;display:flex;position:absolute;top:30px;left:44px}.lobby__logo{align-items:center;gap:12px;display:flex}.lobby__logo h1{font-family:var(--tp-display);color:var(--tp-paper);text-shadow:4px 4px 0 var(--tp-ink);margin:0;font-size:46px;font-weight:400;line-height:1}.lobby__logo .tp-label{background:var(--tp-paper);color:var(--tp-ink);letter-spacing:.06em;padding:3px 10px 2px;font-size:18px;transform:skew(-12deg)}.lobby__checker{width:176px}.lobby__tools{z-index:40;gap:10px;display:flex;position:absolute;top:34px;right:44px}.lobby__sound,.lobby__fs{width:48px;padding:0}.lobby__tools>.snd{position:static}.lobby__member{z-index:30;flex-direction:column;gap:12px;width:600px;display:flex;position:absolute;bottom:36px;left:44px}.lobby__plate{flex-direction:column;gap:8px;animation:.55s cubic-bezier(.2,.9,.2,1) both lobby-slam;display:flex}@keyframes lobby-slam{0%{opacity:0;translate:-60px}60%{opacity:1;translate:6px}to{opacity:1;translate:0}}.lobby__mtag{background:var(--char-fill);color:var(--char-on);letter-spacing:.08em;align-self:flex-start;align-items:baseline;gap:2px;padding:3px 12px 2px;font-size:17px;transition:background .5s;display:inline-flex;transform:skew(-8deg)}.lobby__mtag i{font-style:inherit;opacity:.65}.lobby__name{font-family:var(--tp-display);color:var(--tp-paper);text-shadow:5px 5px 0 var(--char), 9px 9px 0 var(--tp-ink);margin:0;font-size:84px;font-weight:400;line-height:.95}.lobby__skills{flex-direction:column;gap:6px;margin:4px 0 0;display:flex}.lobby__skills>div{align-items:center;gap:12px;display:flex}.lobby__skills dd{text-shadow:0 2px 8px #000c;margin:0;font-size:17px;font-weight:700}.lobby__chip{box-sizing:border-box;background:var(--tp-paper);min-width:58px;height:24px;color:var(--tp-ink);justify-content:center}.lobby__chip--char{background:var(--char-fill);color:var(--char-on)}.lobby__tiles{align-items:flex-end;gap:10px;height:84px;margin-top:8px;padding-left:8px;display:flex}.lobby__tile{opacity:.7;cursor:pointer;background:#1b1b1f;border:3px solid #3a3a40;flex-shrink:0;width:56px;height:62px;padding:0;transition:width .3s,height .3s,box-shadow .3s,opacity .3s,border-color .3s;position:relative;overflow:hidden;transform:skew(-12deg)}.lobby__tile img{object-fit:cover;pointer-events:none;width:124%;height:100%;position:absolute;top:0;left:-12%;transform:skew(12deg)}.lobby__tile:hover{opacity:1;border-color:var(--tp-paper)}.lobby__tile--on{border-color:var(--char);opacity:1;width:76px;height:84px;box-shadow:5px 5px 0 var(--char)}.lobby__tile:focus-visible{outline:3px solid var(--tp-paper);outline-offset:4px}.lobby__prog{background:#f3f0e82e;width:440px;height:5px;margin-left:8px;overflow:hidden;transform:skew(-12deg)}.lobby__prog i{background:var(--char);transform-origin:0;height:100%;animation:linear both lobby-prog;display:block}@keyframes lobby-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lobby__modes{z-index:30;flex-direction:column;align-items:flex-end;gap:24px;width:514px;display:flex;position:absolute;top:clamp(96px,15vh,132px);right:44px}.lobby__modes-head{box-sizing:border-box;align-items:center;gap:12px;width:488px;margin-bottom:-6px;padding-left:30px;display:flex}.lobby__modes-head .tp-label{letter-spacing:.14em;font-size:18px}.lobby__modes-head i{background:#f3f0e847;flex:auto;height:2px}.lmode{--cut:24px;width:488px;height:clamp(184px,25vh,214px);color:var(--tp-ink);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s cubic-bezier(.3,1.4,.4,1);animation:.6s cubic-bezier(.2,.9,.2,1) both lobby-card-in;display:block;position:relative}.lmode--free{margin-right:26px;animation-delay:80ms}@keyframes lobby-card-in{0%{opacity:0;translate:60px}to{opacity:1;translate:0}}.lmode:before{content:"";clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);background:#0009;position:absolute;inset:0;transform:translate(8px,8px)}.lmode:hover{transform:translate(-8px)}.lmode:hover .tp-btn{filter:brightness(1.15);transform:skew(-12deg)translate(-2px,-2px)}.lmode:active .tp-btn{box-shadow:none;transform:skew(-12deg)translate(4px,4px)}.lmode:focus-visible{outline:none}.lmode:focus-visible .lmode__face{outline:3px solid var(--tp-paper);outline-offset:-6px}.lmode__face{background:var(--tp-paper-2);clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);position:absolute;inset:0;overflow:hidden}.lmode__art{width:220px;position:absolute;top:0;bottom:0;right:0}.lmode__art img{object-fit:cover;object-position:70% 60%;width:100%;height:100%}.lmode--daily .lmode__art:after{content:"";background:linear-gradient(90deg, var(--tp-paper-2) 0%, #f4f3ef00 50%);position:absolute;inset:0}.lmode__art--cards{background:#e2e0d9;overflow:hidden}.lmode__cardslab{background:var(--char-fill);opacity:.9;width:64px;height:280px;transition:background .5s;position:absolute;top:-30px;left:70px;transform:skew(-14deg)}.lmode__fan{width:140px;height:112px;position:absolute;top:16px;left:46px}.lmode__fan img{object-fit:cover;border:2px solid var(--tp-ink);width:62px;height:93px;transition:transform .3s cubic-bezier(.3,1.4,.4,1);position:absolute;top:8px;left:40px}.lmode__fan img:first-child{transform:rotate(-14deg)translate(-8px)}.lmode__fan img:nth-child(2){top:2px;transform:rotate(-2deg)}.lmode__fan img:nth-child(3){border-color:var(--tp-paper);box-shadow:4px 4px 0 var(--tp-ink);transform:rotate(12deg)translate(8px)}.lmode:hover .lmode__fan img:first-child{transform:rotate(-22deg)translate(-14px)}.lmode:hover .lmode__fan img:nth-child(3){transform:rotate(20deg)translate(14px)}.lmode__map{height:24px;color:var(--tp-paper);background:#0e0e10cc;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:38px}.lmode__bar{background:var(--char-fill);height:5px;transition:background .5s;position:absolute;top:0;left:0;right:0}.lmode__text{flex-direction:column;gap:8px;width:236px;display:flex;position:absolute;top:22px;bottom:20px;left:40px}.lmode__head{align-items:center;gap:10px;display:flex}.lmode__num{background:var(--char-fill);color:var(--char-on);letter-spacing:0;padding:1px 10px 0;font-size:22px;line-height:1.1;transition:background .5s;display:inline-block;transform:skew(-12deg)}.lmode__tag{letter-spacing:.08em;color:var(--tp-muted-dark);font-size:15px}.lmode__title{font-family:var(--tp-display);font-size:36px;line-height:1}.lmode__desc{color:var(--tp-muted-dark);font-size:13px;line-height:1.5}.lmode__chips{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.lmode__chips>span{background:var(--tp-ink);height:26px;color:var(--tp-paper-2);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.lmode__chips .dgrade{min-width:20px;padding:0 4px;font-size:11px}.lmode__go{min-width:160px;height:50px;font-size:21px;position:absolute;bottom:22px;right:40px}.lobby__hint{width:466px;color:var(--tp-muted);align-items:center;gap:10px;margin:2px 52px 0 0;font-size:13px;display:flex}.lobby__hint .tp-checker{background-size:8px 8px;flex-shrink:0;width:28px;height:8px}@media (height<=760px) and (width>=861px){.lobby__name{font-size:64px}.lobby__tiles{height:70px}.lobby__tile{width:48px;height:54px}.lobby__tile--on{width:62px;height:70px}.lmode__desc,.lobby__hint{display:none}}@media (width<=860px){.lobby{flex-direction:column;display:flex;overflow:hidden auto}.lobby__bg{object-position:28% 40%;height:560px}.lobby__speed{width:900px;top:300px;left:50%}.lobby__slab,.lobby__stripe{height:620px;top:-40px}.lobby__slab{width:38%;left:30%}.lobby__stripe--paper{width:12px;left:72%}.lobby__stripe--line{width:6px;left:25%}.lobby__dots{opacity:.14;width:300px;top:250px;bottom:auto}.lobby__roman{font-size:min(var(--roman), 170px, 44vw);-webkit-text-stroke-width:1.5px;top:70px;left:14px}.lobby__stage{flex-shrink:0;width:100%;height:480px;position:relative;overflow:hidden}.lobby__mbtn{height:460px;transform:translateX(calc(-50% + var(--d) * 46%)) scale(calc(1 - var(--far) * .16));opacity:calc(1 - clamp(0, var(--far) - 1, 1));bottom:-10px}.lobby__mbtn--front img{filter:drop-shadow(6px 6px 0 var(--tp-ink))}.lobby__shade{background:linear-gradient(180deg, #0e0e10b3 0%, #0e0e1000 11%, #0e0e1000 52%, #0e0e10d1 70%, var(--tp-ink) 84%);height:640px;bottom:auto}.lobby__brand{gap:6px;top:14px;left:16px}.lobby__logo{gap:8px}.lobby__logo h1{text-shadow:3px 3px 0 var(--tp-ink);font-size:28px}.lobby__logo .tp-label{padding:2px 7px 1px;font-size:13px}.lobby__checker{background-size:6px 6px;width:108px;height:6px}.lobby__tools{gap:8px;top:14px;right:16px}.lobby__help,.lobby__sound,.lobby__fs{width:44px;padding:0}.lobby__help span{display:none}.lobby__member{gap:6px;width:auto;margin-top:-140px;padding:0 18px;position:relative;bottom:auto;left:auto}.lobby__mtag{padding:2px 9px 1px;font-size:14px}.lobby__name{text-shadow:4px 4px 0 var(--char), 7px 7px 0 var(--tp-ink);font-size:52px}.lobby__skills{flex-flow:wrap;gap:6px 12px}.lobby__skills>div{gap:7px}.lobby__skills dd{font-size:13px}.lobby__chip{min-width:0;height:20px;padding:0 6px;font-size:11px}.lobby__tiles{justify-content:center;gap:8px;height:62px;margin-top:6px;padding-left:0}.lobby__tile{border-width:2px;width:40px;height:46px}.lobby__tile--on{width:52px;height:58px;box-shadow:4px 4px 0 var(--char)}.lobby__prog{width:min(290px,76vw);height:4px;margin:4px auto 0}.lobby__modes{align-items:stretch;gap:14px;width:auto;padding:14px 10px 24px;position:relative;top:auto;right:auto}.lobby__modes-head,.lobby__hint{display:none}.lmode{--cut:18px;width:auto;height:116px;margin:0 0 0 12px}.lmode--free{margin:0 12px 0 0}.lmode:before{transform:translate(6px,6px)}.lmode__art{width:160px}.lmode__bar{height:4px}.lmode__map{height:20px;padding:0 7px;font-size:10px;top:12px;right:26px}.lmode__cardslab{width:40px;height:160px;top:-20px;left:62px}.lmode__fan{transform-origin:50% 0;width:120px;height:70px;top:4px;left:30px;transform:scale(.6)}.lmode__text{gap:5px;width:auto;inset:14px 150px 14px 26px}.lmode__num{padding:0 7px;font-size:16px}.lmode__tag{font-size:13px}.lmode__title{font-size:26px}.lmode__desc{display:none}.lmode__chips{flex-wrap:nowrap;gap:4px}.lmode__chips>span{height:22px;padding:0 6px;font-size:11px}.lmode__chips .dgrade{display:none}.lmode__go{min-width:112px;height:44px;min-height:44px;box-shadow:4px 4px 0 var(--tp-shadow);padding:0 14px;font-size:17px;bottom:14px;right:24px}.lmode__go .tp-chev{width:16px}}@media (prefers-reduced-motion:reduce){.lobby__speed,.lobby__mbtn--front img,.lobby__roman,.lobby__plate,.lmode{animation:none}}.lb{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0e10b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lb__panel{background:var(--tp-ink,#0e0e10);width:min(720px,100%);max-height:min(860px,100vh - 32px);color:var(--tp-paper,#f3f0e8);border:2px solid var(--tp-paper,#f3f0e8);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));flex-direction:column;display:flex;box-shadow:8px 8px #0000008c}.lb__head{border-bottom:2px solid #f3f0e829;grid-template-columns:1fr auto auto;align-items:end;gap:16px;padding:20px 22px 14px;display:grid}.lb__title .tp-label{letter-spacing:.14em;color:var(--tp-muted,#b8b4aa);font-size:14px}.lb__title h2{font-family:var(--tp-display);letter-spacing:.01em;margin:2px 0 0;font-size:30px;font-weight:400}.lb__meta{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;font-weight:800;display:flex}.lb__live{color:var(--tp-muted,#b8b4aa);align-items:center;gap:6px;display:inline-flex}.lb__live i{background:#6a6862;border-radius:50%;width:8px;height:8px}.lb__live--live{color:var(--tp-paper)}.lb__live--live i{background:#3dff8f;animation:1.8s ease-out infinite lb-pulse;box-shadow:0 0 #3dff8f99}@keyframes lb-pulse{0%{box-shadow:0 0 #3dff8f99}to{box-shadow:0 0 0 9px #3dff8f00}}.lb__total{font-family:var(--tp-label);font-size:18px}.lb__close{align-self:start;width:44px;padding:0;font-size:18px}.lb__me{background:var(--tp-ink-2,#17171a);justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;font-size:14px;font-weight:700;display:flex}.lb__me b{font-family:var(--tp-label);font-size:20px}.lb__rename{white-space:nowrap;min-height:34px;font-size:13px}.lb__list{flex:auto;margin:0;padding:6px 14px 10px;list-style:none;overflow-y:auto}.lb__empty{text-align:center;color:var(--tp-muted);padding:36px 8px;font-weight:700}.lb__row{border-bottom:1px solid #f3f0e814;grid-template-columns:44px minmax(0,1fr) auto 32px 86px;grid-template-areas:"rank name team grade score""rank sub team grade score";align-items:center;column-gap:12px;padding:8px 10px;display:grid}.lb__rank{font-family:var(--tp-label);text-align:center;color:var(--tp-muted);grid-area:rank;font-size:24px;font-weight:800}.lb__name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.lb__name em{background:var(--tp-paper);color:var(--tp-ink);vertical-align:2px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal}.lb__sub{color:var(--tp-muted);grid-area:sub;font-size:12px}.lb__team{grid-area:team;gap:3px;display:flex}.lb__team i{background:var(--char-fill);width:22px;height:22px;color:var(--char-on);place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid;transform:skew(-12deg)}.lb__row .dgrade{grid-area:grade;justify-self:center;min-width:26px;padding:0 5px;font-size:12px}.lb__score{text-align:right;font-family:var(--tp-label);letter-spacing:.01em;grid-area:score;font-size:24px;font-weight:800}.lb__row--top .lb__rank{color:var(--tp-ink);background:var(--tp-paper);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.lb__row--1 .lb__rank{background:linear-gradient(160deg,#fff1b8,#ffc23d)}.lb__row--2 .lb__rank{background:linear-gradient(160deg,#fff,#b9c0cc)}.lb__row--3 .lb__rank{background:linear-gradient(160deg,#ffd7b0,#d98a4a)}.lb__row--me{box-shadow:inset 4px 0 0 var(--tp-paper);background:#f3f0e817}.lb__row--gap{border-top:2px dashed #f3f0e840;margin-top:10px}.lb__row--fresh{animation:2.6s ease-out lb-fresh}@keyframes lb-fresh{0%{background:#f3f0e88c}to{background:0 0}}.lb__rule{color:var(--tp-muted);border-top:1px solid #f3f0e81a;margin:0;padding:10px 22px 16px;font-size:12px}.lb-nick{background:var(--tp-ink-2,#17171a);padding:12px 22px}.lb-nick--compact{background:0 0;padding:10px 0 0}.lb-nick__label{margin-bottom:6px;font-size:13px;font-weight:800;display:block}.lb-nick__row{gap:8px;display:flex}.lb-nick__row input{border:2px solid var(--tp-paper,#f3f0e8);background:var(--tp-ink,#0e0e10);min-width:0;min-height:42px;color:var(--tp-paper,#f3f0e8);font:inherit;flex:auto;padding:0 12px;font-size:16px;font-weight:800}.lb-nick__row input:focus-visible{outline:3px solid var(--tp-paper);outline-offset:2px}.lb-nick__save{white-space:nowrap;min-height:42px}.lb-nick__hint{color:var(--tp-muted,#b8b4aa);margin:6px 0 0;font-size:12px}.lb-nick__hint--error{color:var(--tp-danger-soft,#ff6b74);font-weight:800}.rankline{color:var(--tp-paper,#f3f0e8);background:#0e0e108c;border:2px solid #f3f0e840;margin-top:10px;padding:10px 12px;font-size:14px;font-weight:700}p.rankline{margin-bottom:0}.rankline--wait{color:var(--tp-muted,#b8b4aa)}.rankline--warn{border-color:#ff6b7499}.rankline__main{justify-content:space-between;align-items:center;gap:10px;display:flex}.rankline__main b{font-family:var(--tp-label);font-size:22px}.rankline__main em{background:var(--tp-paper);color:var(--tp-ink);margin-left:8px;padding:1px 6px;font-size:12px;font-style:normal}.rankline__open{white-space:nowrap;min-height:36px;font-size:13px}.lobby__rank{white-space:nowrap;min-height:34px;padding:0 12px;font-size:13px}.lobby__rank i{background:#3dff8f;border-radius:50%;width:7px;height:7px}@media (width<=860px){.lb{place-items:stretch stretch;padding:0}.lb__panel{clip-path:none;border:none;width:100%;max-height:100vh}.lb__head{padding:14px 14px 10px}.lb__title h2{font-size:24px}.lb__me{flex-wrap:wrap;padding:10px 14px}.lb__list{padding:4px 6px 8px}.lb__row{grid-template-columns:36px minmax(0,1fr) 30px 74px;grid-template-areas:"rank name grade score""rank sub grade score";column-gap:8px}.lb__team{display:none}.lb__score{font-size:20px}}.dr{--slot-h:clamp(300px, min(calc(100vh - 330px), 34vw), 560px);z-index:50;background:var(--tp-ink);color:var(--tp-paper);grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:16px 32px 22px;display:grid;position:fixed;inset:0;overflow:hidden}.dr__bg{object-fit:cover;filter:blur(16px)grayscale(.7)brightness(.3);pointer-events:none;width:110%;height:110%;position:absolute;inset:-5%}.dr__ghost{font-family:var(--tp-label);color:#0000;-webkit-text-stroke:2px #f3f0e814;pointer-events:none;font-size:250px;font-style:italic;font-weight:800;line-height:.8;position:absolute;top:70px;left:20px}.dr>*{position:relative}.dr>.dr__bg,.dr>.dr__ghost{position:absolute}.dr__top{justify-content:space-between;align-items:center;gap:16px;min-height:50px;display:flex}.dr__title{align-items:center;gap:14px;min-width:0;display:flex}.dr__title h1{font-family:var(--tp-display);white-space:nowrap;margin:0;font-size:30px;font-weight:400;line-height:1}.dr__mode{background:var(--tp-paper);color:var(--tp-ink);letter-spacing:.08em;white-space:nowrap;padding:2px 10px 1px;font-size:15px;transform:skew(-12deg)}.dr__mode--daily{background:#7fdcff}.dr__steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.dr__step{height:34px;color:var(--tp-muted);white-space:nowrap;border:2px solid #f3f0e84d;align-items:center;padding:0 16px;font-size:13px;font-weight:700;display:flex;transform:skew(-12deg)}.dr__step>span{align-items:center;gap:8px;display:inline-flex;transform:skew(12deg)}.dr__step b{font-size:16px}.dr__step--done{background:#f3f0e81f;border-color:#0000}.dr__step--now{background:var(--tp-paper);color:var(--tp-ink);border-color:#0000;font-weight:900}.dr__right{align-items:center;gap:12px;display:flex}.dr__stats{gap:6px;margin:0;display:flex}.dr__stats>div{background:#0e0e10b8;border-left:3px solid #7fdcff;flex-direction:column;padding:4px 10px;display:flex}.dr__stats dt{color:var(--tp-muted);font-size:10px}.dr__stats dd{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:900;display:flex}.dr__stats .dgrade{min-width:20px;padding:0 4px;font-size:11px}.dr__note{background:#0e0e10b8;border-left:4px solid #7fdcff;margin:0;padding:8px 14px;font-size:13px;line-height:1.5}.dr__note span{color:var(--tp-muted);font-size:12px;display:block}.dr--free .dr__body{grid-row:2/4}.dr__body{grid-template-columns:auto minmax(0,1fr);gap:28px;min-height:0;display:grid}.dr__body--pull{grid-template-columns:minmax(0,1fr);place-items:center}.dr-head{align-items:baseline;gap:12px;margin:0;font-weight:400;display:flex}.dr-head .tp-label{letter-spacing:.12em;font-size:18px}.dr-head b{font-family:var(--tp-display);font-size:20px;font-weight:400}.dr-head small{color:var(--tp-muted);font-size:12px}.dr-pull{box-sizing:border-box;background:var(--tp-paper-2);width:min(100%,980px);color:var(--tp-ink);clip-path:polygon(28px 0,100% 0,calc(100% - 28px) 100%,0 100%);align-items:center;gap:40px;padding:36px 48px;display:flex;position:relative}.dr-pull__stack{flex:0 0 170px;height:220px;position:relative}.dr-pull__stack img{object-fit:cover;border:3px solid var(--tp-ink);width:120px;height:180px;position:absolute;top:10px;left:30px}.dr-pull__stack img:first-child{transform:rotate(-14deg)translate(-22px)}.dr-pull__stack img:nth-child(2){transform:rotate(-2deg)}.dr-pull__stack img:nth-child(3){border-color:var(--tp-paper);box-shadow:6px 6px 0 var(--tp-ink);transform:rotate(12deg)translate(22px)}.dr-pull__text{color:var(--tp-muted-dark);flex-direction:column;flex:auto;gap:10px;font-size:15px;line-height:1.55;display:flex}.dr-pull__step{color:var(--tp-muted-dark);font-size:15px}.dr-pull__text strong{font-family:var(--tp-display);color:var(--tp-ink);font-size:40px;font-weight:400;line-height:1}.dr-pull__text b{color:var(--tp-ink)}.dr-pull__rates{flex-wrap:wrap;gap:6px;display:flex}.dr-pull__rates>span{background:var(--tp-ink);height:26px;color:var(--tp-paper);align-items:center;gap:6px;padding:0 8px 0 3px;font-size:12px;font-weight:700;display:inline-flex}.dr-pull__rates i,.dr-hand__sum i{background:var(--metal);width:20px;height:20px;color:var(--metal-ink);font-family:var(--tp-label);place-items:center;font-size:14px;font-style:italic;font-weight:800;display:grid;transform:skew(-10deg)}.dr-pull__go{--tp-shadow:var(--tp-ink);background:var(--tp-ink);min-width:220px;height:84px;color:var(--tp-paper);box-shadow:7px 7px 0 var(--char);flex-shrink:0;font-size:30px}.dr-squad{flex-direction:column;gap:12px;min-height:0;display:flex}.dr-squad__slots{grid-template-columns:repeat(4,auto);align-items:start;gap:14px;display:grid}.dr-slot{--cut:28px;width:calc(var(--slot-h) * .326);height:var(--slot-h);color:var(--tp-paper);text-align:left;cursor:default;background:0 0;border:none;padding:0;animation:.5s cubic-bezier(.2,.9,.2,1) both dr-in;position:relative}.dr-slot:nth-child(2){margin-top:14px;animation-delay:60ms}.dr-slot:nth-child(3){margin-top:28px;animation-delay:.12s}.dr-slot:nth-child(4){margin-top:42px;animation-delay:.18s}@keyframes dr-in{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}.dr-slot:before{content:"";clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);background:#0006;position:absolute;inset:0;transform:translate(8px,8px)}.dr-slot--on{cursor:pointer}.dr-slot--on:before{background:var(--char)}.dr-slot__face{clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);background:#17171ad9;transition:filter .2s;position:absolute;inset:0;overflow:hidden}.dr-slot--on .dr-slot__face{background:var(--tp-ink-2)}.dr-slot--on:hover .dr-slot__face{filter:brightness(1.1)}.dr-slot:focus-visible{outline:none}.dr-slot:focus-visible .dr-slot__face{outline:3px solid var(--tp-paper);outline-offset:-6px}.dr-slot__slab{background:var(--char-fill);opacity:.9;width:40%;height:calc(100% + 80px);position:absolute;top:-40px;left:18%;transform:skew(-9deg)}.dr-slot__art{object-fit:cover;object-position:50% 0%;pointer-events:none;width:220%;height:120%;position:absolute;top:26px;left:-60%}.dr-slot__fade{background:linear-gradient(180deg, #0e0e1000 0%, #0e0e10eb 46%, var(--tp-ink) 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.dr-slot__rim{--t:4px;background:var(--metal);clip-path:polygon(evenodd, var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%, var(--cut) 0, calc(var(--cut) + var(--t)) var(--t), calc(100% - var(--t)) var(--t), calc(100% - var(--cut) - var(--t)) calc(100% - var(--t)), var(--t) calc(100% - var(--t)), calc(var(--cut) + var(--t)) var(--t));pointer-events:none;background-size:220% 220%;position:absolute;inset:0}.dr-slot.gtier--S .dr-slot__rim,.dr-slot.gtier--Q .dr-slot__rim{animation:6s ease-in-out infinite alternate tc-metal}.dr-slot__tier{--tm:2.2px;position:absolute;top:0;right:20px}.dr-slot__info{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;left:18px;right:30px}.dr-slot__name{font-family:var(--tp-display);text-shadow:3px 3px 0 var(--char), 5px 5px 0 var(--tp-ink);font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1}.dr-slot__move{color:#d9d5cb;align-items:center;gap:8px;font-size:12px;font-weight:700;line-height:1.35;display:flex}.dr-slot__move .gmove--sm{flex-shrink:0;width:44px}.dr-slot__empty{text-align:center;color:var(--tp-muted);border:2px dashed #f3f0e84d;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.5;display:flex;position:absolute;inset:64px 36px 30px}.dr-slot__empty>i{color:#f3f0e840;font-size:64px;font-style:normal;line-height:1}.dr-slot__kind{box-sizing:border-box;background:var(--tp-paper);height:26px;color:var(--tp-ink);position:absolute;top:14px;left:32px}.dr-hand{flex-direction:column;gap:10px;min-height:0;padding:0 4px 8px 2px;display:flex;overflow-y:auto}.dr-hand__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dr-hand__tools{gap:8px;display:flex}.dr-hand__tools .tp-tool{min-height:36px;padding:0 12px;font-size:12px}.dr-hand__sum{background:#0e0e10b8;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.dr-hand__sumlabel,.dr-hand__sort{color:var(--tp-muted);font-size:11px;font-weight:700}.dr-hand__sort{margin-left:auto}.dr-hand__sum>span[class*=gtier]{color:#d9d5cb;background:#f3f0e814;align-items:center;gap:5px;height:24px;padding:0 8px 0 3px;font-size:11px;font-weight:700;display:inline-flex}.dr-hand__sum b{font-family:var(--tp-label);color:var(--tp-paper);font-size:16px}.dr-hand__sum--none{opacity:.4}.dr-hand__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.dr-card{color:var(--tp-paper);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;transition:transform .18s cubic-bezier(.3,1.4,.4,1);display:flex;position:relative}.dr-card.gtier--A .tc{box-shadow:0 2px 3px #00000073, 0 8px 18px #0006, 0 0 14px color-mix(in srgb, var(--tier) 45%, transparent)}.dr-card.gtier--S .tc,.dr-card.gtier--Q .tc{box-shadow:0 2px 3px #00000073, 0 8px 18px #0006, 0 0 20px color-mix(in srgb, var(--tier) 65%, transparent)}.dr-card:hover{transform:translateY(-6px)}.dr-card:focus-visible{outline:none}.dr-card--focus .tc,.dr-card:focus-visible .tc{outline:3px solid var(--tp-paper);outline-offset:3px}.dr-card__move{color:var(--tp-muted);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:10.5px;font-weight:700;line-height:1.3;overflow:hidden}.dr-card__seat{z-index:8;background:var(--tp-paper);color:var(--tp-ink);box-shadow:3px 3px 0 var(--char);padding:4px 10px 3px;font-size:11px;position:absolute;top:44%;left:50%;translate:-50% -50%}.dr-card--used .tc__window,.dr-card--used .tc__piece{filter:brightness(.42)saturate(.6)}.dr-card--blocked{opacity:.45}.dr-hand{container-type:inline-size}.dr-hand__main{flex-direction:column;gap:12px;display:flex}@container (width>=900px){.dr-hand__main{grid-template-columns:minmax(0,1fr) clamp(260px,30cqw,340px);align-items:start;gap:18px;display:grid}.dr-hand__main .dr-detail{flex-direction:column}.dr-hand__main .dr-detail__id{width:auto}}.dr-detail{border-top:5px solid var(--tier);background:#0e0e10e0;gap:18px;padding:16px 18px 18px;display:flex}.dr-detail__id{flex-direction:column;flex-shrink:0;gap:8px;width:180px;display:flex}.dr-detail__tier{color:var(--tp-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.dr-detail__tier i{background:var(--metal);width:24px;height:24px;color:var(--metal-ink);font-family:var(--tp-label);place-items:center;font-size:15px;font-style:italic;font-weight:800;display:grid;transform:skew(-10deg)}.dr-detail__tier em{color:var(--tier);font-size:10px;font-style:normal}.dr-detail__name{font-family:var(--tp-display);text-shadow:3px 3px 0 var(--char), 5px 5px 0 var(--tp-ink);font-size:34px;font-weight:400;line-height:1}.dr-detail__move{color:var(--tp-muted);align-items:center;gap:10px;font-size:12px;line-height:1.45;display:flex}.dr-detail__move .gmove--sm{flex-shrink:0;width:52px}.dr-detail__movetext{flex-direction:column;display:flex}.dr-detail__move b{color:var(--tp-paper);font-size:14px}.dr-detail__move em{color:var(--tier);font-style:normal}.dr-detail__skills{flex-direction:column;gap:10px;min-width:0;display:flex}.dr-detail__skill{align-items:center;gap:8px;margin:0;display:flex}.dr-detail__skill b{font-size:14px}.dr-detail__chip{background:var(--tp-paper);color:var(--tp-ink);padding:1px 7px;font-size:11px}.dr-detail__chip--char{background:var(--char-fill);color:var(--char-on)}.dr-detail__desc{color:#d9d5cb;margin:4px 0 0;font-size:12.5px;line-height:1.5}.dr__foot{align-items:flex-end;gap:24px;display:flex}.dr-opt{flex-direction:column;gap:8px;min-width:0;display:flex}.dr-opt__label{letter-spacing:.08em;color:var(--tp-muted);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.dr-opt__row{gap:10px;display:flex}.dr-map{background:var(--tp-ink-2);width:140px;height:78px;color:var(--tp-paper);cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border:none;padding:0;transition:transform .15s;position:relative}.dr-map img{object-fit:cover;filter:brightness(.55)saturate(.6);width:100%;height:100%;position:absolute;inset:0}.dr-map:after{content:"";background:linear-gradient(#0e0e1000 30%,#0e0e10e6 100%);position:absolute;inset:0}.dr-map__text{z-index:1;text-align:left;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:7px;left:16px}.dr-map__text b{font-size:13px;font-weight:900}.dr-map__text span{color:#d9d5cb;font-size:10.5px;font-weight:700}.dr-map:hover:not(:disabled){transform:translateY(-3px)}.dr-map--on img{filter:none}.dr-map--on:after{box-shadow:inset 0 0 0 4px var(--tp-paper)}.dr-map:disabled{opacity:.35;cursor:not-allowed}.dr-map:focus-visible{outline:3px solid var(--tp-paper);outline-offset:2px}.dr-level{width:116px;height:78px;color:var(--tp-paper);cursor:pointer;background:#17171ae6;border:2px solid #f3f0e840;padding:0 16px;transition:transform .15s;transform:skew(-10deg)}.dr-level>span{flex-direction:column;align-items:flex-start;gap:2px;display:flex;transform:skew(10deg)}.dr-level i{letter-spacing:1px;color:#ffc93c;font-size:12px;font-style:normal}.dr-level i em{opacity:.5;font-style:normal}.dr-level b{font-family:var(--tp-display);font-size:20px;font-weight:400;line-height:1}.dr-level small{opacity:.75;font-size:10.5px;font-weight:700}.dr-level:hover:not(:disabled){transform:skew(-10deg)translateY(-3px)}.dr-level--on{background:var(--tp-paper);color:var(--tp-ink);border-color:#0000}.dr-level--on i{color:var(--tp-ink)}.dr-level:disabled{opacity:.35;cursor:not-allowed}.dr-go{width:320px;height:104px;box-shadow:7px 7px 0 var(--char);flex-shrink:0;justify-content:space-between;margin-left:auto;padding:0 28px 0 34px}.dr-go__text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.dr-go__text small{opacity:.75;font-family:Pretendard,Malgun Gothic,sans-serif;font-size:12px;font-weight:700}.dr-go__text b{font-size:42px;font-weight:400;line-height:1}.dr-go:disabled .dr-go__text b{font-size:26px}@media (height<=760px) and (width>=861px){.dr-slot:nth-child(2){margin-top:6px}.dr-slot:nth-child(3){margin-top:12px}.dr-slot:nth-child(4){margin-top:18px}.dr-go{height:84px}.dr-go__text b{font-size:34px}}@media (width<=1100px){.dr__body{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px),(height<=640px){.dr{flex-direction:column;padding:12px 12px 120px;display:flex;overflow-y:auto}.dr>*,.dr__body>*{flex-shrink:0}.dr__ghost,.dr__steps{display:none}.dr__body{flex-direction:column;display:flex}.dr{--slot-h:clamp(240px, 40vw, 380px)}.dr-squad__slots{justify-content:center}.dr-slot:nth-child(n){margin-top:0}.dr-hand{overflow:visible}.dr__foot{flex-direction:column;align-items:stretch;gap:14px}.dr-opt__row{padding-bottom:4px;overflow-x:auto}.dr-map,.dr-level{flex-shrink:0}.dr-go{z-index:70;width:auto;height:72px;margin:0;position:fixed;bottom:14px;left:16px;right:22px}.dr-go__text b{font-size:30px}.dr-go:disabled .dr-go__text b{font-size:22px}}@media (width<=860px){.dr__top{flex-wrap:wrap;gap:8px}.dr__title{gap:10px}.dr__title h1{font-size:22px}.dr__mode{font-size:12px}.dr__back{padding:0 10px}.dr__stats{order:3;width:100%}.dr__stats>div{flex:1 1 0}.dr__right{flex-wrap:wrap;justify-content:flex-end}.dr__help span{display:none}.dr__help{width:44px;padding:0}.dr-head small{display:none}.dr-pull{text-align:left;flex-direction:column;gap:16px;padding:24px 22px 30px}.dr-pull__stack{flex-basis:150px;width:170px;height:150px}.dr-pull__stack img{width:90px;height:135px}.dr-pull__text strong{font-size:30px}.dr-pull__go{width:100%;height:64px;font-size:24px}.dr{--slot-h:236px}.dr-squad__slots{gap:8px}.dr-slot{--cut:14px}.dr-slot:before{transform:translate(4px,4px)}.dr-slot__kind{height:20px;padding:0 6px;font-size:10px;top:8px;left:14px}.dr-slot__tier{--tm:1.3px;top:30px;right:6px}.dr-slot__tier small{display:none}.dr-slot__rim{--t:3px}.dr-slot__info{gap:4px;bottom:10px;left:10px;right:14px}.dr-slot__name{text-shadow:2px 2px 0 var(--char), 3px 3px 0 var(--tp-ink);font-size:18px}.dr-slot__move>span{display:none}.dr-slot__move .gmove--sm{width:36px}.dr-slot__empty{gap:6px;font-size:10px;inset:36px 14px 12px}.dr-slot__empty>i{font-size:34px}.dr-slot__empty .gmove--sm{width:40px}.dr-hand__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dr-detail{flex-direction:column;gap:12px}.dr-detail__id{width:auto}.dr-hand__tools{width:100%}.dr-hand__tools .tp-tool{flex:1 1 0;min-height:44px}.dr-map{width:128px;height:70px}.dr-level{width:104px;height:70px}}@media (prefers-reduced-motion:reduce){.dr-slot{animation:none}}.gmove{box-shadow:0 0 0 2px var(--tier,#ffd166);background:#0a081ad9;border-radius:10px;flex:none;grid-template-columns:repeat(5,1fr);gap:2px;padding:4px;display:inline-grid}.gmove--sm{width:64px}.gmove--md{width:104px}.gmove--lg{width:140px}.gmove__c{aspect-ratio:1;color:#1b1030;background:#ffffff12;border-radius:3px;justify-content:center;align-items:center;font-size:15px;font-style:normal;font-weight:900;display:flex}.gmove--sm .gmove__c{font-size:10px}.gmove__c--l{background:#ffffff24}.gmove__c--go{background:var(--tier2,#fff1b8);box-shadow:0 0 6px var(--tier,#ffd166)}.gmove__c--far{background:linear-gradient(135deg, var(--tier2,#fff1b8), var(--tier,#ffd166))}.gmove__c--me{color:#1b1030;box-shadow:0 0 0 2px var(--char,#ffd166);background:#fff}.ginfo{border:2px solid var(--tier);box-shadow:0 0 30px color-mix(in srgb, var(--tier) 55%, transparent), 0 14px 40px #00000080;color:#fff;background:linear-gradient(160deg,#140e2cf0,#0c081af0);border-radius:18px;flex-direction:column;gap:12px;padding:18px 20px;font-size:16px;line-height:1.45;display:flex}.gtier--Q.ginfo{border-image:linear-gradient(135deg,#ff7ad9,#ffd84a,#7dffb0,#5ad1ff,#b07bff) 1}.ginfo__head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ginfo__tier{background:var(--metal);color:var(--metal-ink);border-radius:999px;align-items:center;gap:8px;padding:3px 12px;font-size:15px;font-weight:900;display:inline-flex}.ginfo__tier i{letter-spacing:.05em;font-style:normal}.ginfo__head strong{-webkit-text-stroke:1.5px #0c0816;paint-order:stroke fill;text-shadow:-3px 2px #19e3ff,3px -2px #ff2f9a;font-size:clamp(30px,4vw,44px);font-style:italic;font-weight:900;line-height:1}.ginfo__move{align-items:center;gap:14px;display:flex}.ginfo__text{flex-direction:column;gap:2px;font-size:17px;display:flex}.ginfo__move b{color:var(--tier2);font-size:24px}.ginfo__move em{color:var(--gold,#ffd166);font-size:15px;font-style:normal;font-weight:800}.ginfo__line{flex-direction:column;gap:2px;margin:0;display:flex}.ginfo__line b{color:var(--char);font-size:18px}.ginfo--compact{gap:8px;padding:12px 14px;font-size:14px}.ginfo--compact .ginfo__head strong{font-size:26px}.ginfo--compact .ginfo__move b{font-size:19px}.ginfo--compact .ginfo__text,.ginfo--compact .ginfo__line b{font-size:15px}.gshow{z-index:100;-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:.35s ease-out gshow-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes gshow-in{0%{opacity:0;transform:scale(1.06)}}.gomen--B{--omen:#3cc8ff;--omen2:#b9f0ff}.gomen--A{--omen:#b06bff;--omen2:#ead6ff}.gomen--S{--omen:#ffc23d;--omen2:#fff3c4}.gomen--Q{--omen:#ff7ad9;--omen2:#fff}.gshow__tint{pointer-events:none;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--omen) 25%, transparent) 0%, transparent 45%, #0a061ea6 90%);transition:background .4s;position:absolute;inset:0}.gshow__rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--omen) 22%, transparent) 0deg 5deg, transparent 5deg 15deg);opacity:.55;width:240vmax;height:240vmax;animation:18s linear infinite grays;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.gomen--Q .gshow__rays{background:repeating-conic-gradient(#ff7ad940 0deg 5deg,#0000 5deg 10deg,#5ad1ff40 10deg 15deg,#0000 15deg 20deg,#ffd84a40 20deg 25deg,#0000 25deg 30deg)}@keyframes grays{to{transform:translate(-50%,-50%)rotate(360deg)}}.gshow__speed{mix-blend-mode:screen;opacity:0;pointer-events:none;background-size:cover;width:150vmax;height:150vmax;transition:opacity .3s,transform 1.2s;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(1.3)}.gshow--charge .gshow__speed{opacity:.85;animation:.25s linear infinite gspeed;transform:translate(-50%,-50%)scale(.9)}@keyframes gspeed{50%{transform:translate(-50%,-50%)scale(.95)rotate(2deg)}}.gfx{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.gshake--1{animation:.25s linear gshake1}.gshake--2{animation:.3s linear gshake2}.gshake--3{animation:.35s linear gshake3}@keyframes gshake1{25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-2px)}}@keyframes gshake2{20%{transform:translate(-9px,4px)}40%{transform:translate(8px,-6px)}60%{transform:translate(-6px,-4px)}80%{transform:translate(5px,5px)}}@keyframes gshake3{15%{transform:translate(-16px,8px)scale(1.02)}30%{transform:translate(14px,-10px)}45%{transform:translate(-12px,-8px)}60%{transform:translate(10px,9px)}80%{transform:translate(-5px,3px)}}.summon{z-index:4;position:absolute;inset:0}.summon canvas{width:100%;height:100%;display:block}.summon__flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.gshow__skip{z-index:8;font-size:16px;position:absolute;bottom:18px;right:18px}.gstage{z-index:5;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative}.gstage--A .gshow__tint{background:radial-gradient(circle at 50% 45%,#b06bff73,#0000 50%,#0a061eb3 90%)}.gstage--S .gshow__tint{background:radial-gradient(circle at 50% 45%,#ffc23d8c,#0000 55%,#1e0e0499 90%)}.gstage--Q .gshow__tint{background:conic-gradient(at 50% 45%,#ff7ad966,#ffd84a66,#7dffb066,#5ad1ff66,#b07bff66,#ff7ad966)}.gstage--S .gshow__rays,.gstage--Q .gshow__rays{opacity:1;animation-duration:7s}.gstage__count{color:#fff;letter-spacing:.1em;text-shadow:0 2px 6px #000000b3;font-size:20px;font-weight:900}.gstage__row{justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);width:100%;max-width:1100px;display:flex}.gbig{aspect-ratio:2/3;perspective:1200px;flex:none;width:min(34vw,46vh,330px);animation:.45s cubic-bezier(.2,.9,.3,1.25) both gbig-in;position:relative}@keyframes gbig-in{0%{opacity:0;transform:translateY(60vh)rotate(-25deg)scale(.4)}}.gbig__glow{pointer-events:none;background:radial-gradient(circle, var(--tier2) 0%, var(--tier) 28%, transparent 62%);opacity:.35;mix-blend-mode:screen;border-radius:50%;position:absolute;inset:-35%}.gbig--open .gbig__glow{opacity:.85;animation:1.4s ease-in-out infinite alternate gaura}.gtier--Q.gbig--open .gbig__glow{background:conic-gradient(#ff7ad9,#ffd84a,#7dffb0,#5ad1ff,#b07bff,#ff7ad9);animation:4s linear infinite gspin;-webkit-mask:radial-gradient(circle,#000 25%,#0000 65%);mask:radial-gradient(circle,#000 25%,#0000 65%)}.gbig__inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0}.gbig--open .gbig__inner{transform:rotateY(180deg)}.gbig__back,.gbig__front{backface-visibility:hidden;border-radius:5%/3.333%;position:absolute;inset:0}.gbig__back{box-shadow:0 0 0 3px var(--tier), 0 0 24px var(--tier), 0 18px 40px #00000080;background-size:100% 100%}.gtier--Q .gbig__back{box-shadow:0 0 0 3px #ffc23d,0 0 24px #ffc23d}.gbig__front{transform:rotateY(180deg)}.gbig--charging{animation:80ms linear infinite gshake-card}.gbig--charging .gbig__glow{opacity:1;animation:.12s linear infinite alternate gaura-hot;inset:-60%}.gbig--charging .gbig__back{box-shadow:0 0 0 5px #fff, 0 0 50px var(--tier), 0 0 110px var(--tier), 0 0 170px var(--tier);filter:brightness(1.5)}.gtier--Q.gbig--charging .gbig__back{animation:1.3s linear forwards gq-leak}@keyframes gq-leak{0%{box-shadow:0 0 0 4px #ffc23d,0 0 40px #ffc23d,0 0 90px #ffc23d}55%{box-shadow:0 0 0 4px #fff,0 0 60px #ffc23d,0 0 120px #ffc23d}65%{box-shadow:0 0 0 4px #fff,0 0 60px #ff7ad9,0 0 140px #5ad1ff}85%{box-shadow:0 0 0 4px #fff,0 0 60px #7dffb0,0 0 160px #b07bff}to{box-shadow:0 0 0 6px #fff,0 0 80px #ff7ad9,0 0 200px #ffd84a}}@keyframes gshake-card{0%{transform:translate(0)rotate(0)}25%{transform:translate(-3px,2px)rotate(-1.5deg)}50%{transform:translate(3px,-2px)rotate(1.5deg)}75%{transform:translate(-2px,-3px)rotate(0)}}.gstage__info{width:min(460px,46vw);min-height:1px}.gstage__info>.ginfo{animation:.45s cubic-bezier(.2,.9,.3,1.1) .35s both ginfo-in}@keyframes ginfo-in{0%{opacity:0;transform:translate(60px)skew(-6deg)}}.gstage__tray{gap:6px;display:flex}.gtray{background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;width:18px;height:26px}.gtray--seen{background:linear-gradient(160deg, var(--tier2), var(--tier));box-shadow:0 0 8px var(--tier)}.gtray--now{outline:2px solid #fff;transform:translateY(-5px)}.gstage__tap{color:#fff;text-shadow:0 2px 6px #000000b3;min-height:26px;margin:0;font-size:19px;font-weight:900;animation:.8s ease-in-out infinite alternate gpulse}@keyframes gpulse{to{opacity:.55}}.gsum{z-index:5;flex-direction:column;align-items:center;gap:18px;width:100%;display:flex;position:relative}.gsum__title{color:#fff;-webkit-text-stroke:1.5px #0c0816;paint-order:stroke fill;text-shadow:-3px 2px #19e3ff,3px -2px #ff2f9a;margin:0;font-size:clamp(26px,4vw,38px);font-style:italic;font-weight:900}.gsum__title span{color:var(--omen2);margin-left:8px;font-size:.7em}.gsum__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.6vw,18px);width:min(94vw,860px);display:grid}.gsum__card{animation:.5s cubic-bezier(.2,.9,.3,1.3) both gsum-in;animation-delay:calc(var(--i) * 70ms);position:relative}.gsum__card.gtier--S,.gsum__card.gtier--Q{filter:drop-shadow(0 0 14px var(--tier))}.gsum__card.gtier--Q{filter:drop-shadow(0 0 10px #ff7ad9)drop-shadow(0 0 18px #5ad1ff)}@keyframes gsum-in{0%{opacity:0;transform:translateY(40px)scale(.6)rotate(-8deg)}}.gsum__go{animation:.8s ease-in-out infinite alternate choosable}.gsplash{z-index:9;cursor:pointer;background:radial-gradient(circle at 40% 50%, var(--tier2), var(--tier) 35%, #140b2a 80%);border:0;justify-content:center;align-items:center;padding:0;animation:.4s ease-out gsplash-in;display:flex;position:absolute;inset:0;overflow:hidden}.gtier--Q.gsplash{background:radial-gradient(circle at 40%,#fff,#ff9ae3 25%,#6a3cff 60%,#140b2a 90%)}@keyframes gsplash-in{0%{opacity:0;filter:brightness(3)}}.gsplash__rays{background:repeating-conic-gradient(#ffffff47 0deg 6deg,#0000 6deg 18deg);width:220vmax;height:220vmax;animation:6s linear infinite grays;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)}.gtier--Q .gsplash__rays{background:repeating-conic-gradient(#ff7ad959 0deg 6deg,#0000 6deg 12deg,#5ad1ff59 12deg 18deg,#0000 18deg 24deg,#ffd84a59 24deg 30deg,#0000 30deg 36deg)}.gsplash__band{background:linear-gradient(90deg,#0c0816eb,#0c081699 70%,#0000);height:26%;animation:.5s cubic-bezier(.2,.9,.3,1) .15s both gband;position:absolute;top:58%;left:-10%;right:-10%;transform:skewY(-6deg)}@keyframes gband{0%{transform:skewY(-6deg)translate(-100%)}}.gsplash__art{filter:drop-shadow(10px 10px #0c0816cc)drop-shadow(0 0 30px #fff9);height:104%;animation:.6s cubic-bezier(.2,.9,.3,1.1) both gsplash-art;position:absolute;bottom:-4%;left:4%}@keyframes gsplash-art{0%{opacity:0;transform:translate(-30%)scale(1.25)}}.gsplash__text{text-align:right;flex-direction:column;align-items:flex-end;animation:.5s cubic-bezier(.2,.9,.3,1.2) .3s both gsplash-text;display:flex;position:absolute;top:60%;right:6%;transform:skew(-10deg)}@keyframes gsplash-text{0%{opacity:0;transform:skew(-10deg)scale(2)}}.gsplash__text em{letter-spacing:.18em;color:#0c0816;background:linear-gradient(90deg, var(--tier2), var(--tier));padding:2px 12px;font-size:clamp(16px,2.8vw,22px);font-style:normal;font-weight:900}.gtier--Q .gsplash__text em{background:linear-gradient(90deg,#ff7ad9,#ffd84a,#7dffb0,#5ad1ff,#b07bff)}.gsplash__text strong{color:#fff;-webkit-text-stroke:2px #0c0816;paint-order:stroke fill;text-shadow:-5px 3px #19e3ff,5px -3px #ff2f9a,0 7px #0c0816;font-size:clamp(48px,11vw,100px);font-style:italic;font-weight:900;line-height:1.05}.gsplash__text b{color:#fff;text-shadow:0 2px 4px #0c0816;font-size:clamp(16px,2.6vw,22px)}.gsplash__stars{color:var(--tier2);letter-spacing:.15em;text-shadow:0 0 12px var(--tier);font-size:clamp(24px,4vw,40px);animation:.5s .45s both gsplash-text;position:absolute;top:46%;right:6%}.gtier--Q .gsplash__stars{color:#fff}.gpull{background:linear-gradient(120deg,#3c1c6ef2,#141232f2);border:2px solid #ffd16699;border-radius:20px;align-items:center;gap:22px;width:100%;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #ffb34740}.gpull:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff1f 50%,#0000 60%) 0 0/250% 100%;animation:3s ease-in-out infinite gfoil;position:absolute;inset:0}.gpull__stack{aspect-ratio:2/3;flex:none;width:96px;animation:2.4s ease-in-out infinite gpack-float;position:relative}.gpull__stack i{background-size:100% 100%;border-radius:8%;position:absolute;inset:0;box-shadow:0 4px 10px #00000080}.gpull__stack i:first-child{transform:rotate(-12deg)translate(-12px)}.gpull__stack i:nth-child(2){transform:rotate(-3deg)}.gpull__stack i:nth-child(3){transform:rotate(8deg)translate(12px);box-shadow:0 0 22px #ffd166cc}.gpull__text{color:var(--text);flex-direction:column;flex:1;gap:6px;font-size:16px;line-height:1.5;display:flex;position:relative}.gpull__text strong{font-size:24px}.gpull__rates{flex-wrap:wrap;gap:6px 14px;font-size:15px;font-weight:700;display:flex}.gpull__rates span{white-space:nowrap}.gpull__rates b{color:var(--tier)}.gpull .btn-primary{padding:16px 28px;font-size:22px;animation:.8s ease-in-out infinite alternate choosable;position:relative}.gdeck{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:16px;width:100%;display:grid}.ghand{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 12px;width:100%;display:grid}.ghand__card{cursor:pointer;color:var(--text);background:0 0;border:0;flex-direction:column;gap:4px;padding:0;transition:transform .15s;display:flex;position:relative}.ghand__card:hover,.ghand__card:focus-visible{transform:translateY(-5px)scale(1.03)}.ghand__card--used{filter:brightness(.6)saturate(.7);transform:translateY(4px)scale(.96)}.ghand__card--blocked{cursor:not-allowed;opacity:.5}.ghand__move{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.ghand__seat{background:var(--gold);color:#2a1c05;white-space:nowrap;border-radius:10px;padding:3px 12px;font-size:15px;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 4px 10px #00000080}.ghand__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ghand__tools button{font-size:16px}.raid-slot__move{color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}@media (width<=900px){.gdeck{grid-template-columns:minmax(0,1fr)}.gstage__row{flex-direction:column;gap:12px}.gbig{width:min(46vw,34vh,260px)}.gstage__info{width:min(94vw,460px)}.ginfo{gap:8px;padding:12px 14px;font-size:14px}.ginfo__head strong{font-size:28px}}@media (width<=760px){.gpull{flex-wrap:wrap}.ghand{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.gshow *,.gshow:after,.gsplash *{animation-duration:.01ms!important;animation-iteration-count:1!important}.gbig--charging,.gshake--1,.gshake--2,.gshake--3{animation:none}}.ginfo{text-align:left}.gmove__c{line-height:1;overflow:hidden}.ginfo__move{margin-top:4px}@media (width<=900px){.gstage__info{min-height:260px}}@keyframes gpack-float{50%{transform:translateY(-10px)rotate(-1.5deg)}}@keyframes gaura{to{opacity:.9;transform:scale(1.08)}}@keyframes gaura-hot{0%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1.25)}}@keyframes gfoil{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes gspin{to{rotate:360deg}}.summon__2d{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gshow__whitein{z-index:11;pointer-events:none;background:#fff;animation:.6s ease-out forwards gwhite-out;position:absolute;inset:0}@keyframes gwhite-out{to{opacity:0}}.hw{border:2px solid var(--gold);background:#1d2048;border-radius:18px;flex-direction:column;width:min(480px,100%);max-height:94vh;display:flex;overflow:hidden;box-shadow:0 18px 50px #00000080}.hw__top{align-items:center;gap:8px;padding:10px 12px;display:flex}.hw__tabs{background:#00000040;border-radius:999px;gap:4px;padding:3px;display:flex}.hw__tabs button{color:#c9cdf0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.hw__tabs .hw__tab--on{background:var(--gold);color:#2a1d00}.hw__count{color:#9aa0d6;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.hw__close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:30px;height:30px;font-size:14px}.hw__view{touch-action:pan-y;-webkit-user-select:none;user-select:none;min-height:0;overflow:hidden}.hw__strip{transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex}.hw__strip--drag{transition:none}.hw__slide{flex-direction:column;flex:0 0 100%;min-width:0;display:flex}.hw__media{background:#0c0d24;place-items:center;display:grid}.hw__media video{aspect-ratio:480/500;object-fit:contain;pointer-events:none;width:100%;max-height:calc(94vh - 250px);display:block}.hw__text{min-height:112px;padding:12px 18px 4px}.hw__text h3{color:var(--gold);align-items:center;gap:8px;margin:0 0 6px;font-size:19px;display:flex}.hw__text h3 small{color:#fff;font-size:15px;font-weight:700}.hw__text p{color:#e8eaff;margin:0 0 4px;font-size:14px;line-height:1.5}.hw__face{object-fit:cover;border:2px solid var(--gold);border-radius:50%;width:30px;height:30px}.hw__tag{color:#fff;vertical-align:1px;background:#3a5bd9;border-radius:6px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800;display:inline-block}.hw__tag--ult{background:#c2367a}.hw__nav{align-items:center;gap:10px;padding:8px 12px 12px;display:flex}.hw__arrow{width:40px;height:40px;color:var(--gold);cursor:pointer;background:#ffd1661f;border:2px solid #ffd16699;border-radius:50%;flex:none;padding-bottom:3px;font-size:26px;line-height:1}.hw__arrow:disabled{opacity:.25;cursor:default}.hw__done{flex:none;padding:9px 16px}.hw__dots{flex-wrap:wrap;flex:1;justify-content:center;gap:5px;display:flex}.hw__dot{cursor:pointer;background:#ffffff38;border:0;border-radius:50%;width:8px;height:8px;padding:0}.hw__dot--map{background:#78c8ff4d}.hw__dot--member{background:#ff8cc84d}.hw__dot--on{background:var(--gold);transform:scale(1.3)}@media (width<=520px){.howto{padding:8px}.hw__text{padding:10px 14px 2px}}