:root {
  --cr2-cyan:#20e5f2;
  --cr2-cyan-soft:#8df8ff;
  --cr2-cyan-deep:#087b8b;
  --cr2-bg:#02070d;
  --cr2-panel:rgba(3,13,21,.76);
  --cr2-panel-strong:rgba(2,11,18,.9);
  --cr2-line:rgba(124,184,201,.22);
  --cr2-line-soft:rgba(124,184,201,.12);
  --cr2-muted:#6f8c97;
  --cr2-text:#ecfbff;
  --cr2-warn:#ffc45a;
  --cr2-danger:#ff6a78;
  --cr2-ui-transition:180ms;
}

/* Presentation only: preserve all form values and Room/Game controls. */
#customRoomV2 .cr2-inline-spec-item :is([data-draft=preflopActionSec],[data-draft=blindIntervalSec]){width:50%;min-width:40px;}
#customRoomV2 .cr2-settings-grid[hidden]{display:none!important;}
#customRoomV2 .cr2-room-log{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;flex:1;}
#customRoomV2 .cr2-settings-title{grid-row:1;}
#customRoomV2 .cr2-settings-grid{grid-row:2;}
#customRoomV2 .cr2-room-log{grid-row:3;}
#customRoomV2 .cr2-room-actions{grid-row:4;}
#customRoomV2 .cr2-room-log ol{margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain;font-size:clamp(9px,1vw,12px);line-height:1.8;}
#customRoomV2 .cr2-room-log li{overflow-wrap:anywhere;color:var(--cr2-text);}
#customRoomV2 .cr2-room-log li span{color:var(--cr2-muted);}
#customRoomV2 .cr2-create-loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(0,5,10,.83);color:var(--cr2-cyan-soft);font-size:14px;}

#customMatchScreen {
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  padding:0!important;
  background:radial-gradient(circle at 54% 43%,rgba(0,78,99,.15),transparent 50%),linear-gradient(180deg,#02070c,#000308)!important;
  overflow:hidden!important;
  isolation:isolate;
}
#customMatchScreen>.custom-match-card { display:none!important; }

.cr2-custom-bg {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.cr2-custom-bg-image {
  position:absolute;
  inset:0;
  background-image:linear-gradient(90deg,rgba(0,4,10,.04),rgba(0,4,10,.08) 45%,rgba(0,4,10,.24)),var(--cr2-background-image);
  background-size:cover;
  background-position:center calc(38% + 20vh);
  background-repeat:no-repeat;
  filter:saturate(.9) brightness(.76);
  transform:translateZ(0);
}

/* Browser only: lift the existing image by 5% of viewport height.
   Create/Waiting retain their shared 20vh placement and foreground geometry. */
#customMatchScreen:has(.cr2-screen-browser) .cr2-custom-bg-image {
  background-position:center calc(38% + 15vh);
}
.cr2-custom-bg-image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,5,10,.32),transparent 23%,transparent 72%,rgba(0,3,8,.58)),radial-gradient(ellipse at 53% 49%,transparent 24%,rgba(0,4,9,.2) 80%);
}

#customRoomV2 {
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  grid-template-rows:clamp(38px,7.6vh,54px) minmax(0,1fr);
  color:var(--cr2-text);
  font-family:Inter,"Noto Sans JP","Yu Gothic UI","Hiragino Kaku Gothic ProN",Arial,sans-serif;
  letter-spacing:.035em;
  background:linear-gradient(rgba(24,105,127,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(24,105,127,.025) 1px,transparent 1px);
  background-size:36px 36px;
}
#customRoomV2 * { box-sizing:border-box;min-width:0; }

.cr2-topbar {
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  padding:0 clamp(10px,2.2vw,25px);
  border-bottom:1px solid rgba(91,155,174,.25);
  background:linear-gradient(90deg,rgba(0,5,10,.92),rgba(2,13,20,.83),rgba(0,5,10,.92));
  box-shadow:0 8px 28px rgba(0,0,0,.32);
}
.cr2-brand { display:flex;align-items:center;gap:10px;color:#9dc2cb;font-weight:850;font-size:clamp(9px,1.25vw,12px);letter-spacing:.12em; }
.cr2-brand::before { content:"";width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--cr2-cyan);box-shadow:0 0 8px rgba(32,229,242,.55); }
.cr2-title { text-align:center;font-weight:950;font-size:clamp(13px,2vw,20px);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px rgba(32,229,242,.18); }
.cr2-session { justify-self:end;color:var(--cr2-muted);font:750 clamp(8px,1.15vw,11px)/1.1 ui-monospace,Consolas,monospace;text-transform:uppercase; }

