.rl-display-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:14px;display:flex}.rl-display-title{letter-spacing:.02em;margin:0;font-size:clamp(22px,2.6vw,38px)}.rl-display-lead{color:var(--rl-muted);margin:2px 0 0;font-size:clamp(13px,1.2vw,18px)}.rl-banner{color:var(--rl-text);background:var(--rl-panel);border:1px solid var(--rl-line);font-variant-numeric:tabular-nums;border-radius:999px;padding:10px 22px;font-size:clamp(16px,1.8vw,26px);font-weight:800}.rl-display-body{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:22px;display:grid}@media (max-width:1100px){.rl-display-body{grid-template-columns:minmax(0,1fr)}}.rl-display-stage{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.rl-demo-tag{color:var(--rl-muted);background:var(--rl-panel);border:1px dashed var(--rl-line);border-radius:999px;margin:0;padding:6px 14px;font-size:14px}.rl-big-countdown{color:#fff;text-shadow:0 0 40px #000000a6;pointer-events:none;place-items:center;margin:0;font-size:clamp(90px,18vmin,220px);font-weight:900;display:grid;position:absolute;inset:0}.rl-display-side{flex-direction:column;gap:16px;display:flex}.rl-join{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.rl-join-title{text-align:center;margin:0;font-size:clamp(15px,1.3vw,20px);font-weight:800}.rl-qr{background:#fff;border-radius:12px;width:min(240px,62vw);height:auto;padding:10px;display:block}.rl-qr-empty{aspect-ratio:1;background:#1b2540}.rl-join-url{word-break:break-all;text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(13px,1.1vw,17px);font-weight:700}.rl-join-alt{color:var(--rl-muted);word-break:break-all;text-align:center;margin:0;font-size:11px}.rl-join-warn{text-align:center}.rl-seats{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:18px;padding:14px}.rl-seat-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.rl-card.is-human{border-color:var(--rl-accent);box-shadow:0 0 0 1px var(--rl-accent) inset}.rl-card-main{min-width:0}.rl-tag.is-human{color:#0b1020;background:var(--rl-accent)}@keyframes rl-seat-in{0%{box-shadow:0 0 0 0 var(--rl-accent);transform:scale(.9)}40%{transform:scale(1.04);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.rl-card.is-entering{animation:.7s ease-out rl-seat-in}@keyframes rl-entrance{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}15%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(1)}}.rl-entrance{z-index:20;border:2px solid var(--rl-line);pointer-events:none;background:#0b1020eb;border-radius:999px;align-items:center;gap:14px;padding:14px 26px;animation:2.2s ease-out forwards rl-entrance;display:flex;position:fixed;bottom:8vh;left:50%}.rl-entrance-face{background-position:top;background-size:cover;border-radius:50%;width:56px;height:56px}.rl-entrance-name{font-size:clamp(20px,2.4vw,34px);font-weight:900}.rl-display-foot{color:var(--rl-muted);flex-wrap:wrap;gap:4px 16px;margin-top:14px;font-size:11px;display:flex}.rl-live-result{margin-top:8px;font-size:clamp(22px,2.4vw,34px);font-weight:800}.rl-stage-empty{min-height:200px;color:var(--rl-muted);place-items:center;display:grid}.rl-field{color:var(--rl-muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.rl-field input{color:var(--rl-text);border:1px solid var(--rl-line);background:#1b2540;border-radius:10px;padding:10px 12px;font-size:20px}.rl-play .rl-stage{--rl-cell:max(20px, min(calc((100vw - 88px) / 9), calc((100dvh - 430px) / 9)));--rl-step:calc(var(--rl-cell) + var(--rl-gap));align-self:center}.rl-play-title{margin:0;font-size:clamp(18px,5vw,24px)}.rl-play-lead{color:var(--rl-muted);margin:4px 0 14px;font-size:13px}.rl-play-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.rl-play-beat{color:var(--rl-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.rl-play-status{color:var(--rl-muted);margin:8px 0 0;font-size:13px}.rl-pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rl-picker{color:var(--rl-text);background:var(--rl-panel);border:2px solid var(--rl-line);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:6px;min-height:150px;padding:16px 10px;transition:transform .12s;display:flex}.rl-picker:active{transform:scale(.97)}.rl-picker.is-picked{border-color:var(--rl-accent);box-shadow:0 0 0 3px var(--rl-accent) inset}.rl-picker.is-taken{opacity:.4;cursor:not-allowed}.rl-picker-face{border:3px solid var(--rl-accent);background-position:top;background-size:cover;border-radius:50%;width:76px;height:76px}.rl-picker-name{font-size:17px;font-weight:800}.rl-picker-sub{color:var(--rl-muted);font-size:11px}.rl-play-lines{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13px}.rl-play-lines>div{gap:10px;padding:3px 0;display:flex}.rl-play-lines dt{color:var(--rl-muted);flex:0 0 3.2em}.rl-play-lines dd{margin:0;font-weight:700}.rl-banner-sub{color:var(--rl-muted);margin-left:18px;font-size:.72em;font-weight:700}.rl-lesson{background:var(--rl-panel);border:2px solid var(--rl-warn-edge);text-align:center;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;padding:10px 20px;display:flex}.rl-lesson-step{color:var(--rl-warn-edge);font-size:12px;font-weight:700}.rl-lesson-title{font-size:clamp(16px,1.6vw,22px)}.rl-lesson-hint{color:var(--rl-muted);font-size:13px}.rl-lesson.is-play{flex-direction:column;gap:2px;margin-bottom:10px;padding:8px 12px}@keyframes rl-hint-pulse{0%,to{box-shadow:0 0 0 0 var(--rl-warn-edge)}50%{box-shadow:0 0 0 6px #f59e0b00}}.rl-key.is-hinted{border-color:var(--rl-warn-edge);animation:1.1s ease-out infinite rl-hint-pulse}.rl-actor.is-hinted .rl-actor-mark{box-shadow:0 0 0 3px var(--rl-warn-edge)}@keyframes rl-caption-in{0%{opacity:0;transform:translate(-50%,6px)}20%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.rl-actor-caption,.rl-actor-cheer{z-index:6;white-space:nowrap;color:#0b1020;pointer-events:none;background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;animation:.8s ease-out forwards rl-caption-in;position:absolute;bottom:calc(100% + 26px);left:50%}.rl-actor-cheer{color:var(--rl-text);background:var(--rl-panel);border:2px solid var(--rl-accent);animation-duration:2.5s;bottom:calc(100% + 48px)}@keyframes rl-cheer-layer-in{0%{opacity:0;transform:translateY(6px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.rl-cheer-layer{z-index:12;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:100%;padding:12px;display:grid;position:absolute;inset:0;overflow:hidden}.rl-grid .rl-cheer-layer .rl-actor-cheer{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;gap:.45em;width:100%;min-width:0;max-width:100%;font-size:clamp(11px,1.15vw,16px);line-height:1.25;animation:2.5s ease-out forwards rl-cheer-layer-in;display:flex;position:relative;bottom:auto;left:auto;overflow:hidden}.rl-grid .rl-cheer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rl-grid .rl-cheer-message{flex:none}.rl-outcome{text-align:center}.rl-outcome-why{color:var(--rl-muted);margin:4px 0 0;font-size:14px}.rl-pad-body[hidden]{display:none}.rl-play .rl-outcome{text-align:center;margin-top:14px}.rl-cheers{padding:6px 0 2px}.rl-cheers-lead{color:var(--rl-muted);text-align:center;margin:0 0 10px;font-size:13px}.rl-cheer-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rl-key.is-cheer{min-height:74px;font-size:20px}.rl-join-blocked{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.rl-join-restart code{color:var(--rl-text);border:1px solid var(--rl-line);background:#1b2540;border-radius:10px;padding:8px 14px;font-size:15px;display:inline-block}.rl-play.is-pad{height:100dvh;min-height:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:8px;display:flex;overflow:hidden}.rl-play.is-pad .rl-play-head{margin-bottom:0}.rl-play-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.rl-play.is-pad .rl-pad{flex:none;width:100%;max-width:none}.rl-play.is-pad .rl-pad-body{flex-wrap:nowrap;justify-content:center}.rl-play.is-pad .rl-dpad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,minmax(56px,64px))}.rl-play.is-pad .rl-key.is-wide{min-height:56px}.rl-play.is-pad .rl-key-icon{font-size:22px}.rl-play.is-pad .rl-lesson.is-play{flex:none;margin-bottom:0}.rl-play.is-pad .rl-outcome{flex:none;margin:0}.rl-play-line{text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:14px;font-weight:700}.rl-sound{appearance:none;width:42px;height:42px;color:var(--rl-text);background:var(--rl-panel);border:1px solid var(--rl-line);cursor:pointer;border-radius:999px;flex:none;font-size:19px;line-height:1}.rl-play .rl-sound{margin-left:8px}.rl-debug{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.rl-actor-ring{pointer-events:none;z-index:1;width:128%;height:128%;position:absolute;inset:-14%;overflow:visible}.rl-actor-ring-track{fill:none;stroke:#fff;stroke-opacity:.12;stroke-width:7px}.rl-actor-ring-fill{fill:none;stroke:var(--rl-accent);stroke-opacity:.85;stroke-width:7px;stroke-linecap:round;stroke-dasharray:289;transform-origin:50%;transition:stroke-dashoffset .38s;transform:rotate(-90deg)}.rl-actor.is-charged .rl-actor-ring-fill{stroke:#fbbf24;filter:drop-shadow(0 0 6px #fbbf24);animation:1.2s ease-in-out infinite rl-charged-pulse}@keyframes rl-charged-pulse{50%{stroke-opacity:.5}}.rl-actor .rl-actor-body{transition:transform .2s}.rl-actor.is-bracing .rl-actor-body{transform:scale(1.08,.84)translateY(7%)}.rl-actor.is-bracing .rl-actor-body:after{content:"";opacity:.9;pointer-events:none;border:3px solid #7dd3fc;border-radius:50%;position:absolute;inset:-12%;box-shadow:0 0 12px #7dd3fc88,inset 0 0 10px #7dd3fc44}.rl-start-round{border-radius:14px;padding:14px 44px;font-size:clamp(18px,1.8vw,26px);box-shadow:0 0 24px #38bdf866}.rl-start-round:disabled{color:var(--rl-muted);cursor:default;box-shadow:none;background:#1b2540}.rl-display{--rl-cell:clamp(44px, min(calc((100vw - 330px) / 9.45), calc((100dvh - 162px) / 9.45)), 74px);--rl-step:calc(var(--rl-cell) + var(--rl-gap));background:radial-gradient(circle at 50% 48%,#082f4914,#020617b8 68%),#020617 url(/games/royale/arena-void-bg.png) 50%/cover no-repeat;width:100%;height:100dvh;min-height:0;padding:10px 14px 12px;overflow:hidden}.rl-display-top{z-index:6;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:56px;margin-bottom:8px;display:grid;position:relative}.rl-display-title{text-shadow:0 2px 18px #020617;font-size:clamp(22px,2.2vw,34px);line-height:1.05}.rl-display-lead{font-size:clamp(11px,1vw,15px)}.rl-display-top .rl-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d20d6;border-color:#67e8f961;justify-self:center;padding:9px 20px;font-size:clamp(15px,1.55vw,23px);box-shadow:0 8px 28px #0206176b}.rl-display-body,.rl-display.is-battle .rl-display-body{grid-template-columns:minmax(0,1fr) 266px;align-items:stretch;gap:12px;height:calc(100dvh - 86px);min-height:0;display:grid}.rl-display-stage{isolation:isolate;background:linear-gradient(#0206170a,#02061770),url(/games/royale/arena-void-bg.png) 50%/cover no-repeat;border:1px solid #67e8f957;border-radius:28px;justify-content:center;min-width:0;min-height:0;padding:8px;overflow:hidden;box-shadow:inset 0 0 80px #22d3ee1a,0 20px 55px #020617a6}.rl-display-stage:before{content:"";z-index:-1;filter:blur(12px);background:radial-gradient(circle,#22d3ee2b,#0000 68%);border-radius:50%;position:absolute;inset:8% 10%}.rl-display .rl-stage{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040a1cad;border:1px solid #a5f3fc6b;border-radius:24px;padding:16px;box-shadow:0 0 0 1px #0ea5e933,0 0 54px #22d3ee3d,0 28px 54px #00000094}.rl-demo-tag,.rl-display .rl-lesson{z-index:5;color:#e0f2fe;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070d20d6;border-color:#67e8f957;max-width:calc(100% - 32px);margin:0;position:absolute;top:14px}.rl-start-round{z-index:7;background:linear-gradient(135deg,#67e8f9,#38bdf8 45%,#a78bfa);border:2px solid #ffffffb8;border-radius:999px;min-width:min(460px,100% - 36px);min-height:62px;padding:14px 38px;font-size:clamp(19px,2vw,29px);position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #38bdf8b8,0 12px 34px #020617b3}.rl-start-round:hover{background:linear-gradient(135deg,#a5f3fc,#7dd3fc 45%,#c4b5fd)}.rl-start-round:disabled{opacity:.88;background:#0f172ae0;border-color:#94a3b847}.rl-big-countdown{z-index:8;color:#fff;text-shadow:0 0 18px #38bdf8,0 0 72px #a78bfa,0 6px 18px #020617}.rl-display-side{gap:10px;min-height:0;overflow:hidden}.rl-join,.rl-seats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d20db;border-color:#67e8f940;border-radius:18px;flex:none;padding:11px;box-shadow:0 10px 32px #02061775}.rl-join{gap:6px}.rl-display .rl-qr{border-radius:14px;width:min(214px,100%);padding:8px}.rl-display .rl-join-url,.rl-display .rl-display-foot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.rl-display .rl-join-alt{display:none}.rl-seats{flex:auto;min-height:0;margin:0}.rl-seat-list{gap:6px;margin-top:8px}.rl-display .rl-card{background:#0f172ad1;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:7px 8px}.rl-display .rl-portrait{background-position:top;background-size:cover;width:44px;height:44px}.rl-display .rl-card-name{font-size:13px}.rl-display.is-battle .rl-join{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:7px 10px;display:grid}.rl-display.is-battle .rl-join-title{grid-column:1/-1;font-size:13px}.rl-display.is-battle .rl-qr{grid-column:1;width:92px;padding:5px}.rl-display.is-battle .rl-seats{padding:9px}.rl-display.is-battle .rl-seats .rl-join-title{font-size:12px}.rl-display.is-battle .rl-card{grid-template-columns:38px minmax(0,1fr);padding:5px 7px}.rl-display.is-battle .rl-portrait{width:38px;height:38px}.rl-display-outcome{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 28%,#fbbf244d,#0000 45%),#020617e6;border:2px solid #fde68ab8;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:5%;box-shadow:0 0 70px #fbbf2452}.rl-winner-portrait{aspect-ratio:1;background-position:top;background-repeat:no-repeat;background-size:cover;border:4px solid #fde68a;border-radius:28%;width:clamp(180px,27vmin,300px);box-shadow:0 0 0 8px #fbbf2424,0 0 56px #fbbf24a8}.rl-winner-portrait.is-awakened{animation:1.4s ease-in-out infinite alternate rl-winner-awaken}@keyframes rl-winner-awaken{to{filter:brightness(1.14)saturate(1.18);box-shadow:0 0 0 10px #fbbf2438,0 0 82px #fbbf24d1}}.rl-winner-crown{color:#fde68a;letter-spacing:.22em;margin-top:12px;font-size:clamp(16px,2vw,28px);font-weight:1000}.rl-display-outcome .rl-live-result{text-shadow:0 0 24px #fbbf2480;margin:2px 0 0;font-size:clamp(30px,4.2vw,62px)}.rl-display-outcome .rl-outcome-why{color:#e2e8f0;font-size:clamp(15px,1.6vw,23px)}.rl-display.is-lobby.is-result .rl-display-outcome{pointer-events:none;padding-bottom:clamp(104px,14vh,132px)}.rl-display.is-lobby.is-result .rl-start-round{z-index:10}@media (max-width:1050px){.rl-display{--rl-cell:clamp(38px, min(calc((100vw - 250px) / 9.4), calc((100dvh - 152px) / 9.4)), 62px)}.rl-display-body,.rl-display.is-battle .rl-display-body{grid-template-columns:minmax(0,1fr) 210px}.rl-display-lead{display:none}}@media (prefers-reduced-motion:reduce){.rl-winner-portrait.is-awakened{animation:none}}.rl-display{--rl-cell:clamp(54px, min(calc((100vw - 342px) / 9.5), calc((100dvh - 110px) / 9.5)), 74px);--rl-step:calc(var(--rl-cell) + var(--rl-gap));width:100%;height:100dvh;min-height:0;color:var(--rl-text);background:radial-gradient(circle at 10% 10%,#fff 0 7%,#0000 7.4%),radial-gradient(circle at 88% 13%,#fff 0 9%,#0000 9.4%),linear-gradient(#dff7ff 0 44%,#fffaf0 75%);padding:8px 12px 10px;overflow:hidden}.rl-display.is-battle{--rl-cell:clamp(58px, min(calc((100vw - 64px) / 9.5), calc((100dvh - 104px) / 9.5)), 76px)}.rl-display .rl-display-top{z-index:12;grid-template-columns:minmax(250px,auto) minmax(0,1fr) 44px;grid-template-areas:"title banner sound";align-items:center;gap:10px;min-height:50px;margin:0 0 6px;display:grid;position:relative}.rl-display .rl-display-top>div:first-child{grid-area:title}.rl-display .rl-display-top>.top-link-row{flex-wrap:nowrap;gap:10px;margin:0}.rl-display .rl-display-top>.rl-banner{grid-area:banner}.rl-display .rl-display-top>.rl-sound{grid-area:sound}.rl-display .rl-display-title{color:var(--rl-text);letter-spacing:-.035em;text-shadow:none;margin:0;font-size:clamp(22px,2.3vw,34px);font-weight:900;line-height:1}.rl-display .rl-display-lead{color:var(--rl-muted);margin-top:3px;font-size:clamp(10px,.95vw,14px);font-weight:700}.rl-display .rl-banner{color:var(--rl-text);border:3px solid var(--rl-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:999px;justify-self:center;margin:0;padding:7px 16px;font-size:clamp(14px,1.45vw,21px);font-weight:900;box-shadow:0 5px #00b8ff}.rl-display .rl-banner-sub{color:var(--rl-muted);font-weight:900}.rl-display .rl-sound{width:42px;height:42px;color:var(--rl-text);border:3px solid var(--rl-line);background:#fff;box-shadow:0 4px #dfe4ef}.rl-display .rl-display-body,.rl-display.is-battle .rl-display-body{grid-template-columns:minmax(0,1fr) 274px;align-items:stretch;gap:12px;height:calc(100dvh - 74px);min-height:0;display:grid}.rl-display.is-battle .rl-display-body{grid-template-columns:minmax(0,1fr)}.rl-display .rl-display-stage{isolation:isolate;border:4px solid var(--rl-line);background:linear-gradient(#ffffff0d,#fffaf014),url(/games/royale/arena-garden-bg.png) 50%/cover no-repeat;border-radius:24px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #00b8ff,0 18px 34px #0d122029}.rl-display .rl-display-stage:before{display:none}.rl-display .rl-stage{border:4px solid var(--rl-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffc7;border-radius:22px;padding:9px;box-shadow:0 8px #0d122038,0 24px 44px #0d122029}.rl-display .rl-sprite{transform-origin:bottom;scale:1.5}.rl-display .rl-actor-call{font-size:calc(var(--rl-cell) * .5);border-width:3px;box-shadow:0 5px #0d122047}.rl-display .rl-demo-tag,.rl-display .rl-lesson{z-index:8;max-width:calc(100% - 32px);color:var(--rl-text);border:3px solid var(--rl-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:999px;margin:0;padding:8px 16px;position:absolute;top:14px;box-shadow:0 5px #ffb300}.rl-display .rl-lesson-step{color:#ff2d75}.rl-display .rl-lesson-hint{color:var(--rl-muted)}.rl-display .rl-start-round{z-index:9;color:#fff;border:4px solid var(--rl-line);background:#ff2d75;border-radius:999px;min-width:min(430px,100% - 36px);min-height:58px;padding:11px 34px;font-size:clamp(18px,1.8vw,26px);position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 7px #9f1647}.rl-display .rl-start-round:hover{color:var(--rl-text);background:#ffd84d}.rl-display .rl-start-round:active{transform:translate(-50%,5px);box-shadow:0 2px #9f1647}.rl-display .rl-start-round:disabled{color:#7b8498;opacity:1;background:#eef1f6;border-color:#aab2c3;box-shadow:0 5px #cbd1dc}.rl-display .rl-big-countdown{z-index:10;color:#ff2d75;-webkit-text-stroke:7px #0d1220;paint-order:stroke fill;text-shadow:0 9px #ffd84d}.rl-display .rl-display-side{gap:10px;min-height:0;display:flex;overflow:hidden}.rl-display.is-battle .rl-display-side{display:none}.rl-display .rl-join,.rl-display .rl-seats{color:var(--rl-text);border:3px solid var(--rl-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:16px;flex:none;padding:10px;box-shadow:0 6px #0d12202e}.rl-display .rl-join{gap:5px}.rl-display .rl-join-title{color:var(--rl-text);font-size:14px;font-weight:900}.rl-display .rl-qr{border:3px solid var(--rl-line);background:#fff;border-radius:12px;width:min(178px,100%);padding:7px}.rl-display .rl-join-alt{color:var(--rl-muted)}.rl-display .rl-seats{flex:auto;min-height:0;margin:0}.rl-display .rl-seat-list{gap:5px;margin-top:7px}.rl-display .rl-card{color:var(--rl-text);border:2px solid var(--rl-line);border-left:6px solid var(--rl-accent);box-shadow:none;background:#f4f6fb;border-radius:10px;grid-template-columns:42px minmax(0,1fr);gap:7px;padding:6px 7px}.rl-display .rl-portrait{border:2px solid var(--rl-line);background-color:#fffaf0;width:42px;height:42px}.rl-display .rl-card-name{color:var(--rl-text);font-size:12px;font-weight:900}.rl-display .rl-tag.is-human{color:var(--rl-text);background:#ffd84d}.rl-display .rl-card-foot,.rl-display .rl-card-keys{color:var(--rl-muted)}.rl-display .rl-join-restart code{color:var(--rl-text);border:2px solid var(--rl-line);background:#f4f6fb}.rl-display .rl-entrance{color:var(--rl-text);border:4px solid var(--rl-line);background:#fff;box-shadow:0 7px #7b3dff}.rl-display .rl-display-outcome{z-index:11;color:var(--rl-text);border:4px solid var(--rl-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 50% 20%,#ffd84da3,#0000 36%),#fffffff5;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:4%;box-shadow:0 10px #ffb300}.rl-display .rl-winner-portrait{border:5px solid var(--rl-line);border-radius:26%;width:clamp(190px,29vmin,310px);box-shadow:0 0 0 8px #ffd84d,0 10px #0d122038}.rl-display .rl-winner-crown{color:#ff2d75;text-shadow:0 3px #ffd84d;font-weight:900}.rl-display .rl-display-outcome .rl-live-result,.rl-display .rl-display-outcome .rl-outcome-why{color:var(--rl-text);text-shadow:none}@media (max-width:1050px){.rl-display{--rl-cell:clamp(46px, min(calc((100vw - 260px) / 9.5), calc((100dvh - 104px) / 9.5)), 68px)}.rl-display.is-battle{--rl-cell:clamp(52px, min(calc((100vw - 54px) / 9.5), calc((100dvh - 100px) / 9.5)), 72px)}.rl-display .rl-display-body{grid-template-columns:minmax(0,1fr) 230px}.rl-display.is-battle .rl-display-body{grid-template-columns:minmax(0,1fr)}.rl-display .rl-display-lead{display:none}}.rl-display[data-arena-active=yes]{--rl-cell:clamp(58px, min(calc((100vw - 64px) / 9.5), calc((100dvh - 104px) / 9.5)), 76px)}.rl-display[data-arena-active=yes] .rl-display-body{grid-template-columns:minmax(0,1fr)}.rl-display[data-arena-active=yes] .rl-display-side{display:none}.rl-display[data-arena-active=yes] .rl-display-stage{grid-template-columns:minmax(0,1fr) 236px;place-items:center;column-gap:14px;display:grid}.rl-display[data-arena-active=yes] .rl-display-stage>.rl-stage{grid-area:1/1}.rl-display .rl-battle-meta{z-index:9;width:100%;max-width:none;color:var(--rl-text);border:3px solid var(--rl-line);background:#fffffff0;border-radius:16px;flex-direction:column;grid-area:1/2;place-self:center stretch;align-items:center;gap:8px;padding:11px;display:flex;position:relative;box-shadow:0 6px #0d122033}.rl-display .rl-battle-meta-label{font-size:17px;font-weight:900}.rl-display .rl-battle-meta .rl-qr{border:3px solid var(--rl-line);border-radius:10px;flex:none;width:168px;padding:6px}.rl-display .rl-battle-meta.is-demo-join .rl-qr{width:208px}.rl-display .rl-battle-meta-players,.rl-display .rl-battle-meta-status{color:var(--rl-muted);white-space:nowrap;background:#eef1f6;border-radius:999px;flex:none;padding:4px 7px;font-size:12px;font-weight:900}.rl-display .rl-battle-meta-link,.rl-display .rl-battle-meta-url{width:100%;color:var(--rl-text);border:2px solid var(--rl-line);text-align:center;background:#fff4bd;border-radius:9px;font-size:11px;font-weight:900;line-height:1.3;text-decoration:none}.rl-display .rl-battle-meta-link{flex-direction:column;gap:3px;padding:7px 6px;display:flex}.rl-display .rl-battle-meta-link code{color:var(--rl-muted);overflow-wrap:anywhere;font-size:10px;font-weight:700}.rl-display .rl-battle-meta-url{flex-direction:column;gap:3px;padding:6px;display:flex}.rl-display .rl-battle-meta-url code{color:var(--rl-muted);overflow-wrap:anywhere;font-size:10px;font-weight:700}.rl-display .rl-battle-meta-link:hover,.rl-display .rl-battle-meta-url:hover{background:#ffd84d}.rl-display[data-arena-active=yes] .rl-beat-results{width:auto;left:14px;right:250px;transform:none}.rl-display .rl-beat-phase{z-index:12;color:var(--rl-text);border:3px solid var(--rl-line);pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:7px 13px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 5px #00b8ff}.rl-display .rl-beat-phase span{color:var(--rl-muted);font-family:Archivo,Noto Sans JP,system-ui,sans-serif;font-size:11px;font-weight:900}.rl-display .rl-beat-phase strong{font-size:clamp(14px,1.4vw,20px);font-weight:900}.rl-display .rl-beat-phase.is-resolve{box-shadow:0 5px #ffb300}.rl-display .rl-beat-phase.is-result{box-shadow:0 5px #ff1f6b}.rl-display[data-presentation-phase=reveal] .rl-actor-call{color:#fff;background:var(--rl-text);border-color:var(--rl-accent);box-shadow:0 0 0 3px #fff,0 7px #0d12204d}.rl-display .rl-beat-results{z-index:12;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(820px,100% - 32px);display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.rl-display .rl-beat-results>span{min-width:0;color:var(--rl-text);border:3px solid var(--rl-line);text-overflow:ellipsis;white-space:nowrap;background:#fffffff5;border-radius:12px;padding:7px 11px;font-size:clamp(11px,1.05vw,15px);font-weight:800;overflow:hidden;box-shadow:0 4px #0d122033}.rl-display .rl-beat-results strong{color:#ff1f6b;margin-right:.55em;font-weight:900}.rl-display .rl-actor-caption{text-overflow:ellipsis;max-width:min(240px,28vw);overflow:hidden}@media (max-width:1050px){.rl-display[data-arena-active=yes]{--rl-cell:clamp(52px, min(calc((100vw - 54px) / 9.5), calc((100dvh - 100px) / 9.5)), 72px)}.rl-display[data-arena-active=yes] .rl-display-stage{grid-template-columns:minmax(0,1fr) 190px;column-gap:8px}.rl-display .rl-battle-meta .rl-qr,.rl-display .rl-battle-meta.is-demo-join .rl-qr{width:164px}.rl-display[data-arena-active=yes] .rl-beat-results{right:204px}.rl-display .rl-beat-results{grid-template-columns:minmax(0,1fr);width:min(520px,100% - 28px)}}.rl-display .rl-portrait,.rl-display .rl-winner-portrait,.rl-display .rl-entrance-face{background-color:#0000}