body.template-reaction-drop{background:#06131d;color:#eef8fa}
body.template-reaction-drop .site-footer{margin-top:0}
.reaction-drop-page{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 72px;background:
  radial-gradient(circle at 12% 8%,rgba(42,191,211,.18),transparent 28%),
  radial-gradient(circle at 88% 30%,rgba(187,109,219,.14),transparent 30%),
  linear-gradient(180deg,#071923 0%,#06131d 54%,#091925 100%)}
.reaction-drop-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:
  linear-gradient(rgba(68,211,225,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(68,211,225,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
.reaction-drop-shell{width:min(calc(100% - 28px),1360px)}
.reaction-drop-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:8px 0 24px}
.reaction-drop-titlebar>div:first-child{max-width:780px}
.reaction-drop-kicker,.reaction-drop-overline{margin:0 0 5px;text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800;color:#67dbe4}
.reaction-drop-titlebar h1{margin:0;color:#fff;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.96;letter-spacing:-.055em;font-weight:790}
.reaction-drop-titlebar p:not(.reaction-drop-kicker){margin:14px 0 0;color:#bbd3da;font-size:clamp(.97rem,1.8vw,1.13rem);line-height:1.55}
.reaction-drop-title-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.reaction-drop-members-link,.reaction-drop-icon-button{display:inline-flex;align-items:center;justify-content:center;height:44px;border:1px solid rgba(135,226,233,.34);background:rgba(12,43,57,.78);color:#e8fbfd;border-radius:12px;text-decoration:none;font-weight:750;backdrop-filter:blur(10px)}
.reaction-drop-members-link{padding:0 16px}
.reaction-drop-members-link:hover,.reaction-drop-icon-button:hover{background:rgba(25,74,91,.88);color:#fff;border-color:rgba(135,226,233,.68)}
.reaction-drop-icon-button{width:44px;padding:0;cursor:pointer}
.reaction-drop-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.reaction-drop-frame{position:relative;border:1px solid rgba(106,218,226,.28);border-radius:24px;background:rgba(4,15,23,.9);box-shadow:0 34px 90px rgba(0,0,0,.43),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden}
.reaction-drop-stagebar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(87,206,217,.14);border-bottom:1px solid rgba(106,218,226,.22)}
.reaction-drop-stagebar>div{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:12px 14px;background:#0a1d28;color:#7e9ca6;transition:background .3s,color .3s,box-shadow .3s}
.reaction-drop-stagebar>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
.reaction-drop-stagebar span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.06);font-size:.76rem;font-weight:800}
.reaction-drop-stagebar strong{font-size:.78rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reaction-drop-stagebar small{font-size:.67rem;color:inherit;opacity:.72}
.reaction-drop-stagebar>div.is-reached{color:#b9d9df;background:#0d2633}
.reaction-drop-stagebar>div.is-active{color:#fff;background:linear-gradient(135deg,#103343,#10263b);box-shadow:0 0 30px rgba(72,221,226,.12) inset}
.reaction-drop-stagebar>div.is-active:after{background:linear-gradient(90deg,#49d7df,#8cf2cf,#f4bf7a)}
.reaction-drop-stagebar>div.is-active span{background:#dffcff;color:#0a3542;box-shadow:0 0 18px rgba(101,232,232,.36)}

.reaction-drop-game-wrap{position:relative;width:100%;aspect-ratio:16/10;min-height:600px;max-height:min(80vh,880px);background:#071923;overflow:hidden;touch-action:none}
.reaction-drop-canvas{display:block;width:100%;height:100%;background:#071923}
.reaction-drop-hud{position:absolute;z-index:4;top:14px;left:14px;right:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;pointer-events:none}
.reaction-drop-hud>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:8px 11px;border:1px solid rgba(130,229,235,.16);border-radius:11px;background:rgba(5,23,33,.69);box-shadow:0 8px 20px rgba(0,0,0,.12);backdrop-filter:blur(7px)}
.reaction-drop-hud small{color:#8fb1ba;text-transform:uppercase;letter-spacing:.09em;font-size:.61rem;font-weight:800}
.reaction-drop-hud strong{color:#f5fbfc;font-size:1.03rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.reaction-drop-hud .reaction-drop-lives strong{color:#ff8195}

.reaction-drop-overlay{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,14,21,.78);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.reaction-drop-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.reaction-drop-panel{width:min(100%,760px);max-height:calc(100% - 10px);overflow:auto;padding:clamp(22px,4vw,38px);border:1px solid rgba(138,234,240,.24);border-radius:22px;background:linear-gradient(145deg,rgba(12,39,52,.96),rgba(6,23,34,.97));box-shadow:0 24px 70px rgba(0,0,0,.44),0 1px 0 rgba(255,255,255,.05) inset;color:#eff9fa;text-align:center;scrollbar-width:thin}
.reaction-drop-start-panel{width:min(100%,830px)}
.reaction-drop-mark{display:flex;align-items:center;justify-content:center;gap:4px;width:62px;height:62px;margin:0 auto 12px;border:1px solid rgba(111,232,237,.38);border-radius:16px;background:linear-gradient(145deg,#e7fbfc,#bdeff3);box-shadow:0 0 28px rgba(72,218,225,.2);color:#0c4151;font-weight:900}
.reaction-drop-mark span{font-size:1.05rem}.reaction-drop-mark i{font-style:normal;font-size:1.35rem;color:#a85d43}
.reaction-drop-panel h2{margin:0 0 22px;color:#fff;font-size:clamp(1.65rem,4vw,2.75rem);line-height:1.08;letter-spacing:-.035em}
.reaction-drop-choice-group{margin:0 0 18px;padding:0;border:0;text-align:left}
.reaction-drop-choice-group legend{margin:0 0 8px;color:#a8c7ce;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.reaction-drop-deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.reaction-drop-deck-choice,.reaction-drop-mode-grid label{display:block;position:relative;cursor:pointer}
.reaction-drop-deck-choice input,.reaction-drop-mode-grid input{position:absolute;opacity:0;pointer-events:none}
.reaction-drop-deck-choice span,.reaction-drop-mode-grid span{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px 13px;border:1px solid rgba(130,218,225,.19);border-radius:12px;background:rgba(255,255,255,.035);color:#d9ebee;transition:border-color .15s,background .15s,transform .15s}
.reaction-drop-deck-choice span{min-height:72px;justify-content:center}
.reaction-drop-deck-choice strong,.reaction-drop-mode-grid strong{font-size:.88rem;color:#f5fbfc;line-height:1.2}
.reaction-drop-deck-choice small,.reaction-drop-mode-grid small{font-size:.69rem;color:#8fb0b8;line-height:1.35}
.reaction-drop-deck-choice:hover span,.reaction-drop-mode-grid label:hover span{border-color:rgba(121,230,235,.5);background:rgba(72,196,207,.08)}
.reaction-drop-deck-choice input:checked+span,.reaction-drop-mode-grid input:checked+span{border-color:#6ce2e7;background:linear-gradient(135deg,rgba(38,157,170,.2),rgba(37,111,139,.16));box-shadow:0 0 0 1px rgba(108,226,231,.18) inset,0 8px 24px rgba(0,0,0,.12)}
.reaction-drop-deck-choice input:focus-visible+span,.reaction-drop-mode-grid input:focus-visible+span{outline:3px solid #f3b37c;outline-offset:3px}
.reaction-drop-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.reaction-drop-mode-grid span{min-height:78px;padding:13px 15px}
.reaction-drop-mode-grid strong{font-size:.96rem}
.reaction-drop-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin:17px 0 20px}
.reaction-drop-switch{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;color:#e7f5f7;cursor:pointer}
.reaction-drop-switch input{position:absolute;opacity:0}
.reaction-drop-switch>span{grid-row:1/3;position:relative;width:38px;height:22px;border-radius:999px;background:#253d48;border:1px solid #49636e;transition:.2s}
.reaction-drop-switch>span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#c1d2d6;transition:.2s}
.reaction-drop-switch input:checked+span{background:#168b97;border-color:#56d9df}
.reaction-drop-switch input:checked+span:after{transform:translateX(16px);background:#fff}
.reaction-drop-switch input:focus-visible+span{outline:3px solid #f3b37c;outline-offset:3px}
.reaction-drop-switch b{font-size:.78rem;line-height:1.2}.reaction-drop-switch small{font-size:.66rem;color:#8facb4;line-height:1.2}
.reaction-drop-start,.reaction-drop-secondary{min-height:48px;border-radius:12px;padding:11px 22px;font:inherit;font-weight:800;cursor:pointer;transition:transform .12s,background .15s,border-color .15s;touch-action:manipulation}
.reaction-drop-start{border:1px solid #86edf0;background:linear-gradient(135deg,#68e7de,#42c4d2);color:#062632;box-shadow:0 10px 30px rgba(57,205,214,.2)}
.reaction-drop-start:hover{background:linear-gradient(135deg,#82f0e7,#58d5e0);transform:translateY(-1px)}
.reaction-drop-secondary{border:1px solid rgba(161,218,224,.34);background:rgba(255,255,255,.04);color:#e8f6f8}
.reaction-drop-secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(161,218,224,.58)}
.reaction-drop-controls-hint{margin:15px 0 0;color:#88a7af;font-size:.72rem}
.reaction-drop-controls-hint kbd{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 5px;border:1px solid #536c75;border-bottom-width:2px;border-radius:5px;background:#102c38;color:#e9f8fa;font:700 .7rem/1 "Open Sans",sans-serif}
.reaction-drop-controls-hint span{padding:0 4px;color:#5f7b84}

.reaction-drop-pause-panel{width:min(100%,420px)}
.reaction-drop-pause-panel .reaction-drop-start,.reaction-drop-pause-panel .reaction-drop-secondary{display:block;width:100%;margin-top:9px}
.reaction-drop-result-panel{width:min(100%,600px)}
.reaction-drop-result-score{display:grid;gap:0;margin:0 auto 16px}
.reaction-drop-result-score small{color:#86a7af;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:800}
.reaction-drop-result-score strong{color:#83f0e2;font-size:clamp(2.8rem,8vw,5.4rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em;text-shadow:0 0 24px rgba(89,230,218,.2)}
.reaction-drop-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}
.reaction-drop-result-grid>div{display:grid;gap:3px;padding:10px 8px;border:1px solid rgba(132,221,227,.16);border-radius:10px;background:rgba(255,255,255,.035)}
.reaction-drop-result-grid small{font-size:.63rem;color:#86a4ac}.reaction-drop-result-grid strong{font-size:.9rem;color:#f5fbfc;font-variant-numeric:tabular-nums}
.reaction-drop-best{min-height:1.5em;margin:10px 0;color:#f3c580;font-weight:700;font-size:.84rem}
.reaction-drop-save-note{min-height:22px;margin:8px 0 14px;color:#a8c8cf;font-size:.8rem}
.reaction-drop-save-note a{color:#77e4e7}
.reaction-drop-result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}

.reaction-drop-mobile-controls{display:flex;flex-direction:column;gap:7px;padding:10px 10px 7px;background:#071923;border-top:1px solid rgba(106,218,226,.18);user-select:none;-webkit-user-select:none}
.reaction-drop-control-row{display:grid;gap:7px;width:100%;margin:0 auto}
.reaction-drop-control-row-primary{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.reaction-drop-control-row-secondary{grid-template-columns:repeat(3,minmax(0,1fr));max-width:440px}
.reaction-drop-mobile-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border:1px solid rgba(122,221,228,.2);border-radius:11px;background:#102b38;color:#edf9fa;font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}
.reaction-drop-mobile-controls button:hover,.reaction-drop-mobile-controls button:active{background:#174151;border-color:rgba(122,221,228,.55)}
.reaction-drop-mobile-controls button.is-drop{background:linear-gradient(135deg,#a4465e,#cc5169);border-color:#e07184}
.reaction-drop-mobile-controls button.is-drop:hover,.reaction-drop-mobile-controls button.is-drop:active{background:linear-gradient(135deg,#b84d66,#dd5d75)}
.reaction-drop-mobile-controls span{font-size:1.25rem;line-height:1}.reaction-drop-mobile-controls small{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.reaction-drop-mobile-controls button.is-small{min-height:40px;gap:5px;background:#0b222d;color:#b9d6dc;border-color:rgba(122,221,228,.14)}
.reaction-drop-mobile-controls button.is-small span{font-size:1rem}
.reaction-drop-build{display:block;align-self:flex-end;margin:0 2px;color:#557681!important;font:600 .54rem/1.2 "Open Sans",sans-serif!important;letter-spacing:.06em!important;text-transform:none!important;pointer-events:none}


.reaction-drop-below{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:38px 4px 0;color:#a8c3ca}
.reaction-drop-below section{padding-left:18px;border-left:2px solid rgba(84,211,219,.26)}
.reaction-drop-below h2{margin:0 0 7px;color:#eefafa;font-size:1.15rem;letter-spacing:-.02em}
.reaction-drop-below p{margin:0;font-size:.91rem;line-height:1.65}

.reaction-drop-frame:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#05131b;display:flex;flex-direction:column}
.reaction-drop-frame:fullscreen .reaction-drop-stagebar{flex:0 0 auto}
.reaction-drop-frame:fullscreen .reaction-drop-game-wrap{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.reaction-drop-frame:fullscreen .reaction-drop-mobile-controls{flex:0 0 auto;padding-bottom:22px;padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))}

@media (pointer:fine) and (min-width:900px){
  .reaction-drop-control-row-primary{max-width:680px}
  .reaction-drop-control-row-secondary{max-width:360px}
  .reaction-drop-mobile-controls button{min-height:48px}
  .reaction-drop-mobile-controls button.is-small{min-height:38px}
}
@media (max-width:900px){
  .reaction-drop-titlebar{align-items:flex-start}.reaction-drop-deck-grid{grid-template-columns:repeat(2,1fr)}
  .reaction-drop-game-wrap{aspect-ratio:4/5;min-height:620px;max-height:78vh}
  .reaction-drop-stagebar>div{grid-template-columns:24px 1fr;padding:10px 8px;column-gap:6px}.reaction-drop-stagebar span{width:23px;height:23px}.reaction-drop-stagebar strong{font-size:.7rem}.reaction-drop-stagebar small{font-size:.61rem}
}
@media (max-width:640px){
  .reaction-drop-page{padding-top:20px;padding-bottom:46px}.reaction-drop-shell{width:min(calc(100% - 14px),1160px)}
  .reaction-drop-titlebar{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:15px}.reaction-drop-titlebar>div:first-child{grid-column:1/3}.reaction-drop-titlebar h1{font-size:3rem}.reaction-drop-titlebar p:not(.reaction-drop-kicker){font-size:.92rem;margin-top:10px}.reaction-drop-title-actions{grid-column:2;justify-self:end}.reaction-drop-members-link{height:39px;padding:0 12px;font-size:.79rem}.reaction-drop-icon-button{height:39px;width:39px}
  .reaction-drop-frame{border-radius:15px}.reaction-drop-stagebar>div{display:flex;justify-content:center;padding:8px 3px}.reaction-drop-stagebar span{width:24px;height:24px}.reaction-drop-stagebar strong,.reaction-drop-stagebar small{display:none}
  .reaction-drop-game-wrap{aspect-ratio:3/5;min-height:610px;max-height:72vh}
  .reaction-drop-hud{top:8px;left:8px;right:8px;gap:4px}.reaction-drop-hud>div{display:grid;justify-content:center;gap:0;padding:5px 4px;text-align:center;border-radius:8px}.reaction-drop-hud small{font-size:.52rem}.reaction-drop-hud strong{font-size:.83rem}
  .reaction-drop-overlay{padding:8px}.reaction-drop-panel{padding:20px 15px;border-radius:14px;max-height:calc(100% - 4px)}.reaction-drop-mark{display:none}.reaction-drop-panel h2{font-size:1.55rem;margin-bottom:15px}.reaction-drop-overline{font-size:.65rem}.reaction-drop-choice-group{margin-bottom:12px}.reaction-drop-choice-group legend{font-size:.65rem}.reaction-drop-deck-grid{gap:6px}.reaction-drop-deck-choice span{min-height:58px;padding:8px}.reaction-drop-deck-choice strong{font-size:.75rem}.reaction-drop-deck-choice small{font-size:.61rem}.reaction-drop-mode-grid{gap:6px}.reaction-drop-mode-grid span{min-height:66px;padding:9px}.reaction-drop-mode-grid strong{font-size:.79rem}.reaction-drop-mode-grid small{font-size:.61rem}.reaction-drop-options{margin:12px 0 14px;gap:7px 12px}.reaction-drop-controls-hint{display:none}.reaction-drop-start,.reaction-drop-secondary{min-height:44px;padding:9px 16px;font-size:.88rem}
  .reaction-drop-mobile-controls{gap:7px;padding:9px 8px 22px;padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))}.reaction-drop-control-row{gap:6px}.reaction-drop-control-row-primary{max-width:none}.reaction-drop-control-row-secondary{max-width:min(100%,330px)}.reaction-drop-mobile-controls button{min-height:66px;border-radius:10px;gap:6px;flex-direction:row}.reaction-drop-mobile-controls button.is-small{min-height:42px}.reaction-drop-mobile-controls span{font-size:1.42rem}.reaction-drop-mobile-controls small{font-size:.61rem}.reaction-drop-mobile-controls button.is-small small{display:inline}.reaction-drop-mobile-controls button.is-small span{font-size:.95rem}.reaction-drop-build{margin-top:-2px;font-size:.5rem!important}
  .reaction-drop-result-grid{grid-template-columns:1fr 1fr}.reaction-drop-result-score strong{font-size:3.6rem}.reaction-drop-result-grid>div{padding:7px}.reaction-drop-below{grid-template-columns:1fr;gap:18px;padding-top:27px}.reaction-drop-below p{font-size:.84rem}
}
@media (max-width:420px){
  .reaction-drop-titlebar h1{font-size:2.55rem}.reaction-drop-game-wrap{min-height:560px}.reaction-drop-deck-choice small{display:none}.reaction-drop-deck-choice span{min-height:46px}.reaction-drop-mode-grid small{line-height:1.25}.reaction-drop-stagebar span{width:21px;height:21px;font-size:.67rem}
}
@media (prefers-reduced-motion:reduce){
  .reaction-drop-page *{scroll-behavior:auto}.reaction-drop-overlay,.reaction-drop-deck-choice span,.reaction-drop-mode-grid span,.reaction-drop-start,.reaction-drop-switch>span,.reaction-drop-switch>span:after{transition:none!important}
}
.reaction-drop-switch.is-disabled{opacity:.48;cursor:not-allowed}
.reaction-drop-switch.is-disabled input,.reaction-drop-switch.is-disabled>span{cursor:not-allowed}
@supports (height:100dvh){
  @media (max-width:640px){
    .reaction-drop-game-wrap{min-height:min(610px,72dvh);max-height:72dvh}
    .reaction-drop-frame:fullscreen .reaction-drop-game-wrap{min-height:0;max-height:none}
  }
}
.reaction-drop-frame{scroll-margin-top:8px}
/* Immersive play state: keep the site chrome, but let the game use almost the whole viewport. */
.reaction-drop-page.is-running{padding:8px 0 14px}
.reaction-drop-page.is-running .reaction-drop-shell{width:min(calc(100% - 12px),1680px)}
.reaction-drop-page.is-running .reaction-drop-titlebar,
.reaction-drop-page.is-running .reaction-drop-below{display:none}
.reaction-drop-page.is-running .reaction-drop-frame{border-radius:14px}
.reaction-drop-page.is-running .reaction-drop-game-wrap{height:calc(100dvh - 190px);min-height:540px;max-height:none;aspect-ratio:auto}

@media (max-width:900px){
  .reaction-drop-page.is-running .reaction-drop-game-wrap{height:calc(100dvh - 176px);min-height:520px;max-height:none;aspect-ratio:auto}
}
@media (max-width:640px){
  .reaction-drop-page.is-running{padding:4px 0 8px}
  .reaction-drop-page.is-running .reaction-drop-shell{width:calc(100% - 6px)}
  .reaction-drop-page.is-running .reaction-drop-frame{border-radius:10px}
  .reaction-drop-page.is-running .reaction-drop-game-wrap{height:calc(100dvh - 216px);min-height:420px;max-height:none;aspect-ratio:auto}
  .reaction-drop-mobile-controls button{min-width:0}
  .reaction-drop-mobile-controls button.is-small span{font-size:.92rem}
}
.reaction-drop-frame:fullscreen .reaction-drop-game-wrap{height:auto;min-height:0;max-height:none;aspect-ratio:auto}
/* v1.9.3: explicit two-row controls, independent of viewport breakpoint. */
@media (max-width:640px){
  .reaction-drop-control-row-primary button{box-shadow:0 5px 16px rgba(0,0,0,.22)}
  .reaction-drop-page.is-running .reaction-drop-game-wrap{height:calc(100dvh - 238px)}
}

/* v1.10.1 shared public game identity and leaderboards */
.reaction-drop-competition-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:12px 0 15px;padding:12px 14px;border:1px solid rgba(106,220,226,.24);border-radius:12px;background:rgba(7,28,38,.72);text-align:left}
.reaction-drop-competition-setup>div:first-child{min-width:0}.reaction-drop-competition-setup small{display:block;color:#73cfd6;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reaction-drop-competition-setup strong{display:block;margin-top:2px;color:#f2fbfb;font-size:.98rem}.reaction-drop-competition-setup p{margin:3px 0 0;color:#91adb5;font-size:.7rem;line-height:1.35}.reaction-drop-competition-setup a{color:#8ee7e9}.reaction-drop-competition-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.reaction-drop-leaderboard-toggle{display:flex;align-items:center;gap:7px;color:#d9eced;font-size:.72rem;white-space:nowrap}.reaction-drop-leaderboard-toggle input{accent-color:#55d7dc}.reaction-drop-competition-actions button{min-height:32px;padding:5px 9px;border:1px solid rgba(107,219,225,.3);border-radius:7px;background:#103542;color:#d7f0f1;font:700 .68rem/1 "Open Sans",sans-serif;cursor:pointer}.reaction-drop-competition-setup.is-signed-out .reaction-drop-leaderboard-toggle{opacity:.5}
.reaction-drop-competition-result{min-height:1.2em;margin:8px 0 0;color:#86e0d1;font-size:.78rem;line-height:1.4}
.reaction-drop-leaderboards{margin-top:34px;padding:28px;border:1px solid rgba(83,202,210,.22);border-radius:18px;background:linear-gradient(145deg,rgba(7,29,39,.96),rgba(7,20,30,.98));color:#dceff0;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.reaction-drop-leaderboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.reaction-drop-leaderboard-head h2{margin:2px 0 4px;color:#f1fbfb;font-size:1.7rem}.reaction-drop-leaderboard-head p{margin:0;color:#8eabb3;font-size:.82rem}.reaction-drop-leaderboard-filters{display:grid;gap:7px}.reaction-drop-leaderboard-filters>div{display:flex;justify-content:flex-end;gap:5px}.reaction-drop-leaderboard-filters button{padding:7px 10px;border:1px solid rgba(108,208,216,.2);border-radius:8px;background:rgba(12,46,58,.72);color:#9eb9c0;font:700 .68rem/1 "Open Sans",sans-serif;cursor:pointer}.reaction-drop-leaderboard-filters button.is-active{border-color:#5bd8dc;background:#174653;color:#efffff}
.reaction-drop-records{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.reaction-drop-records>div{padding:11px 12px;border:1px solid rgba(107,211,218,.14);border-radius:10px;background:rgba(16,49,61,.64)}.reaction-drop-records small{display:block;color:#7899a2;font-size:.63rem;text-transform:uppercase;letter-spacing:.06em}.reaction-drop-records strong{display:block;margin-top:3px;color:#f2fbfb;font-size:1.18rem}.reaction-drop-records>p{grid-column:1/-1;margin:0;color:#829fa7}
.reaction-drop-leaderboard-table-wrap{overflow-x:auto;border:1px solid rgba(111,204,212,.14);border-radius:12px}.reaction-drop-leaderboard-table{width:100%;border-collapse:collapse;min-width:560px}.reaction-drop-leaderboard-table th,.reaction-drop-leaderboard-table td{padding:10px 12px;border-bottom:1px solid rgba(112,202,210,.1);text-align:right;font-size:.78rem}.reaction-drop-leaderboard-table th{color:#75a9b2;font-size:.61rem;letter-spacing:.07em;text-transform:uppercase;background:rgba(4,20,28,.45)}.reaction-drop-leaderboard-table th:nth-child(2),.reaction-drop-leaderboard-table td:nth-child(2){text-align:left}.reaction-drop-leaderboard-table th:first-child,.reaction-drop-leaderboard-table td:first-child{width:42px;text-align:center;color:#82d8dc}.reaction-drop-leaderboard-table tr:last-child td{border-bottom:0}.reaction-drop-leaderboard-table tr.is-you td{background:rgba(58,178,184,.13);color:#f3ffff}.reaction-drop-leaderboard-table td small{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;background:#2a6973;color:#eaffff;font-size:.55rem;text-transform:uppercase}.reaction-drop-leaderboard-status{margin:9px 2px 0;color:#7798a1;font-size:.72rem}
@media(max-width:720px){.reaction-drop-competition-setup{grid-template-columns:1fr;gap:8px}.reaction-drop-competition-actions{justify-content:flex-start}.reaction-drop-leaderboards{margin-top:20px;padding:18px 12px;border-radius:14px}.reaction-drop-leaderboard-head{display:block}.reaction-drop-leaderboard-filters{margin-top:14px}.reaction-drop-leaderboard-filters>div{justify-content:flex-start;flex-wrap:wrap}.reaction-drop-records{grid-template-columns:1fr 1fr}.reaction-drop-leaderboard-table th,.reaction-drop-leaderboard-table td{padding:9px 8px}.reaction-drop-start-panel{max-height:calc(100% - 4px);overflow-y:auto}}
@media(max-width:420px){.reaction-drop-competition-setup{padding:9px 10px}.reaction-drop-competition-setup p{font-size:.64rem}.reaction-drop-leaderboard-toggle{font-size:.65rem}.reaction-drop-records strong{font-size:1rem}}
.reaction-drop-pb-history{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:-8px 0 18px;padding:10px 12px;border-left:2px solid rgba(89,213,218,.38);color:#8eaeb5;font-size:.7rem}.reaction-drop-pb-history>strong{color:#cfe7e8;white-space:nowrap}.reaction-drop-pb-history>div{display:flex;gap:7px;flex-wrap:wrap}.reaction-drop-pb-history span{padding:4px 7px;border-radius:6px;background:rgba(17,57,69,.72)}
@media(max-width:620px){.reaction-drop-pb-history{grid-template-columns:1fr}.reaction-drop-pb-history>strong{white-space:normal}}

/* v1.10.1 public game-name creation */
.reaction-drop-competition-copy{min-width:0}
.reaction-drop-alias-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.reaction-drop-alias-candidates button{min-height:38px;padding:7px 9px;border:1px solid rgba(91,216,220,.35);border-radius:8px;background:rgba(19,69,81,.88);color:#efffff;font:700 .72rem/1.2 "Open Sans",sans-serif;cursor:pointer}
.reaction-drop-alias-candidates button:hover,.reaction-drop-alias-candidates button:focus-visible{border-color:#78e5e8;background:#1b5965}
.reaction-drop-competition-actions a{color:#8ee7e9;font-size:.68rem;font-weight:700;text-decoration:none}
.reaction-drop-competition-actions a:hover{text-decoration:underline}
@media(max-width:560px){.reaction-drop-alias-candidates{grid-template-columns:1fr}.reaction-drop-alias-candidates button{min-height:34px}}