.rl{--rl-bg:#fffaf0;--rl-panel:#fff;--rl-line:#0d1220;--rl-text:#0d1220;--rl-muted:#59617a;--rl-floor:#e2f7ff;--rl-floor-edge:#00b8ff;--rl-warn:#ffd84d;--rl-warn-edge:#ff2d75;--rl-gone:#edf2f7;--rl-cell:max(30px, min(7.6vmin, calc((100vh - 505px) / 9)));--rl-gap:5px;--rl-step:calc(var(--rl-cell) + var(--rl-gap));background:radial-gradient(circle at 16% 8%, #fff 0 7%, transparent 7.4%), radial-gradient(circle at 84% 13%, #fff 0 9%, transparent 9.4%), linear-gradient(180deg, #dff7ff 0 43%, var(--rl-bg) 72%);max-width:none;min-height:100vh;color:var(--rl-text);margin:0;padding:18px 20px 40px;font-family:Noto Sans JP,system-ui,sans-serif;font-weight:700}.rl h1{margin:0;font-size:20px}.rl-note{color:var(--rl-muted);margin:2px 0 16px;font-size:12px}.rl-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}@media (max-width:900px){.rl-layout{grid-template-columns:minmax(0,1fr)}}.rl-status{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:12px;padding:10px 14px;display:flex}.rl-status-block{flex-direction:column;line-height:1.25;display:flex}.rl-status-label{color:var(--rl-muted);font-size:11px}.rl-status-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.rl-status-value.is-alert{color:#fbbf24}.rl-beatbar{border:1px solid var(--rl-line);background:#0a1022;border-radius:999px;flex:180px;min-width:140px;height:10px;overflow:hidden}.rl-beatbar-fill{transform-origin:0;background:linear-gradient(90deg,#38bdf8,#a78bfa);width:100%;height:100%;animation:linear forwards rl-beat;display:block}@keyframes rl-beat{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rl-board{flex-direction:column;align-items:center;gap:12px;display:flex}.rl-stage{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:16px;outline:none;padding:14px;display:inline-block;position:relative}.rl-stage:focus,.rl-stage:focus-visible{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf855}.rl-grid{gap:var(--rl-gap);grid-template-columns:repeat(var(--rl-size), var(--rl-cell));grid-template-rows:repeat(var(--rl-size), var(--rl-cell));display:grid;position:relative}.rl-cell{background:var(--rl-gone);border-radius:6px;transition:background .32s,box-shadow .32s}.rl-cell.is-warn{background:var(--rl-warn);box-shadow:inset 0 0 0 1px var(--rl-warn-edge);animation:1.2s ease-in-out infinite rl-warn}@keyframes rl-warn{50%{opacity:.55}}.rl-actors{pointer-events:none;position:absolute;inset:0}.rl-actor{width:var(--rl-cell);height:var(--rl-cell);transform:translate(calc(var(--rl-x) * var(--rl-step)), calc(var(--rl-y) * var(--rl-step)));justify-content:center;align-items:center;transition:transform .38s cubic-bezier(.22,1.2,.36,1),opacity .38s;display:flex;position:absolute;top:0;left:0}.rl-actor.is-out{opacity:0;transform:translate(calc(var(--rl-x) * var(--rl-step)), calc(var(--rl-y) * var(--rl-step))) scale(.3) rotate(25deg)}.rl-actor-mark{background:var(--rl-accent);opacity:.45;filter:blur(1px);border-radius:50%;width:78%;height:26%;position:absolute;bottom:-2px}.rl-actor-body{width:100%;height:100%;position:relative}.rl-sprite{background-repeat:no-repeat;background-size:calc(var(--rl-cell) * 12) var(--rl-cell);width:100%;height:100%;animation:1.1s steps(12,end) infinite rl-puni}@keyframes rl-puni{0%{background-position-x:0}to{background-position-x:calc(var(--rl-cell) * -12)}}.rl-puni{background:var(--rl-accent);border-radius:50%;width:84%;height:84%;margin:8% auto;animation:1.1s ease-in-out infinite rl-squash;position:relative}@keyframes rl-squash{0%,to{transform:scale(1)}50%{transform:scale(1.1,.9)}}.rl-puni-eye{background:#0f172a;border-radius:50%;width:15%;height:15%;position:absolute;top:34%}.rl-puni-eye.is-left{left:26%}.rl-puni-eye.is-right{right:26%}.rl-puni-mouth{border-bottom:2px solid #0f172a;border-radius:0 0 50% 50%;width:28%;height:16%;position:absolute;top:56%;left:36%}.rl-actor.is-clash .rl-actor-body{animation:.38s ease-in-out rl-shake}@keyframes rl-shake{25%{transform:translate(-14%)}75%{transform:translate(14%)}}.rl-blast{width:var(--rl-cell);height:var(--rl-cell);transform:translate(calc(var(--rl-x) * var(--rl-step)), calc(var(--rl-y) * var(--rl-step)));pointer-events:none;position:absolute;top:0;left:0}.rl-blast:after{content:"";inset:calc(var(--rl-step) * -1);border:3px solid #fde68a;border-radius:50%;animation:.7s ease-out forwards rl-blast;position:absolute;box-shadow:0 0 24px #fbbf24}@keyframes rl-blast{0%{opacity:.95;scale:.4}to{opacity:0;scale:1.25}}.rl-actor-call{top:calc(var(--rl-cell) * -.52);min-width:calc(var(--rl-cell) * .62);font-size:calc(var(--rl-cell) * .42);text-align:center;border:2px solid var(--rl-accent);color:var(--rl-text);white-space:nowrap;z-index:3;background:#0b1020ee;border-radius:10px;padding:0 6px;font-weight:800;line-height:1.35;position:absolute}.rl-actor-call.is-pick{background:var(--rl-accent);color:#0b1020;box-shadow:0 0 18px var(--rl-accent);animation:.42s cubic-bezier(.2,1.5,.4,1) rl-pop}.rl-actor-call.is-beat{animation:.26s ease-out rl-pop}@keyframes rl-pop{0%{opacity:0;transform:scale(.4)translateY(6px)}60%{opacity:1;transform:scale(1.25)translateY(0)}to{transform:scale(1)translateY(0)}}.rl-actor.is-mine .rl-actor-mark{opacity:.9;height:30%;box-shadow:0 0 12px var(--rl-accent)}.rl-tick{pointer-events:none;position:absolute;overflow:visible}.rl-tick-track{fill:none;stroke:#fff;stroke-opacity:.12;stroke-width:6px}.rl-tick-fill{fill:none;stroke:#38bdf8;stroke-width:6px;stroke-linecap:round;stroke-dasharray:282.74;stroke-dashoffset:0;transform-origin:50%;animation-name:rl-tick;animation-timing-function:linear;animation-fill-mode:forwards;transform:rotate(-90deg)}@keyframes rl-tick{to{stroke-dashoffset:282.74px}}.rl-tick-center{width:calc(var(--rl-cell) * 3.4);height:calc(var(--rl-cell) * 3.4);margin:calc(var(--rl-cell) * -1.7) 0 0 calc(var(--rl-cell) * -1.7);opacity:.22;z-index:0;top:50%;left:50%}.rl-tick-seat{z-index:1;width:140%;height:140%;top:-20%;left:-20%}.rl-tick-seat .rl-tick-track{stroke-width:7px;stroke-opacity:.2}.rl-tick-seat .rl-tick-fill{stroke:var(--rl-accent);stroke-width:7px}.rl-side{flex-direction:column;gap:12px;display:flex}.rl-card{background:var(--rl-panel);border:1px solid var(--rl-line);border-left:4px solid var(--rl-accent);border-radius:12px;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}.rl-card.is-out{opacity:.45}.rl-card.is-winner{box-shadow:0 0 0 2px #fbbf24}.rl-portrait{border:1px solid var(--rl-line);background:#0a1022 50%/cover no-repeat;border-radius:10px;width:48px;height:48px}.rl-card-name{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.rl-tag{border:1px solid var(--rl-line);color:var(--rl-muted);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.rl-card-keys{color:var(--rl-muted);font-size:11px}.rl-gauge{gap:3px;margin-top:4px;display:flex}.rl-gauge-pip{border:1px solid var(--rl-line);background:#1e2743;border-radius:3px;width:14px;height:8px}.rl-gauge-pip.is-on{background:var(--rl-accent)}.rl-gauge-pip.is-ready{background:#fbbf24;border-color:#fde68a}.rl-card-foot{color:var(--rl-muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.rl-log{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:12px;padding:10px 12px}.rl-log h2{color:var(--rl-muted);margin:0 0 6px;font-size:12px}.rl-log ul{flex-direction:column;gap:3px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.rl-log li{color:var(--rl-muted)}.rl-log li:first-child{color:var(--rl-text)}.rl-setup{background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:16px;max-width:760px;padding:18px 20px}.rl-setup h2{margin:0 0 4px;font-size:15px}.rl-rules{color:var(--rl-muted);margin:0 0 16px;padding-left:18px;font-size:13px}.rl-seats{gap:8px;margin-bottom:16px;display:grid}.rl-seat-row{border:1px solid var(--rl-line);border-left:4px solid var(--rl-accent);border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.rl-toggle{border:1px solid var(--rl-line);border-radius:999px;gap:0;display:flex;overflow:hidden}.rl-toggle button{appearance:none;color:var(--rl-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 14px;font-size:12px}.rl-toggle button.is-on{background:var(--rl-accent);color:#0b1020;font-weight:700}.rl-start{appearance:none;color:#06121f;font:inherit;cursor:pointer;background:#38bdf8;border:0;border-radius:10px;padding:10px 26px;font-size:15px;font-weight:700}.rl-start:hover{background:#7dd3fc}.rl-result{z-index:10;background:#04060ecc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rl-result-box{text-align:center;background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:18px;min-width:300px;padding:26px 34px}.rl-result-portrait{background:#0a1022 50%/cover no-repeat;border:2px solid #fbbf24;border-radius:18px;width:116px;height:116px;margin:0 auto 10px}.rl-result-title{color:var(--rl-muted);margin:0;font-size:13px}.rl-result-name{margin:2px 0 6px;font-size:26px;font-weight:800}.rl-result-reason{color:var(--rl-muted);margin:0 0 16px;font-size:13px}.rl-result-rank{color:var(--rl-muted);text-align:left;flex-direction:column;gap:3px;margin:0 0 18px;padding:0;font-size:12px;list-style:none;display:flex}.rl-pads{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.rl-pad{max-width:min(100%, var(--rl-pad-max,620px));background:var(--rl-panel);border:1px solid var(--rl-line);border-top:4px solid var(--rl-accent);border-radius:16px;flex:340px;padding:10px 14px 14px}.rl-pad-head{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:8px;display:flex}.rl-pad-face{border:2px solid var(--rl-accent);background:#0a1022 50%/cover no-repeat;border-radius:8px;width:30px;height:30px}.rl-pad-name{white-space:nowrap;font-size:15px;font-weight:800}.rl-pad-keys{color:var(--rl-muted);flex:1 0 100%;font-size:11px}.rl-pad-body{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.rl-dpad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,62px);gap:6px;display:grid}.rl-dpad-hub{color:var(--rl-muted);grid-area:2/2;justify-content:center;align-items:center;font-size:11px;display:flex}.rl-key.is-up{grid-area:1/2}.rl-key.is-left{grid-area:2/1}.rl-key.is-right{grid-area:2/3}.rl-key.is-down{grid-area:3/2}.rl-key{appearance:none;min-height:52px;font:inherit;color:var(--rl-text);border:1px solid var(--rl-line);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1b2540;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 10px;transition:transform 90ms,background .14s,box-shadow .14s;display:flex}.rl-key:hover:not(:disabled){background:#24304f}.rl-key:active:not(:disabled){transform:scale(.94)}.rl-key:disabled{opacity:.4;cursor:default}.rl-key-icon{font-size:20px;font-weight:800;line-height:1.1}.rl-key-sub{color:var(--rl-muted);font-size:10px}.rl-key.is-picked{background:var(--rl-accent);border-color:var(--rl-accent);color:#0b1020;box-shadow:0 0 16px var(--rl-accent)}.rl-key.is-picked .rl-key-sub{color:#0b1020cc}.rl-pad-actions{flex-direction:column;flex:190px;gap:8px;min-width:168px;display:flex}.rl-key.is-wide{flex:1 1 0;width:100%;min-height:52px}.rl-key-gauge{letter-spacing:1px;font-size:15px}.rl-key.is-special.is-ready:not(.is-picked){color:#fde68a;border-color:#fbbf24;animation:1.4s ease-in-out infinite rl-ready}@keyframes rl-ready{50%{box-shadow:0 0 20px #fbbf2499}}.rl-hint{color:#0b1020;background:#fbbf24;border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:14px;font-weight:700}.rl-cell{border-radius:9px;position:relative;overflow:hidden}.rl-cell.is-floor{background:radial-gradient(circle at 50% 34%,#7dd3fc38,#0000 48%),linear-gradient(145deg,#2563eb6b,#0f172af5);box-shadow:inset 0 0 0 1px #7dd3fc8a,inset 0 -10px 20px #03071270,0 0 9px #22d3ee1f}.rl-cell.is-floor:after{content:"";border:1px solid #a5f3fc29;border-radius:50%;position:absolute;inset:12%}.rl-cell.is-warn{background:linear-gradient(35deg,#0000 42%,#ffedd5e6 45% 48%,#0000 51%),linear-gradient(145deg,#7c2d12,#1c0b13 72%);box-shadow:inset 0 0 0 2px #fb923ce6,0 0 16px #f97316a6}.rl-sprite{background-color:var(--rl-fallback,var(--rl-accent));filter:drop-shadow(0 7px 5px #0000008c);border-radius:42% 42% 48% 48%}.rl-actor{z-index:2}.rl-actor.is-moving .rl-actor-body:before{content:"";z-index:-1;background:linear-gradient(90deg, transparent, var(--rl-accent));filter:blur(4px);opacity:.78;transform-origin:100%;border-radius:999px;animation:.48s ease-out infinite rl-rush-trail;position:absolute;inset:26% 58% 28% -62%}.rl-actor[data-action=left].is-moving .rl-actor-body:before{inset:26% -62% 28% 58%;transform:rotate(180deg)}.rl-actor[data-action=up].is-moving .rl-actor-body:before{transform:rotate(90deg)}.rl-actor[data-action=down].is-moving .rl-actor-body:before{transform:rotate(-90deg)}@keyframes rl-rush-trail{0%{opacity:.9;scale:1 .7}to{opacity:.15;scale:.45 1}}.rl-actor.is-impact .rl-actor-body{animation:.42s cubic-bezier(.2,1.6,.35,1) rl-impact-hit}.rl-actor.is-impact:after{content:"";border:max(2px, calc(var(--rl-cell) * .05)) solid #fff;border-radius:50%;animation:.48s ease-out forwards rl-impact-wave;position:absolute;inset:-42%;box-shadow:0 0 20px #67e8f9}@keyframes rl-impact-hit{35%{transform:scale(1.24,.78)rotate(-7deg)}70%{transform:scale(.88,1.16)rotate(5deg)}}@keyframes rl-impact-wave{0%{opacity:.95;scale:.28}to{opacity:0;scale:1.35}}.rl-actor.is-eliminating:after{content:"";filter:blur(5px);background:linear-gradient(#fff,#67e8f9 32%,#0000 100%);height:260%;animation:.65s ease-out forwards rl-fall-beam;position:absolute;bottom:-190%;left:24%;right:24%}@keyframes rl-fall-beam{0%{opacity:1;transform:translateY(-28%)}to{opacity:0;transform:translateY(36%)}}.rl-actor.is-awakened:before{content:"";z-index:-1;filter:blur(10px);background:linear-gradient(#0000,#fff7b2 32%,#fbbf24 58%,#0000);animation:.9s ease-out both rl-awaken-column;position:absolute;inset:-105% -58%}.rl-actor.is-awakened .rl-actor-mark,.rl-portrait.is-awakened{box-shadow:0 0 12px #fde68a,0 0 26px #f59e0b}.rl-actor.is-awakened .rl-actor-ring-fill{stroke:#fde68a;filter:drop-shadow(0 0 7px #f59e0b)}@keyframes rl-awaken-column{0%{opacity:0;transform:scaleY(.15)}35%{opacity:1;transform:scaleY(1)}to{opacity:.38;transform:scaleY(.82)}}.rl-actor-level{z-index:4;color:#241200;font-size:max(8px, calc(var(--rl-cell) * .18));background:linear-gradient(135deg,#fff7b2,#f59e0b);border:1px solid #fff;border-radius:999px;padding:2px 5px;font-weight:1000;line-height:1;position:absolute;bottom:-18%;right:-20%;box-shadow:0 0 10px #f59e0b}@media (prefers-reduced-motion:reduce){.rl-actor,.rl-actor-body,.rl-cell,.rl-sprite{transition-duration:.01ms!important}.rl-actor.is-moving .rl-actor-body:before,.rl-actor.is-impact .rl-actor-body,.rl-actor.is-impact:after,.rl-actor.is-eliminating:after,.rl-actor.is-awakened:before{animation:none!important}}.rl .rl-status,.rl .rl-card,.rl .rl-log,.rl .rl-setup,.rl .rl-seat-row,.rl .rl-pad,.rl .rl-result-box{color:var(--rl-text);background:var(--rl-panel);border:3px solid var(--rl-line);border-radius:16px;box-shadow:0 6px #0d12202e}.rl .rl-card,.rl .rl-seat-row{border-left:7px solid var(--rl-accent)}.rl .rl-stage{border:4px solid var(--rl-line);background:#ffffffe6;border-radius:22px;padding:10px;box-shadow:0 8px #9bdcf3,0 18px 34px #0d12201f}.rl .rl-stage:focus,.rl .rl-stage:focus-visible{border-color:var(--rl-line);box-shadow:0 8px #00b8ff,0 0 0 5px #00b8ff33}.rl .rl-cell{opacity:.55;background:#e8f4f8;border:2px solid #c8dfe8;border-radius:12px}.rl .rl-cell.is-floor{opacity:1;background:radial-gradient(circle at 34% 26%,#fffffff2,#0000 28%),linear-gradient(145deg,#fff 0 45%,#dff7ff 100%);border-color:#0d1220;box-shadow:inset 0 0 0 3px #00b8ff,0 4px #8ed8f0}.rl .rl-cell.is-floor:after{border:2px solid #00b8ff42;inset:18%}.rl .rl-cell.is-warn{opacity:1;border-color:var(--rl-line);background:repeating-linear-gradient(135deg,#ffd84d 0 12px,#fff4bd 12px 24px);box-shadow:inset 0 0 0 3px #ff2d75,0 5px #ff2d757a}.rl .rl-sprite{background-color:var(--rl-fallback,var(--rl-accent));filter:drop-shadow(0 3px #fff)drop-shadow(0 7px 3px #0d12203d)}.rl .rl-actor-mark{opacity:.78;border:2px solid var(--rl-line);filter:none;width:86%;height:30%;bottom:-5px;box-shadow:0 3px #0d122033}.rl .rl-actor-call{color:var(--rl-text);border:3px solid var(--rl-line);background:#fff;border-radius:999px;box-shadow:0 5px #0d122040}.rl .rl-actor-call.is-pick{color:var(--rl-text);border-color:var(--rl-line);background:#ffd84d;box-shadow:0 5px #ff2d75}.rl .rl-tick-track,.rl .rl-actor-ring-track{stroke:#0d1220;stroke-opacity:.18}.rl .rl-tick-fill{stroke:#00b8ff}.rl .rl-actor-ring-fill{stroke-width:9px}.rl .rl-blast:after{border:6px solid #ff2d75;box-shadow:0 0 0 8px #ffd84d94,0 9px #0d12202e}.rl .rl-actor.is-impact:after{border-color:#fff;box-shadow:0 0 0 5px #00b8ff,0 0 0 10px #ff2d75a8}.rl .rl-actor.is-eliminating:after{background:linear-gradient(#fff,#00b8ff 34%,#7b3dff 68%,#0000)}.rl .rl-portrait,.rl .rl-result-portrait,.rl .rl-pad-face{border:3px solid var(--rl-line);background-color:#fffaf0}.rl .rl-tag{color:var(--rl-text);border:2px solid var(--rl-line);background:#f4f6fb;font-weight:900}.rl .rl-gauge-pip{border:2px solid var(--rl-line);background:#f4f6fb}.rl .rl-gauge-pip.is-on{background:var(--rl-accent)}.rl .rl-beatbar,.rl .rl-level-track{border:2px solid var(--rl-line);background:#f4f6fb}.rl .rl-beatbar-fill{background:linear-gradient(90deg,#00b8ff,#7b3dff 58%,#ff2d75)}.rl .rl-start,.rl .rl-key{color:var(--rl-text);border:3px solid var(--rl-line);background:#fff;border-radius:14px;font-weight:900;box-shadow:0 5px #0d122047}.rl .rl-start{color:#fff;background:#ff2d75;border-radius:999px;box-shadow:0 6px #b3124d}.rl .rl-start:hover,.rl .rl-key:hover:not(:disabled){background:#fff4bd}.rl .rl-start:active,.rl .rl-key:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0d12204d}.rl .rl-key.is-picked{color:var(--rl-text);border-color:var(--rl-line);background:#ffd84d;transform:translateY(3px);box-shadow:0 2px #ff2d75}.rl .rl-key.is-special{border-color:var(--rl-line);background:#f3edff}.rl .rl-key.is-special.is-ready:not(.is-picked){color:var(--rl-text);border-color:var(--rl-line);background:#ffd84d}.rl .rl-key:disabled{color:#8b93a8;opacity:.78;background:#eef1f6;border-color:#aab2c3;box-shadow:0 3px #cbd1dc}.rl .rl-result{background:#dff7ffdb}.rl .rl-result-box{border-width:4px;box-shadow:0 10px #ffb300}.rl .rl-hint{color:var(--rl-text);border:3px solid var(--rl-line);background:#ffd84d;border-radius:14px}.rl-proto{--rl-cell:clamp(46px, min(calc((100vw - 330px) / 9.5), calc((100dvh - 352px) / 9.5)), 62px);--rl-step:calc(var(--rl-cell) + var(--rl-gap));background:linear-gradient(#ffffff1a,#fffaf024),url(/games/royale/arena-garden-bg.png) 50%/cover no-repeat fixed;min-height:100dvh;padding:10px 14px 18px}.rl-proto-header{align-items:baseline;gap:16px;margin:0 0 8px;display:flex}.rl-proto-header h1,.rl-proto.is-playing>h1{color:var(--rl-text);letter-spacing:-.035em;font-size:clamp(22px,2.5vw,34px);font-weight:900}.rl-proto-header .rl-note{color:var(--rl-muted);margin:0;font-size:13px;font-weight:900}.rl-proto-attract{border:4px solid var(--rl-line);background:#dff7ff;border-radius:26px;width:min(1180px,100%);height:min(72dvh,650px);min-height:500px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 9px #00b8ff,0 24px 48px #0d12202e}.rl-proto-preview{background:url(/games/royale/arena-garden-bg.png) 50%/cover no-repeat;position:absolute;inset:0}.rl-proto-preview-player{aspect-ratio:1;border:4px solid var(--rl-line);width:clamp(76px,8vw,112px);box-shadow:0 0 0 6px var(--rl-accent), 0 8px 0 #0d122038;background-position:top;background-size:cover;border-radius:28%;animation:1.8s ease-in-out infinite alternate rl-proto-float;position:absolute}.rl-proto-preview-player.is-seat-1{top:24%;left:22%}.rl-proto-preview-player.is-seat-2{animation-delay:-600ms;top:24%;right:22%}.rl-proto-preview-player.is-seat-3{animation-delay:-300ms;top:49%;left:31%}.rl-proto-preview-player.is-seat-4{animation-delay:-900ms;top:49%;right:31%}@keyframes rl-proto-float{to{transform:translateY(-9px)rotate(2deg)}}.rl-proto-callout{z-index:4;width:min(820px,100% - 34px);color:var(--rl-text);border:4px solid var(--rl-line);background:#fffffff5;border-radius:999px;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:12px 18px;padding:10px 12px 10px 18px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 7px #ffb300}.rl-proto-callout strong{color:#ff2d75;white-space:nowrap;font-size:clamp(18px,2vw,27px);font-weight:900}.rl-proto-callout span{color:var(--rl-muted);font-size:13px;font-weight:900}.rl-proto-callout .rl-start{white-space:nowrap;padding:10px 24px}.rl-proto-options{width:min(920px,100%);margin:22px auto 0}.rl-proto-options>summary{width:fit-content;color:var(--rl-text);border:3px solid var(--rl-line);cursor:pointer;background:#fff;border-radius:999px;margin:0 auto;padding:7px 16px;font-size:13px;font-weight:900;box-shadow:0 4px #7b3dff}.rl-proto-options .rl-setup{margin-top:12px}.rl-proto.is-playing{background:linear-gradient(#ffffff2e,#fffaf02e),url(/games/royale/arena-garden-bg.png) 50%/cover no-repeat;height:100dvh;min-height:0;overflow:hidden}.rl-proto.is-playing>h1{margin:0;line-height:1}.rl-proto.is-playing>.rl-note{color:var(--rl-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 6px;font-size:11px;line-height:1.25;overflow:hidden}.rl-proto .rl-status{border-width:3px;border-radius:14px;gap:9px 16px;margin:0 0 7px;padding:5px 10px;box-shadow:0 4px #00b8ff}.rl-proto .rl-status-value{color:var(--rl-text);font-family:Archivo,Noto Sans JP,system-ui,sans-serif;font-size:17px;font-weight:900}.rl-proto .rl-status-value.is-alert{color:#ff2d75}.rl-proto .rl-layout{grid-template-columns:minmax(0,1fr) 232px;align-items:start;gap:10px;min-height:0;display:grid}.rl-proto .rl-board{gap:6px}.rl-proto .rl-stage{background:#ffffffd1;padding:8px}.rl-proto .rl-sprite{transform-origin:bottom;scale:1.38}.rl-proto .rl-pads{gap:6px;width:100%;margin:0}.rl-proto .rl-pad{max-width:min(100%, var(--rl-pad-max,560px));box-shadow:0 5px 0 var(--rl-accent);border-width:5px 3px 3px;border-radius:14px;flex:280px;padding:5px 8px 7px}.rl-proto .rl-pad-head{margin-bottom:4px}.rl-proto .rl-pad-face{width:26px;height:26px}.rl-proto .rl-pad-name{font-size:13px}.rl-proto .rl-pad-keys,.rl-proto .rl-key-sub{display:none}.rl-proto .rl-pad-body{grid-template-columns:140px 108px;justify-content:center;align-items:center;gap:10px;display:grid}.rl-proto .rl-dpad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,44px);gap:4px}.rl-proto .rl-key{border-radius:11px;min-height:40px;padding:2px 5px}.rl-proto .rl-key.is-brace{background:#e9f9ff;grid-area:2/2}.rl-proto .rl-key-icon{font-size:17px}.rl-proto .rl-pad-actions{flex:0 0 108px;width:108px;min-width:0;height:72px}.rl-proto .rl-key.is-wide{min-height:72px}.rl-proto .rl-side{gap:7px;min-height:0}.rl-proto .rl-card{box-shadow:none;border-width:2px 2px 2px 6px;border-radius:10px;grid-template-columns:38px minmax(0,1fr);gap:6px;padding:5px 6px}.rl-proto .rl-portrait{width:38px;height:38px}.rl-proto .rl-card-name{font-size:11px}.rl-proto .rl-log{max-height:124px;box-shadow:none;border-width:2px;padding:7px;overflow:hidden}.rl-proto .rl-result{background:#dff7ffe6}.rl-proto .rl-result-box{border-width:4px;width:min(580px,100% - 28px);padding:20px 26px;box-shadow:0 10px #ffb300}.rl-proto .rl-result-portrait{border:5px solid var(--rl-line);border-radius:24%;width:190px;height:190px;box-shadow:0 0 0 8px #ffd84d}.rl-proto .rl-result-name{color:var(--rl-text);font-size:36px;font-weight:900}.rl-proto .rl-result-rank{max-height:104px;color:var(--rl-muted);overflow:auto}.rl-proto .rl-actor-ring{z-index:1;pointer-events:none;width:128%;height:128%;position:absolute;inset:-14%;overflow:visible}.rl-proto .rl-actor-ring-track{fill:none;stroke:var(--rl-line);stroke-opacity:.18;stroke-width:7px}.rl-proto .rl-actor-ring-fill{fill:none;stroke:var(--rl-accent);stroke-width:8px;stroke-linecap:round;stroke-dasharray:289;transform-origin:50%;transform:rotate(-90deg)}.rl-proto .rl-actor.is-charged .rl-actor-ring-fill{stroke:#ffb300;filter:drop-shadow(0 0 5px #ff2d75)}.rl-proto .rl-actor.is-bracing .rl-actor-body{transform:scale(1.08,.84)translateY(7%)}.rl-proto .rl-actor.is-bracing .rl-actor-body:after{content:"";border:4px solid #00b8ff;border-radius:50%;position:absolute;inset:-12%;box-shadow:0 0 0 5px #00b8ff38}@media (max-width:1000px){.rl-proto.is-playing{overflow:auto}.rl-proto .rl-layout{grid-template-columns:minmax(0,1fr)}.rl-proto .rl-side{display:none}}.rl .rl-sprite{background-color:#0000;border-radius:0}.rl .rl-portrait,.rl .rl-result-portrait,.rl .rl-pad-face{background-color:#0000}