.cr2-main { position:relative;min-height:0;overflow:hidden;padding:clamp(6px,1.45vh,11px) clamp(7px,1.15vw,15px) clamp(7px,1.6vh,12px); }
.cr2-screen { height:100%;min-height:0;display:grid;gap:clamp(6px,1vw,10px); }
.cr2-panel {
  position:relative;
  border:1px solid var(--cr2-line);
  background:linear-gradient(155deg,rgba(4,17,26,.8),rgba(1,8,14,.73));
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 14px 36px rgba(0,0,0,.25);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.cr2-panel::before { content:"";position:absolute;left:-1px;top:-1px;width:22px;height:1px;background:var(--cr2-cyan);box-shadow:0 0 7px rgba(32,229,242,.42); }
.cr2-eyebrow { color:var(--cr2-cyan);font:900 clamp(7px,1vw,10px)/1 ui-monospace,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase; }
.cr2-copy { margin:0;color:#87a5b1;font-size:clamp(9px,1.15vw,11px);line-height:1.5;letter-spacing:.025em; }
.cr2-label { display:block;color:#9bc4ce;font:850 clamp(8px,1vw,10px)/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px; }
.cr2-field { display:grid;gap:5px; }
.cr2-field>small { color:#627f89;font:700 8px/1.35 ui-monospace,Consolas,monospace; }

.cr2-input,.cr2-select {
  width:100%;
  height:clamp(32px,6.5vh,43px);
  border:1px solid rgba(127,180,198,.25);
  border-radius:0;
  background:rgba(0,5,10,.77);
  color:var(--cr2-text);
  padding:0 10px;
  outline:none;
  font:800 clamp(10px,1.4vw,14px)/1 ui-monospace,Consolas,monospace;
  letter-spacing:.07em;
  transition:border-color var(--cr2-ui-transition),box-shadow var(--cr2-ui-transition),background var(--cr2-ui-transition);
}
.cr2-input:hover,.cr2-select:hover { border-color:rgba(95,201,216,.42); }
.cr2-input:focus,.cr2-select:focus { border-color:rgba(32,229,242,.78);background:rgba(1,16,23,.91);box-shadow:0 0 0 1px rgba(32,229,242,.1),inset 0 0 14px rgba(32,229,242,.035); }
.cr2-code-input { text-align:center;font-size:clamp(20px,4vw,34px);letter-spacing:.42em;padding-left:calc(10px + .42em); }

.cr2-button {
  min-height:clamp(29px,5.8vh,39px);
  border:1px solid rgba(116,175,193,.27);
  border-radius:0;
  background:linear-gradient(180deg,rgba(10,25,34,.87),rgba(2,9,14,.91));
  color:#bfd9df;
  padding:0 clamp(9px,1.6vw,17px);
  font:900 clamp(8px,1.1vw,11px)/1 ui-monospace,Consolas,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color var(--cr2-ui-transition),background var(--cr2-ui-transition),color var(--cr2-ui-transition),box-shadow var(--cr2-ui-transition);
}
.cr2-button:hover:not(:disabled),.cr2-button:focus-visible:not(:disabled) { border-color:rgba(32,229,242,.78);color:#fff;background:rgba(4,31,39,.91);box-shadow:0 0 14px rgba(32,229,242,.1);outline:none; }
.cr2-button-primary { border-color:rgba(32,229,242,.68);color:var(--cr2-cyan-soft);background:linear-gradient(180deg,rgba(0,65,76,.42),rgba(0,17,25,.91));box-shadow:inset 0 0 18px rgba(32,229,242,.025); }
.cr2-button-danger { border-color:rgba(255,106,120,.44);color:#ff9ba5; }
.cr2-button:disabled { opacity:.3;cursor:not-allowed;filter:saturate(.35); }

/* Room browser */
.cr2-screen-browser { grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto; }
.cr2-login-compact { padding-inline:8px; }
.cr2-browser-toolbar { display:flex;align-items:center;gap:7px;padding:5px 8px;min-height:38px;background:rgba(1,10,16,.68); }
.cr2-filter { width:auto;min-width:126px;height:29px;font-size:8px; }
.cr2-guest-field { display:flex;align-items:center;gap:6px; }
.cr2-guest-field span { color:#6f8d97;font:800 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;white-space:nowrap; }
.cr2-guest-field .cr2-input { width:120px;height:29px;font-size:9px; }
.cr2-live-status { display:flex;align-items:center;gap:6px;color:#87a4ad;font:800 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase; }
.cr2-live-status input { accent-color:var(--cr2-cyan); }
.cr2-live-status::before { content:"";width:5px;height:5px;border-radius:50%;background:var(--cr2-cyan);box-shadow:0 0 7px rgba(32,229,242,.65); }
.cr2-live-status.playing::before { background:var(--cr2-warn);box-shadow:0 0 7px rgba(255,196,90,.55); }
.cr2-toolbar-meta { margin-left:auto;color:#516f79;font:800 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;white-space:nowrap; }
.cr2-browser-list { min-height:0;display:grid;grid-auto-rows:minmax(72px,auto);align-content:start;gap:6px;overflow:auto;padding:1px 2px 1px 1px;scrollbar-width:thin;scrollbar-color:rgba(32,229,242,.28) transparent; }
.cr2-browser-footer { min-height:clamp(35px,7vh,46px);display:grid;grid-template-columns:minmax(82px,.72fr) minmax(82px,.72fr) minmax(142px,1.15fr) minmax(142px,1.15fr);gap:clamp(4px,.75vw,8px);padding:4px 6px;background:linear-gradient(90deg,rgba(1,10,17,.93),rgba(3,20,29,.77),rgba(1,9,15,.9)); }
.cr2-browser-footer .cr2-button { min-height:27px; }
.cr2-footer-back { justify-content:flex-start;text-align:left; }
.cr2-footer-back span { color:var(--cr2-cyan);font-size:14px; }
.cr2-room-card { position:relative;display:grid;grid-template-columns:minmax(175px,1.3fr) minmax(280px,2fr) auto;align-items:center;gap:clamp(9px,1.4vw,18px);padding:clamp(7px,1.4vh,11px) clamp(9px,1.4vw,16px);border:1px solid rgba(112,168,185,.2);background:linear-gradient(95deg,rgba(4,18,27,.9),rgba(2,10,17,.79));overflow:hidden;transition:border-color var(--cr2-ui-transition),background var(--cr2-ui-transition),transform var(--cr2-ui-transition); }
.cr2-room-card::before { content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:rgba(32,229,242,.55);box-shadow:0 0 8px rgba(32,229,242,.3); }
.cr2-room-card:hover { border-color:rgba(32,229,242,.38);background:linear-gradient(95deg,rgba(5,26,36,.94),rgba(2,13,20,.84)); }
.cr2-room-slot-ident { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;align-items:center; }
.cr2-room-slot-tags { grid-column:1/3;display:flex;gap:5px; }
.cr2-room-card-name { font-size:clamp(11px,1.45vw,15px);font-weight:950;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cr2-room-seat-count { display:flex;align-items:center;gap:7px; }
.cr2-room-seat-count strong { color:#cfe8ed;font:850 clamp(8px,1.05vw,10px)/1 ui-monospace,Consolas,monospace;white-space:nowrap; }
.cr2-seat-dots { display:flex;gap:3px; }
.cr2-seat-dots i { width:6px;height:6px;border:1px solid rgba(109,148,160,.36);border-radius:50%;background:rgba(4,12,17,.9); }
.cr2-seat-dots i.filled { border-color:var(--cr2-cyan);background:rgba(32,229,242,.76);box-shadow:0 0 5px rgba(32,229,242,.38); }
.cr2-room-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
.cr2-metric { padding-left:8px;border-left:1px solid var(--cr2-line-soft); }
.cr2-metric span { display:block;color:#617f89;font:800 clamp(6.5px,.82vw,8px)/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;margin-bottom:4px;white-space:nowrap; }
.cr2-metric strong { display:block;color:#d7ebef;font:850 clamp(8px,1.05vw,10.5px)/1.1 ui-monospace,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cr2-tag { display:inline-flex;align-items:center;height:16px;padding:0 5px;border:1px solid rgba(105,164,183,.24);color:#8ba8b0;font:850 6.5px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase; }
.cr2-tag.open { color:#72e6d5;border-color:rgba(74,218,190,.3); }
.cr2-tag.warning { color:var(--cr2-warn);border-color:rgba(255,196,90,.32); }
.cr2-tag.status { color:var(--cr2-cyan);border-color:rgba(32,229,242,.25); }
.cr2-card-join { min-height:31px;padding-inline:13px;display:flex;align-items:center;gap:7px; }
.cr2-card-join span { color:#fff;font-size:13px; }
.cr2-empty { height:100%;display:grid;place-content:center;gap:4px;color:#617f89;text-align:center;font:750 clamp(9px,1.2vw,11px)/1.55 ui-monospace,Consolas,monospace;letter-spacing:.06em; }
.cr2-empty span { color:var(--cr2-cyan);font-size:8px;letter-spacing:.18em; }

/* Create room */
.cr2-screen-create { grid-template-columns:minmax(118px,19%) minmax(0,1fr);grid-template-rows:minmax(0,1fr); }
.cr2-wizard-nav { padding:clamp(9px,1.8vh,16px) clamp(8px,1.2vw,15px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;background:linear-gradient(165deg,rgba(2,15,23,.85),rgba(0,7,12,.75)); }
.cr2-wizard-nav-head strong { display:block;margin-top:5px;font-size:clamp(11px,1.5vw,15px);letter-spacing:.06em; }
.cr2-step-track { position:relative;display:grid;align-content:center;gap:0;padding-left:2px; }
.cr2-step-track::before { content:"";position:absolute;left:13px;top:11%;bottom:11%;width:1px;background:linear-gradient(var(--cr2-cyan-deep),rgba(95,133,144,.22)); }
.cr2-step { position:relative;min-height:clamp(40px,10vh,62px);display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;color:#59737c; }
.cr2-step>span { position:relative;z-index:1;width:23px;height:23px;border:1px solid rgba(104,145,157,.35);border-radius:50%;display:grid;place-items:center;background:#041019;font:850 7px/1 ui-monospace,Consolas,monospace; }
.cr2-step strong { display:block;font:900 clamp(8px,1.05vw,10px)/1 ui-monospace,Consolas,monospace;letter-spacing:.09em; }
.cr2-step small { display:block;margin-top:4px;font:700 7px/1 ui-monospace,Consolas,monospace; }
.cr2-step.active { color:var(--cr2-cyan); }
.cr2-step.active>span { border-color:var(--cr2-cyan);box-shadow:0 0 10px rgba(32,229,242,.22); }
.cr2-step.done { color:#91bbc2; }
.cr2-step.done>span { color:var(--cr2-cyan);border-color:rgba(32,229,242,.58); }
.cr2-wizard-host { padding-top:7px;border-top:1px solid var(--cr2-line-soft); }
.cr2-wizard-host span { display:block;color:#52717b;font:800 7px/1 ui-monospace,Consolas,monospace; }
.cr2-wizard-host strong { display:block;margin-top:4px;color:#b7d4da;font:800 clamp(8px,1.05vw,10px)/1.1 ui-monospace,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cr2-wizard { padding:clamp(9px,1.8vh,16px) clamp(12px,2.2vw,27px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(7px,1.4vh,12px); }
.cr2-wizard-head { display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--cr2-line);padding-bottom:7px; }
.cr2-wizard-head h2 { margin:4px 0 2px;font-size:clamp(14px,2.1vw,21px);letter-spacing:.06em; }
.cr2-wizard-head p { margin:0;color:#607c86;font:700 clamp(7px,.95vw,9px)/1.2 ui-monospace,Consolas,monospace; }
.cr2-wizard-head>span { color:rgba(113,174,189,.35);font:300 clamp(28px,5vw,48px)/.8 ui-monospace,Consolas,monospace; }
.cr2-wizard-head>span small { font-size:9px; }
.cr2-form-grid { min-height:0;min-width:0;align-content:start;display:grid;overflow-x:visible;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(32,229,242,.25) transparent; }
.cr2-choice { min-height:31px;border:1px solid rgba(110,165,183,.22);background:rgba(2,9,14,.68);color:#88a4ad;font:850 clamp(7.5px,1vw,10px)/1.15 ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color var(--cr2-ui-transition),color var(--cr2-ui-transition),background var(--cr2-ui-transition),box-shadow var(--cr2-ui-transition); }
.cr2-choice:hover:not(:disabled),.cr2-choice:focus-visible:not(:disabled) { border-color:rgba(32,229,242,.55);color:#dffaff;outline:none; }
.cr2-choice.active { border-color:var(--cr2-cyan);color:var(--cr2-cyan);background:rgba(0,94,108,.14);box-shadow:inset 0 0 16px rgba(32,229,242,.045); }
.cr2-choice:disabled { opacity:.28;cursor:not-allowed; }
.cr2-choice small { display:block;font-size:6px;color:#6f858d;margin-top:2px; }
.cr2-segmented { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--cr2-line-soft);background:rgba(0,5,9,.55); }
.cr2-segmented .cr2-choice { border-color:transparent; }
.cr2-segmented .cr2-choice.active { border-color:rgba(32,229,242,.55); }
.cr2-wizard-actions { display:flex;justify-content:space-between;gap:9px;padding-top:2px; }
.cr2-wizard-actions .cr2-button { min-width:clamp(110px,18vw,190px);display:flex;align-items:center;justify-content:center;gap:9px; }

.cr2-basic-layout { min-width:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(12px,2vw,24px);height:100%;align-items:stretch; }
.cr2-basic-layout>* { min-width:0; }
.cr2-basic-controls { min-width:0;display:grid;align-content:start;gap:clamp(8px,1.6vh,13px); }
.cr2-room-name-presets { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px; }
.cr2-room-name-presets .cr2-choice { min-height:clamp(28px,6.2vh,39px); }
.cr2-seat-selector { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px; }
.cr2-seat-selector .cr2-choice { min-height:clamp(34px,7.5vh,47px);font-size:clamp(12px,1.8vw,17px); }
.cr2-seat-selector .cr2-choice small { font-size:5.5px;letter-spacing:.08em; }
.cr2-visibility-field .cr2-segmented { max-width:320px; }
.cr2-preview-zone { min-height:0;border-left:1px solid var(--cr2-line-soft);display:grid;grid-template-rows:auto minmax(0,1fr);padding-left:clamp(10px,2vw,22px); }
.cr2-preview-caption { display:flex;justify-content:space-between;align-items:center;color:#526f79;font:800 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em; }
.cr2-preview-caption strong { color:#b9d7dc;font-size:9px; }
.cr2-table-preview { position:relative;width:min(82%,360px);height:min(66%,210px);min-height:125px;place-self:center; }
.cr2-preview-felt { position:absolute;inset:16% 14%;border:1px solid rgba(32,229,242,.4);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse,rgba(0,62,70,.35),rgba(1,12,18,.88) 70%);box-shadow:0 0 0 6px rgba(3,18,25,.85),0 0 0 7px rgba(76,150,164,.16),inset 0 0 30px rgba(0,0,0,.55),0 0 18px rgba(32,229,242,.07); }
.cr2-preview-felt span { color:rgba(32,229,242,.45);font:800 6px/1 ui-monospace,Consolas,monospace;letter-spacing:.16em; }
.cr2-preview-felt strong { color:#a8d9df;font:850 clamp(8px,1vw,10px)/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em; }
.cr2-preview-seat { position:absolute;width:clamp(24px,4vw,38px);height:clamp(18px,3vw,27px);display:grid;place-items:center;transform:translate(-50%,-50%); }
.cr2-preview-seat i { position:absolute;inset:0;border:1px solid rgba(32,229,242,.48);border-radius:38% 38% 22% 22%;background:linear-gradient(160deg,rgba(6,29,38,.96),rgba(1,10,15,.96));box-shadow:0 0 8px rgba(32,229,242,.09); }
.cr2-preview-seat b { position:relative;color:#70929b;font:700 6px/1 ui-monospace,Consolas,monospace; }
.cr2-preview-seat.seat-1 { left:50%;top:4%; }.cr2-preview-seat.seat-2 { left:94%;top:28%; }.cr2-preview-seat.seat-3 { left:86%;top:88%; }.cr2-preview-seat.seat-4 { left:14%;top:88%; }.cr2-preview-seat.seat-5 { left:6%;top:28%; }.cr2-preview-seat.seat-6 { left:50%;top:96%; }
.cr2-table-preview[data-seat-count="2"] .seat-1 { left:50%;top:3%; }.cr2-table-preview[data-seat-count="2"] .seat-2 { left:50%;top:97%; }
.cr2-table-preview[data-seat-count="3"] .seat-1 { left:50%;top:3%; }.cr2-table-preview[data-seat-count="3"] .seat-2 { left:91%;top:78%; }.cr2-table-preview[data-seat-count="3"] .seat-3 { left:9%;top:78%; }
.cr2-table-preview[data-seat-count="4"] .seat-1 { left:50%;top:3%; }.cr2-table-preview[data-seat-count="4"] .seat-2 { left:94%;top:50%; }.cr2-table-preview[data-seat-count="4"] .seat-3 { left:50%;top:97%; }.cr2-table-preview[data-seat-count="4"] .seat-4 { left:6%;top:50%; }
.cr2-table-preview[data-seat-count="5"] .seat-1 { left:50%;top:3%; }.cr2-table-preview[data-seat-count="5"] .seat-2 { left:94%;top:33%; }.cr2-table-preview[data-seat-count="5"] .seat-3 { left:78%;top:93%; }.cr2-table-preview[data-seat-count="5"] .seat-4 { left:22%;top:93%; }.cr2-table-preview[data-seat-count="5"] .seat-5 { left:6%;top:33%; }

.cr2-spec-list { min-width:0;width:100%;display:grid;align-content:start;border-top:1px solid var(--cr2-line-soft); }
.cr2-spec-row { min-width:0;min-height:clamp(37px,8vh,50px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:clamp(8px,1.4vw,18px);padding:4px 9px;border-bottom:1px solid var(--cr2-line-soft);transition:background var(--cr2-ui-transition),border-color var(--cr2-ui-transition); }
.cr2-spec-row:focus-within,.cr2-spec-row:hover { background:linear-gradient(90deg,rgba(32,229,242,.045),transparent 75%);border-bottom-color:rgba(32,229,242,.27); }
.cr2-spec-label { min-width:0;color:#cfe7eb;font:850 clamp(8px,1.05vw,10px)/1.1 ui-monospace,Consolas,monospace; }
.cr2-spec-label small { display:block;margin-top:3px;color:#536f79;font-size:6px;letter-spacing:.13em; }
.cr2-spec-control { min-width:0;max-width:100%;justify-self:end;width:min(100%,240px); }
.cr2-spec-control .cr2-select { min-width:0;max-width:100%;height:30px;text-align:right;font-size:10px; }
.cr2-spec-control .cr2-segmented { width:100%; }
.cr2-history-policy-control{display:grid;gap:3px;}
.cr2-static-value { display:block;padding:0 10px;color:#e3f5f7;text-align:right;font:850 10px/30px ui-monospace,Consolas,monospace; }
.cr2-spec-row-combined{grid-template-columns:minmax(92px,.62fr) minmax(0,1.38fr);}
.cr2-spec-row-combined .cr2-spec-control{width:100%;}
.cr2-inline-spec-group{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(4px,.7vw,8px);}
.cr2-inline-spec-item{min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:clamp(3px,.5vw,6px);color:#718f98;font:800 clamp(6px,.78vw,8px)/1 ui-monospace,Consolas,monospace;white-space:nowrap;}
.cr2-inline-spec-item .cr2-select{width:100%;}
.cr2-inline-spec-item .cr2-static-value{min-width:0;padding-inline:4px;overflow:hidden;text-overflow:ellipsis;}

.cr2-access-layout,.cr2-rating-layout { display:grid;align-content:start;gap:clamp(10px,2vh,16px); }
.cr2-access-cards,.cr2-rating-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,11px); }
.cr2-access-card,.cr2-rating-card { position:relative;min-height:clamp(92px,24vh,148px);border:1px solid rgba(106,158,174,.24);background:linear-gradient(160deg,rgba(4,18,27,.83),rgba(1,8,13,.8));color:#75929b;display:grid;place-content:center;gap:5px;text-align:center;cursor:pointer;transition:border-color var(--cr2-ui-transition),background var(--cr2-ui-transition),color var(--cr2-ui-transition),box-shadow var(--cr2-ui-transition),transform var(--cr2-ui-transition); }
.cr2-access-card:hover:not(:disabled),.cr2-rating-card:hover { border-color:rgba(32,229,242,.48);color:#d9f4f7; }
.cr2-access-card.active,.cr2-rating-card.active { border-color:var(--cr2-cyan);color:var(--cr2-cyan);background:linear-gradient(160deg,rgba(0,67,79,.25),rgba(1,12,18,.87));box-shadow:inset 0 0 24px rgba(32,229,242,.04),0 0 13px rgba(32,229,242,.07); }
.cr2-access-card:disabled { opacity:.32;cursor:not-allowed; }
.cr2-access-card strong,.cr2-rating-card strong { font:900 clamp(10px,1.4vw,13px)/1 ui-monospace,Consolas,monospace;letter-spacing:.1em; }
.cr2-access-card small,.cr2-rating-card small { color:#6a848d;font:700 clamp(7px,.9vw,9px)/1.35 ui-monospace,Consolas,monospace; }
.cr2-access-card em { color:#84939a;font:700 6px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;font-style:normal; }
.cr2-access-icon { position:relative;width:30px;height:27px;margin:0 auto 2px;display:block; }
.cr2-access-icon::before,.cr2-access-icon::after,.cr2-access-icon i { content:"";position:absolute;border:1px solid currentColor; }
.cr2-access-icon.open::before { width:11px;height:11px;border-radius:50%;left:9px;top:0; }.cr2-access-icon.open::after { width:27px;height:12px;border-radius:50% 50% 0 0;left:1px;bottom:0;border-bottom:0; }
.cr2-access-icon.friends::before { width:10px;height:10px;border-radius:50%;left:3px;top:2px;box-shadow:13px 1px 0 -1px #04121a,13px 1px 0 0 currentColor; }.cr2-access-icon.friends::after { width:28px;height:11px;border-radius:50% 50% 0 0;left:1px;bottom:0;border-bottom:0; }
.cr2-access-icon.password::before { width:17px;height:15px;left:6px;bottom:0;border-radius:2px; }.cr2-access-icon.password::after { width:11px;height:11px;left:9px;top:0;border-radius:8px 8px 0 0;border-bottom:0; }
.cr2-access-card.password.active { border-color:rgba(255,196,90,.72);color:var(--cr2-warn); }
.cr2-access-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:8px;border-top:1px solid var(--cr2-line-soft); }
.cr2-password-field .cr2-pin { color:var(--cr2-warn);border-color:rgba(255,196,90,.3); }

.cr2-rating-card>span { color:currentColor;font:300 clamp(23px,4vw,38px)/1 ui-monospace,Consolas,monospace; }
.cr2-rating-card>span.trend,.cr2-rating-card>span.range { font-size:clamp(19px,3vw,28px); }
.cr2-rating-values { display:grid;grid-template-columns:minmax(84px,132px) minmax(150px,1fr) minmax(84px,132px);align-items:end;gap:clamp(7px,1.25vw,14px);max-width:680px;margin:0 auto;width:100%; }
.cr2-rating-values.minimum-only { grid-template-columns:minmax(84px,132px) minmax(70px,1fr);max-width:420px; }
.cr2-rating-values label span { display:block;color:#68858f;font:800 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;margin-bottom:5px; }
.cr2-rating-values input[type="number"] { height:clamp(31px,6vh,40px);padding:0 clamp(5px,.8vw,9px);text-align:center;color:var(--cr2-cyan-soft);font-size:clamp(12px,1.6vw,16px); }
.cr2-rating-slider { --cr2-rating-min:15%;--cr2-rating-max:18%;position:relative;height:40px;align-self:end; }
.cr2-rating-track { position:absolute;left:0;right:0;top:20px;height:2px;background:linear-gradient(90deg,rgba(78,116,126,.35) 0,var(--cr2-line) var(--cr2-rating-min),var(--cr2-cyan) var(--cr2-rating-min),var(--cr2-cyan) var(--cr2-rating-max),var(--cr2-line) var(--cr2-rating-max),rgba(78,116,126,.35) 100%);box-shadow:0 0 8px rgba(32,229,242,.12); }
.cr2-rating-slider input[type="range"] { position:absolute;inset:5px 0 0;width:100%;height:30px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;outline:none; }
.cr2-rating-slider input[type="range"]::-webkit-slider-runnable-track { height:2px;background:transparent; }
.cr2-rating-slider input[type="range"]::-moz-range-track { height:2px;background:transparent; }
.cr2-rating-slider input[type="range"]::-webkit-slider-thumb { width:15px;height:15px;margin-top:-6.5px;border:1px solid #b8fbff;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--cr2-cyan);box-shadow:0 0 0 3px rgba(32,229,242,.1),0 0 9px rgba(32,229,242,.55);pointer-events:auto;cursor:ew-resize; }
.cr2-rating-slider input[type="range"]::-moz-range-thumb { width:15px;height:15px;border:1px solid #b8fbff;border-radius:50%;background:var(--cr2-cyan);box-shadow:0 0 0 3px rgba(32,229,242,.1),0 0 9px rgba(32,229,242,.55);pointer-events:auto;cursor:ew-resize; }
.cr2-rating-values>strong { align-self:center;color:var(--cr2-cyan);font:850 16px/1 ui-monospace,Consolas,monospace;text-align:center; }
.cr2-warning { display:flex;align-items:center;gap:10px;padding:7px 10px;border-top:1px solid rgba(255,196,90,.28);border-bottom:1px solid rgba(255,196,90,.17);background:linear-gradient(90deg,rgba(89,54,0,.14),transparent);color:#b89054;font:750 clamp(7px,.95vw,9px)/1.35 ui-monospace,Consolas,monospace; }
.cr2-warning b { color:var(--cr2-warn);font-size:8px;white-space:nowrap; }
.cr2-rating-empty { min-height:58px;display:grid;place-content:center;text-align:center;gap:5px;border-top:1px solid var(--cr2-line-soft);border-bottom:1px solid var(--cr2-line-soft); }
.cr2-rating-empty strong { color:#b7d7dc;font:850 10px/1 ui-monospace,Consolas,monospace; }.cr2-rating-empty span { color:#607d87;font:700 8px/1 ui-monospace,Consolas,monospace; }

.cr2-confirm-layout { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(12px,2.2vw,25px);width:100%;max-width:100%;height:100%;overflow:hidden; }
.cr2-confirm-preview { min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--cr2-line-soft);padding-right:clamp(10px,2vw,22px); }
.cr2-confirm-title { position:relative;text-align:center; }
.cr2-confirm-title span { color:#5f7f89;font:800 6px/1 ui-monospace,Consolas,monospace;letter-spacing:.13em; }
.cr2-confirm-title h3 { margin:4px 0 1px;font-size:clamp(13px,2vw,20px);letter-spacing:.06em; }.cr2-confirm-title>strong { color:var(--cr2-cyan);font:800 8px/1 ui-monospace,Consolas,monospace; }
.cr2-table-preview.confirm { width:min(82%,320px);height:min(72%,190px); }
.cr2-confirm-spec { min-width:0;max-width:100%;display:grid;align-content:center;overflow-x:hidden;overflow-y:auto; }
.cr2-confirm-spec>.cr2-eyebrow { padding-bottom:6px;border-bottom:1px solid var(--cr2-line); }
.cr2-confirm-row { min-width:0;display:grid;grid-template-columns:minmax(max-content,.78fr) minmax(0,1.22fr);align-items:center;gap:10px;padding:6px 5px;border-bottom:1px solid var(--cr2-line-soft); }
.cr2-confirm-row span { color:#69858f;font:800 7px/1 ui-monospace,Consolas,monospace;white-space:nowrap; }.cr2-confirm-row strong { min-width:0;color:#d8edf0;font:850 8.5px/1.15 ui-monospace,Consolas,monospace;text-align:right;overflow-wrap:anywhere; }
.cr2-password-enabled { margin-top:6px;padding:6px;border:1px solid rgba(255,196,90,.25);color:var(--cr2-warn);font:800 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-align:center; }

/* Waiting room */
.cr2-screen-waiting { grid-template-columns:minmax(0,13fr) minmax(210px,7fr);grid-template-rows:auto minmax(0,1fr); }
.cr2-room-head { grid-column:1/3;display:grid;grid-template-columns:minmax(100px,1fr) auto auto auto;align-items:center;gap:clamp(8px,1.25vw,16px);padding:7px 12px; }
.cr2-room-summary { min-width:0;align-self:center;display:grid;gap:3px; }.cr2-room-summary h2 { margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,1.9vw,19px);line-height:1; }
.cr2-room-share { display:flex;align-items:stretch;gap:5px; }
.cr2-room-code { color:var(--cr2-cyan);font:900 clamp(10px,1.5vw,14px)/1 ui-monospace,Consolas,monospace;letter-spacing:.13em; }
.cr2-copy-url-compact { min-height:0;padding-inline:clamp(7px,1vw,11px);font-size:clamp(6.5px,.82vw,8px);letter-spacing:.06em;white-space:nowrap; }
.cr2-host-line { color:#7597a2;font:800 clamp(7px,1vw,9px)/1 ui-monospace,Consolas,monospace;text-transform:uppercase; }.cr2-host-line strong { color:#d8edf2; }
.cr2-table-panel { min-height:0;display:grid;place-items:center;padding:clamp(12px,2.2vh,20px) clamp(42px,7vw,72px);background:linear-gradient(160deg,rgba(3,16,25,.81),rgba(0,6,12,.76));overflow:hidden; }
.cr2-table-preview.waiting { width:min(76%,430px);height:min(72%,235px);min-height:145px; }
.cr2-table-preview.waiting .cr2-preview-felt small { color:#587984;font:750 6px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em; }
.cr2-waiting-seat { z-index:2;width:clamp(76px,10.5vw,92px);height:clamp(34px,6.5vh,40px);padding:2px 4px;border:1px solid rgba(100,162,180,.34);border-radius:0;display:grid;grid-template-rows:auto auto auto;align-content:center;gap:1px;background:linear-gradient(150deg,rgba(8,25,35,.98),rgba(1,8,13,.98));color:#d7edf2;text-align:left;overflow:hidden;cursor:pointer; }
.cr2-waiting-seat.empty { color:#547681;border-style:dashed;background:rgba(2,10,16,.82);cursor:default; }
.cr2-waiting-seat.host { border-color:rgba(32,229,242,.75);box-shadow:0 0 13px rgba(32,229,242,.11); }
.cr2-waiting-seat.selected { border-color:var(--cr2-warn); }
.cr2-waiting-seat.kick-target,.cr2-spectator-name.kick-target { border-color:rgba(255,106,120,.68);box-shadow:inset 0 0 10px rgba(255,106,120,.055); }
.cr2-seat-role-line { min-height:6px;color:var(--cr2-cyan);font:900 clamp(5.5px,.68vw,6.5px)/1 ui-monospace,Consolas,monospace;letter-spacing:.1em; }
.cr2-seat-status-line { min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px; }
.cr2-seat-player-name { min-width:0;display:block;font:900 clamp(6.5px,.85vw,8.5px)/1 ui-monospace,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cr2-seat-online { flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--cr2-cyan);box-shadow:0 0 6px rgba(32,229,242,.68); }
.cr2-seat-online.offline { background:#53656c;box-shadow:none; }
.cr2-seat-rating { min-width:0;display:flex;justify-content:space-between;gap:3px;color:#6e8f99;font:750 clamp(5.5px,.7vw,6.5px)/1 ui-monospace,Consolas,monospace;white-space:nowrap; }
.cr2-seat-guest { color:#a88f5d; }
.cr2-spectator-hud { position:absolute;left:clamp(8px,1.3vw,14px);top:clamp(8px,1.5vh,13px);z-index:5;width:min(28%,138px);padding:6px 7px;border-left:1px solid rgba(32,229,242,.34);background:linear-gradient(90deg,rgba(3,18,27,.74),rgba(2,10,16,.26));color:#7899a3;font:750 7px/1.25 ui-monospace,Consolas,monospace; }
.cr2-spectator-heading { display:flex;align-items:center;justify-content:space-between;color:var(--cr2-cyan);font-weight:900;letter-spacing:.12em; }.cr2-spectator-heading strong { font-size:8px; }
.cr2-spectator-list { display:grid;gap:2px;margin-top:4px; }.cr2-spectator-name { min-height:14px;border:1px solid transparent;background:transparent;color:#afc9cf;padding:1px 3px;text-align:left;font:800 7px/1 ui-monospace,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer; }.cr2-spectator-name:hover,.cr2-spectator-name:focus-visible { color:#fff;border-color:rgba(32,229,242,.35);outline:none; }.cr2-spectator-name span { color:var(--cr2-cyan);font-size:5px;margin-right:4px; }
.cr2-spectator-empty,.cr2-spectator-more { display:block;margin-top:4px;color:#4f6f79;font-size:6px;letter-spacing:.1em; }
.cr2-kick-toggle { position:absolute;right:clamp(9px,1.4vw,15px);bottom:clamp(9px,1.7vh,15px);z-index:6;width:clamp(28px,4.1vw,36px);height:clamp(28px,4.1vw,36px);padding:6px;border:1px solid rgba(117,165,180,.35);border-radius:50%;background:rgba(2,12,18,.84);color:#6e8c96;cursor:pointer;transition:border-color var(--cr2-ui-transition),color var(--cr2-ui-transition),background var(--cr2-ui-transition),box-shadow var(--cr2-ui-transition); }.cr2-kick-toggle svg { width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }.cr2-kick-toggle:hover,.cr2-kick-toggle:focus-visible { color:#d9edf2;border-color:rgba(32,229,242,.62);outline:none; }.cr2-kick-toggle.active { color:#ff8d98;border-color:rgba(255,106,120,.66);background:rgba(46,8,15,.5);box-shadow:0 0 12px rgba(255,106,120,.1); }
.cr2-settings { min-height:0;padding:clamp(8px,1.6vh,13px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px; }.cr2-settings h2 { margin:3px 0 0;font-size:clamp(12px,1.8vw,18px); }.cr2-settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cr2-line-soft);border-left:1px solid var(--cr2-line-soft); }.cr2-setting { padding:6px;border-right:1px solid var(--cr2-line-soft);border-bottom:1px solid var(--cr2-line-soft); }.cr2-setting span { display:block;color:#62828d;font:800 7px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;margin-bottom:4px; }.cr2-setting strong { display:block;font:900 clamp(8px,1.15vw,11px)/1 ui-monospace,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cr2-settings-title { padding-bottom:5px;border-bottom:1px solid var(--cr2-line-soft); }
.cr2-selection { min-height:0;padding:7px;border:1px solid var(--cr2-line-soft);color:#73909a;font:800 8px/1.45 ui-monospace,Consolas,monospace; }.cr2-selection strong { display:block;color:#d9edf2;font-size:10px;margin-bottom:4px; }.cr2-selection-label { display:block;margin-bottom:5px;color:#54747f;font-size:6px;letter-spacing:.13em; }.cr2-room-actions { min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px; }.cr2-room-actions .wide { grid-column:1/-1; }.cr2-room-actions .cr2-button { min-width:0;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;line-height:1; }.cr2-role-toggle { color:#9fd9df; }.cr2-role-toggle.is-join { border-color:rgba(32,229,242,.42);color:var(--cr2-cyan-soft); }
.cr2-kick-confirm { width:min(410px,76vw);gap:14px; }.cr2-kick-confirm h2 { font-size:clamp(12px,1.8vw,17px);line-height:1.45; }

/* Overlays and feedback */
.cr2-notice { position:absolute;left:50%;top:8px;z-index:40;transform:translateX(-50%);min-width:min(520px,82vw);max-width:88vw;padding:8px 14px;border:1px solid rgba(32,229,242,.45);background:rgba(1,11,18,.97);box-shadow:0 8px 35px rgba(0,0,0,.55),0 0 20px rgba(32,229,242,.08);color:#cdebf0;text-align:center;font:850 clamp(8px,1.1vw,10px)/1.35 ui-monospace,Consolas,monospace;letter-spacing:.06em; }.cr2-notice.error { border-color:rgba(255,106,120,.6);color:#ffabb3; }.cr2-notice.warn { border-color:rgba(255,196,90,.5);color:#f2ca80; }
.cr2-overlay { position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(0,13,20,.7),rgba(0,3,7,.88));backdrop-filter:blur(3px); }
.cr2-modal { width:min(470px,82vw);padding:clamp(15px,3vh,25px);display:grid;gap:12px;text-align:center; }.cr2-modal h2 { margin:0;font-size:clamp(15px,2.4vw,21px);letter-spacing:.08em; }.cr2-code-modal { width:min(540px,84vw);min-height:min(290px,76vh);place-content:center;position:relative; }.cr2-modal-back { position:absolute;left:12px;top:10px;border:0;background:transparent;color:var(--cr2-cyan);font:300 30px/1 Arial;cursor:pointer; }
.cr2-digit-shell { width:min(410px,72vw);margin:7px auto 4px;padding:4px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 3px),rgba(111,168,184,.26) calc(16.666% - 3px),rgba(111,168,184,.26) calc(16.666% - 2px),transparent calc(16.666% - 2px),transparent 16.666%); }
.cr2-digit-shell.four { width:min(300px,62vw);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 3px),rgba(111,168,184,.26) calc(25% - 3px),rgba(111,168,184,.26) calc(25% - 2px),transparent calc(25% - 2px),transparent 25%); }
.cr2-digit-shell .cr2-input { height:clamp(48px,12vh,68px);border-color:rgba(101,165,182,.36);background:rgba(0,5,10,.72); }.cr2-pin { font-size:clamp(22px,4vw,32px);letter-spacing:.48em;text-align:center;padding-left:calc(10px + .48em); }
.cr2-modal-actions { width:min(410px,72vw);margin:0 auto;display:grid;grid-template-columns:1fr 1.7fr;gap:7px; }
.cr2-loading { position:absolute;inset:0;display:grid;place-items:center;color:var(--cr2-cyan);font:900 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.18em; }
.cr2-screen-restoring { min-width:0;min-height:0;display:grid;place-items:center;overflow:clip; }
.cr2-screen-restoring .cr2-loading { position:relative;inset:auto;width:min(360px,calc(100% - 24px));min-height:104px;padding:18px;gap:8px;align-content:center;text-align:center; }
.cr2-screen-restoring .cr2-loading strong { color:#fff;font-size:clamp(13px,2vw,18px);letter-spacing:.08em; }
.cr2-screen-restoring .cr2-loading small { color:var(--cr2-muted);font-size:10px;letter-spacing:.04em; }

@media (max-width:760px),(max-height:410px) {
  #customRoomV2 { grid-template-rows:36px minmax(0,1fr); }
  .cr2-main { padding:4px 5px 5px; }.cr2-screen { gap:5px; }
  .cr2-browser-toolbar { padding:4px 6px;min-height:33px;gap:4px; }.cr2-filter { min-width:112px;height:27px; }.cr2-guest-field .cr2-input { height:27px;width:105px; }
  .cr2-browser-list { gap:4px; }.cr2-browser-footer { min-height:34px;padding:3px 4px;gap:4px;grid-template-columns:minmax(70px,.65fr) minmax(70px,.65fr) minmax(125px,1.1fr) minmax(125px,1.1fr); }.cr2-browser-footer .cr2-button { min-height:26px;padding-inline:6px; }.cr2-room-card { min-height:66px;padding:5px 8px;gap:7px;grid-template-columns:minmax(150px,1.2fr) minmax(245px,2fr) auto; }.cr2-room-slot-tags { gap:3px; }.cr2-room-metrics { gap:4px; }.cr2-metric { padding-left:5px; }.cr2-card-join { min-height:27px;padding-inline:9px; }
  .cr2-wizard-nav { padding:5px 6px;gap:4px; }.cr2-wizard-nav-head strong { margin-top:3px; }.cr2-step { min-height:clamp(35px,9vh,39px); }.cr2-step small { margin-top:2px; }.cr2-wizard-host { padding-top:4px; }.cr2-wizard-host strong { margin-top:2px; }.cr2-wizard { padding:4px clamp(5px,1vw,8px);gap:3px; }.cr2-wizard-head { padding-bottom:3px; }.cr2-wizard-head h2 { margin:2px 0 0;font-size:13px; }.cr2-wizard-head p { display:none; }.cr2-wizard-head>span { font-size:26px; }.cr2-wizard-actions { padding-top:0; }.cr2-wizard-actions .cr2-button { min-width:104px; }
  .cr2-form-grid { min-width:0;max-width:100%;overflow-x:visible;overflow-y:visible;padding:1px 0; }
  .cr2-form-grid[data-wizard-step="1"] { overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
  .cr2-basic-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(3px,.8vw,6px); }.cr2-basic-controls { gap:3px; }.cr2-label { margin-bottom:2px; }.cr2-field { gap:2px; }.cr2-room-name-presets { gap:2px; }.cr2-room-name-presets .cr2-choice { min-height:24px;padding-inline:3px; }.cr2-seat-selector { gap:2px; }.cr2-seat-selector .cr2-choice { min-height:27px;padding-inline:2px;font-size:11px; }.cr2-visibility-field .cr2-segmented { width:min(100%,230px);padding:2px;gap:2px; }.cr2-visibility-field .cr2-choice { min-height:26px;padding-inline:4px; }.cr2-preview-zone { padding-left:5px; }.cr2-table-preview { min-height:96px;width:74%;height:65%; }.cr2-preview-seat { width:27px;height:19px; }
  .cr2-spec-row { min-height:27px;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:4px;padding:1px 5px; }.cr2-spec-row-combined{grid-template-columns:minmax(76px,.52fr) minmax(0,1.48fr);}.cr2-spec-label small { display:none; }.cr2-spec-control { width:min(100%,205px); }.cr2-spec-row-combined .cr2-spec-control{width:100%;}.cr2-inline-spec-group{gap:3px;}.cr2-inline-spec-item{gap:2px;font-size:6px;}.cr2-inline-spec-item .cr2-select{padding-inline:3px;}.cr2-spec-control .cr2-select { height:25px;padding-inline:6px; }.cr2-static-value { padding-inline:6px;line-height:25px; }.cr2-spec-control .cr2-segmented { gap:2px;padding:2px; }.cr2-access-layout,.cr2-rating-layout { gap:4px; }.cr2-access-cards,.cr2-rating-cards { gap:4px; }.cr2-access-card,.cr2-rating-card { min-height:62px;padding:3px 4px;gap:2px; }.cr2-access-card strong,.cr2-rating-card strong { font-size:8px; }.cr2-access-card small,.cr2-rating-card small { font-size:5.5px;line-height:1.15; }.cr2-access-icon { width:24px;height:22px;transform:scale(.68);margin-bottom:-4px; }.cr2-rating-card>span { font-size:18px; }.cr2-rating-card>span.trend,.cr2-rating-card>span.range { font-size:16px; }.cr2-access-options { gap:5px;padding-top:3px; }.cr2-access-options .cr2-field { gap:2px; }.cr2-access-options .cr2-label { margin-bottom:1px; }.cr2-access-options .cr2-input { height:25px; }.cr2-access-options .cr2-field>small { font-size:6px;line-height:1.1; }.cr2-rating-values input[type="number"] { height:27px; }.cr2-rating-slider { height:30px; }.cr2-rating-track { top:15px; }.cr2-rating-slider input[type="range"] { inset:0 0 0;height:30px; }.cr2-warning { gap:6px;padding:3px 6px;line-height:1.15; }.cr2-rating-empty { min-height:42px;gap:3px; }
  .cr2-confirm-row { gap:6px;padding:4px; }.cr2-table-preview.confirm { min-height:105px; }.cr2-confirm-layout { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8px; }.cr2-confirm-preview { min-width:0;overflow:hidden; }
  .cr2-screen-waiting { grid-template-columns:minmax(0,13fr) minmax(210px,7fr); }.cr2-settings { padding:6px;gap:5px; }.cr2-setting { padding:4px; }.cr2-room-head { padding:4px 8px;gap:6px; }.cr2-room-share { gap:3px; }.cr2-room-code { padding-inline:8px; }.cr2-copy-url-compact { padding-inline:6px; }.cr2-table-panel { padding:10px 38px; }.cr2-table-preview.waiting { width:76%;height:70%;min-height:132px; }.cr2-waiting-seat { width:74px;height:34px;padding:2px 4px; }.cr2-spectator-hud { left:7px;top:7px;padding:4px 5px;width:124px; }.cr2-kick-toggle { right:7px;bottom:7px;width:28px;height:28px;padding:5px; }.cr2-selection { padding:5px; }.cr2-room-actions { gap:4px; }
  .cr2-button { min-height:27px; }.cr2-input,.cr2-select { height:30px; }.cr2-spec-control .cr2-select { height:26px; }.cr2-spec-control .cr2-choice { min-height:24px; }.cr2-spec-control .cr2-segmented { padding:2px; }.cr2-code-modal { min-height:240px; }
}

@media (max-width:690px) {
  .cr2-brand { font-size:7px; }.cr2-session { font-size:7px; }.cr2-title { font-size:12px; }
  .cr2-toolbar-meta { display:none; }.cr2-guest-field span { display:none; }.cr2-guest-field .cr2-input { width:88px; }.cr2-filter { min-width:96px;font-size:7px;padding-inline:4px; }.cr2-browser-toolbar .cr2-login-compact { min-height:27px;padding-inline:5px;font-size:7px; }
  .cr2-browser-footer { grid-template-columns:72px 68px minmax(122px,1fr) minmax(122px,1fr); }.cr2-browser-footer .cr2-button { font-size:7px;letter-spacing:.035em; }
  .cr2-room-card { grid-template-columns:minmax(130px,1.1fr) minmax(210px,1.8fr) auto; }.cr2-room-card-name { font-size:10px; }.cr2-room-metrics { gap:2px; }.cr2-metric span { font-size:5.8px; }.cr2-metric strong { font-size:7.5px; }.cr2-seat-dots i { width:5px;height:5px; }.cr2-card-join { font-size:7px;letter-spacing:.04em; }
  .cr2-screen-create { grid-template-columns:96px minmax(0,1fr); }.cr2-wizard-nav-head strong { font-size:9px; }.cr2-step { grid-template-columns:20px minmax(0,1fr);gap:5px;min-height:35px; }.cr2-step-track::before { left:11px; }.cr2-step>span { width:20px;height:20px;font-size:6px; }.cr2-step strong { font-size:7px; }.cr2-step small { font-size:6px; }.cr2-wizard-host strong { font-size:7px; }
  .cr2-basic-layout { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:3px; }.cr2-basic-controls { gap:3px; }.cr2-room-name-presets .cr2-choice { min-height:23px;padding-inline:2px;font-size:7px; }.cr2-seat-selector .cr2-choice { min-height:26px;padding-inline:1px; }.cr2-visibility-field .cr2-segmented { width:min(100%,210px); }.cr2-preview-caption span { display:none; }.cr2-preview-zone { padding-left:4px; }.cr2-table-preview { width:72%; }.cr2-preview-seat { width:23px;height:17px; }
  .cr2-spec-row { grid-template-columns:minmax(0,1fr) minmax(0,.68fr);gap:3px;padding-inline:4px; }.cr2-access-card,.cr2-rating-card { min-height:58px; }.cr2-access-options { gap:4px; }.cr2-rating-values { grid-template-columns:86px minmax(0,1fr) 86px; }.cr2-confirm-layout { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6px; }.cr2-confirm-preview { padding-right:5px; }.cr2-confirm-title h3 { font-size:11px; }.cr2-confirm-row { grid-template-columns:minmax(max-content,.72fr) minmax(0,1.28fr);gap:4px;padding-inline:3px; }.cr2-confirm-row strong { font-size:8px; }
  .cr2-rating-values { grid-template-columns:82px minmax(0,1fr) 82px;gap:5px; }.cr2-rating-values.minimum-only { grid-template-columns:82px minmax(0,1fr); }.cr2-rating-values input[type="number"] { height:27px;font-size:11px;padding-inline:3px; }.cr2-rating-slider { height:30px; }.cr2-rating-track { top:15px; }.cr2-rating-slider input[type="range"] { top:0; }
  .cr2-screen-waiting { grid-template-columns:minmax(0,13fr) minmax(200px,7fr); }.cr2-room-head { grid-column:1/3;grid-template-columns:minmax(72px,1fr) auto auto auto;gap:4px; }.cr2-room-summary { gap:2px; }.cr2-room-summary .cr2-eyebrow { font-size:6px; }.cr2-room-code { padding-inline:6px;font-size:9px;letter-spacing:.08em; }.cr2-copy-url-compact { padding-inline:5px;font-size:6px; }.cr2-host-line { font-size:6.2px; }.cr2-live-status { font-size:6.5px;gap:4px; }.cr2-table-panel { padding-inline:34px; }.cr2-table-preview.waiting { width:74%; }.cr2-table-preview .cr2-waiting-seat { width:70px;height:33px;padding:2px 3px; }.cr2-seat-role-line { min-height:5px;font-size:5px; }.cr2-seat-player-name { font-size:6.5px; }.cr2-seat-rating { font-size:5.2px; }.cr2-spectator-hud { width:106px; }.cr2-spectator-name { font-size:6px; }.cr2-setting strong { font-size:8px;letter-spacing:0; }.cr2-room-actions .cr2-button { padding:0 3px;font-size:8px;letter-spacing:0;white-space:nowrap; }
}

@media (prefers-reduced-motion:reduce) {
  .cr2-button,.cr2-choice,.cr2-room-card,.cr2-access-card,.cr2-rating-card { transition:none!important; }
}