/* Isolated Poker TV v2 preview. The original layouts remain available. */
:root{--bg:#101923;--surface:#172331;--line:#334151;--text:#f6f3eb;--muted:#aeb9c5;--green:#e2bb78;--gold:#e2bb78;--red:#f2a59b}
body{background:#101923}
button,.ghost-btn,.primary-btn,.danger-btn,.plain-btn,.orange-action{border-radius:12px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f0c77b;outline-offset:3px}
input,select,textarea{background:#111b27;border-color:#394959;color:#f6f3eb;border-radius:10px}
.primary-btn,button.primary{background:#e2bb78;border-color:#e2bb78;color:#16202a}
.primary-btn:hover{background:#f0ca87}
.card{background:#172331}

/* Phone control: the clock and blind levels are always the first information. */
.mobile-shell{max-width:560px;min-height:100dvh;padding:0;background:#101923;box-shadow:0 0 80px #02070c55}
.mobile-console-shell{padding:0 0 max(28px,env(safe-area-inset-bottom))}
.mobile-console-top{display:flex;align-items:center;gap:15px;min-height:88px;padding:19px 22px;background:#121e2a;border-bottom:1px solid #304050}
.mobile-product-mark{flex:none;width:49px;height:49px;display:flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #d7b573;border-radius:13px;color:#f3d196;font-size:15px;font-weight:800;letter-spacing:-1.6px}
.mobile-product-mark span{color:#fff}
.mobile-heading{min-width:0;flex:1}
.mobile-heading small{display:block;font-size:10px;line-height:1.3;color:#aeb9c5;letter-spacing:2.2px;font-weight:700}
.mobile-console-top h1{font-size:20px;line-height:1.2;letter-spacing:.1px;margin:3px 0 0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-top-actions{flex:none}
.mobile-top-action{padding:9px 11px;min-height:40px;border:1px solid #526171;background:#1a2938;color:#e6c48a;font-size:12px;font-weight:700}
.mobile-top-action:hover{background:#263b4e}
.mobile-panel{margin:18px 14px;padding:18px 14px;border-color:#3b4956;border-radius:18px}
.mobile-branding-heading{align-items:flex-start;margin-bottom:12px}
.mobile-branding-heading p{color:#bac5ce;font-size:13px;line-height:1.6;margin:0}
.mobile-branding-heading button{flex:none}
.mobile-scoreboard{margin:17px 14px 18px;padding:21px 21px 18px;border:1px solid #465466;border-radius:18px;background:radial-gradient(circle at 90% 0,#344b60 0,transparent 38%),linear-gradient(145deg,#1a2b3b,#152231 70%);box-shadow:0 18px 42px #060d1666}
.mobile-board-top{display:flex;justify-content:space-between;align-items:center;color:#c9d1d9;font-size:12px;letter-spacing:1.2px;font-weight:700}
.mobile-live-indicator{display:inline-flex;align-items:center;gap:8px;color:#eac789;letter-spacing:0;font-size:13px}
.mobile-live-indicator:before{content:"";width:8px;height:8px;border-radius:100%;background:#e2bb78;box-shadow:0 0 0 4px #e2bb7826}
.mobile-board-main{text-align:left;margin-top:21px}
.mobile-clock-caption{font-size:12px;color:#b9c3cd;letter-spacing:1.3px}
.mobile-board-clock{font:750 clamp(67px,17vw,94px)/1.12 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.07em;color:#fff9eb;font-variant-numeric:tabular-nums;white-space:nowrap}
.mobile-board-blinds{display:grid;grid-template-columns:1.3fr 1fr;gap:0;margin-top:13px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.mobile-board-blinds>div{min-width:0;padding:15px 11px 15px 0}
.mobile-board-blinds>div+div{padding-left:15px;border-left:1px solid #ffffff24}
.mobile-board-blinds small{display:block;color:#b5c2cd;font-size:10px;letter-spacing:.6px;line-height:1.5}
.mobile-board-blinds strong{display:block;margin-top:7px;font-size:clamp(16px,4vw,22px);line-height:1.3;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mobile-board-blinds>div+div strong{color:#e8c586;font-size:clamp(15px,3.6vw,19px)}
.mobile-board-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;margin:0;padding-top:16px;font-size:11px;line-height:1.5;color:#aebac5}
.mobile-board-strip span{min-width:0;overflow-wrap:anywhere}
.mobile-board-strip b{display:block;color:#f1eee6;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}
.mobile-console-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 14px 14px;margin:0;border-bottom:1px solid #283949;background:transparent}
.mobile-console-tabs button{width:100%;min-height:46px;padding:8px 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#9eafbc;font-size:12px;font-weight:700;white-space:nowrap}
.mobile-console-tabs button.active{background:transparent;border-color:#e2bb78;color:#f5d398}
.mobile-control-surface,.mobile-form,.mobile-section{padding:21px 18px 24px}
.mobile-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:4px 0 15px}
.mobile-section-head small{color:#d9b778;font-size:10px;letter-spacing:2px;font-weight:800}
.mobile-section-head h2{margin:3px 0 0;font-size:20px;line-height:1.2;color:#f4f2ed}
.mobile-section-head>span{font-size:11px;color:#9dabb8;white-space:nowrap}
.mobile-hero-actions{display:grid;grid-template-columns:1.16fr 1fr;gap:10px;margin-bottom:15px}
.mobile-primary-action{min-height:102px!important;background:#e2bb78!important;border-color:#e2bb78!important;color:#17222e!important;font-size:23px!important;font-weight:800!important;box-shadow:0 10px 24px #d8ac5b1c}
.mobile-level-shortcuts{display:grid;gap:10px}
.mobile-level-shortcuts button{min-height:46px!important}
.orange-action{background:#203244;border-color:#4a5b69;color:#f4f1eb;min-height:46px;font-size:13px;font-weight:700}
.orange-action:hover{background:#30465a;border-color:#697d8d}
.mobile-entry-actions{margin:0 0 14px}
.mobile-entry-actions button{min-height:54px}
.mobile-adjust-row{display:grid;grid-template-columns:1fr 48px 48px;gap:7px;align-items:center;margin:0;border-bottom:1px solid #2c3b49;padding:11px 0}
.mobile-adjust-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:13px;color:#b7c2cc}
.mobile-adjust-label strong{font-size:18px;color:#f4f1eb;font-variant-numeric:tabular-nums}
.mobile-adjust-row button{min-width:0;min-height:43px;padding:0;font-size:22px}
.mobile-total-row{margin:18px 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mobile-total-row label{grid-column:1/-1;font-size:13px;color:#bac6cf}
.mobile-total-row input{grid-column:1/-1;grid-row:auto}
.mobile-total-row button{width:100%}
.mobile-more-controls{margin-top:21px;border:1px solid #3d4d5b;border-radius:13px;overflow:hidden;background:#172635}
.mobile-more-controls summary{padding:16px 17px;cursor:pointer;color:#e6c58d;font-size:13px;font-weight:700}
.mobile-more-controls[open] summary{border-bottom:1px solid #354656}
.mobile-more-controls>.mobile-name-form,.mobile-more-controls>.mobile-action-grid{margin:15px}
.mobile-name-form{background:transparent;border:0;padding:0}
.mobile-name-form>label{color:#e6c58d;font-size:13px}
.mobile-name-fields{flex-wrap:wrap}
.mobile-name-fields input{width:auto}
.mobile-break-controls{margin:0 0 28px!important;padding:16px!important;background:#1a2c3a!important;border-color:#3c5360!important;border-radius:13px!important}
.mobile-break-form label{font-size:12px!important;color:#bbc8d0!important}
.mobile-break-controls .muted{color:#9fb0be!important}
.mobile-new-back{padding:0 18px}
.mobile-new-back button{background:transparent;border:0;color:#e6c58d;padding-left:0}
.mobile-level-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.mobile-section-title{color:#e6c58d}
.mobile-form-section{border-color:#334454}
.mobile-structure-row,.mobile-preset-card{background:#182938;border-color:#425466}
.mobile-preset-card.is-selected{border-color:#dfb975;box-shadow:0 0 0 1px #dfb97555}
.mobile-preset-count{background:#3c3429;color:#f0cb88}
.mobile-preset-use-label{color:#e6c58d}
.mobile-preset-actions{border-color:#344a58}
.mobile-preset-actions button{background:#1b2e3d;border-color:#344a58}
.mobile-preset-actions button:hover{background:#294253}
.mobile-form-grid{gap:0 12px}
.mobile-form .full-btn{min-height:51px}
.screen-preset-card{border-radius:13px}
.screen-preset-preview[data-screen-preset="studio"]{background:linear-gradient(145deg,#1b2c3c,#10202d);border:1px solid #a48451;display:flex;align-items:center;justify-content:center}
.screen-preset-preview[data-screen-preset="studio"]:before{content:"08:42";color:#f5eddb;font:800 28px ui-monospace,monospace;letter-spacing:-2px}
.screen-preset-preview[data-screen-preset="studio"] .screen-preset-image{display:none}
.poker-device-bar{max-width:560px!important;background:#142535!important;border-color:#344c5e!important}
.poker-device-sheet{background:#152536!important;border-color:#4d6373!important}
.poker-device-row{background:#1b3041!important}
.poker-device-add{background:#334454!important;border-color:#5c7280!important}
@media(max-width:390px){.mobile-console-top{padding:16px 14px;gap:9px}.mobile-product-mark{width:42px;height:42px;font-size:13px}.mobile-console-top h1{font-size:17px}.mobile-top-action{font-size:11px;padding:7px}.mobile-scoreboard{margin:12px 10px;padding:17px 14px}.mobile-board-clock{font-size:clamp(58px,17vw,78px)}.mobile-control-surface,.mobile-form{padding:18px 14px}.mobile-hero-actions{gap:7px}.mobile-primary-action{font-size:20px!important}.mobile-console-tabs{padding-left:9px;padding-right:9px}.mobile-console-tabs button{font-size:11px}}

/* Large type TV layout, based on the existing live event model and SSE updates. */
.blue-display-page .stage.blue-stage.tv-layout-studio{--text:#f8f6ee;--muted:#a8b6c0;--accent:#e2bb78;--line:#8195a13d;background:radial-gradient(ellipse at 52% 34%,#31485c55,transparent 51%),linear-gradient(135deg,#182838,#0d1b29 68%);color:#f8f6ee;text-shadow:none}
.tv-layout-studio .tv-layout-content{position:absolute;inset:0}
.tv-layout-studio .tv-layout-content:before{content:"";position:absolute;inset:calc(20 * var(--tv-unit));border:calc(1 * var(--tv-unit)) solid #ffffff18;pointer-events:none}
.tv-layout-studio .studio-header{position:absolute;top:calc(53 * var(--tv-unit));left:calc(74 * var(--tv-unit));right:calc(74 * var(--tv-unit));height:calc(70 * var(--tv-unit));display:flex;justify-content:space-between;align-items:center;border-bottom:calc(1 * var(--tv-unit)) solid #ffffff32;padding-bottom:calc(21 * var(--tv-unit))}
.tv-layout-studio .studio-brand,.tv-layout-studio .studio-header-right{display:flex;align-items:center;gap:calc(23 * var(--tv-unit))}
.tv-layout-studio .tv-layout-logo{display:block;width:calc(60 * var(--tv-unit));height:calc(60 * var(--tv-unit));object-fit:contain}
.tv-layout-studio .studio-brand>span{display:block;color:#f9f7f1;font-size:calc(29 * var(--tv-unit));font-weight:800;letter-spacing:calc(4 * var(--tv-unit))}
.tv-layout-studio .studio-brand small{display:block;margin-top:calc(4 * var(--tv-unit));color:#e1bf7d;font-size:calc(13 * var(--tv-unit));letter-spacing:calc(3 * var(--tv-unit));font-weight:700}
.tv-layout-studio .studio-live-dot{width:calc(11 * var(--tv-unit));height:calc(11 * var(--tv-unit));border-radius:50%;background:#e2bb78;box-shadow:0 0 calc(14 * var(--tv-unit)) #e2bb78a0}
.tv-layout-studio .studio-status{font-size:calc(23 * var(--tv-unit));color:#e8c587;font-weight:700}
.tv-layout-studio .studio-wall{padding-left:calc(30 * var(--tv-unit));border-left:calc(1 * var(--tv-unit)) solid #ffffff37;font-size:calc(25 * var(--tv-unit));font-variant-numeric:tabular-nums;color:#d3dce2}
.tv-layout-studio .studio-title-row{position:absolute;top:calc(159 * var(--tv-unit));left:calc(88 * var(--tv-unit));right:calc(88 * var(--tv-unit));display:flex;justify-content:space-between;align-items:center;gap:calc(40 * var(--tv-unit))}
.tv-layout-studio .studio-kicker{display:block;color:#d0b47f;font-size:calc(17 * var(--tv-unit));font-weight:700;letter-spacing:calc(3 * var(--tv-unit))}
.tv-layout-studio .tv-event-title{font-size:calc(54 * var(--tv-unit));font-weight:800;line-height:1.1;margin:calc(11 * var(--tv-unit)) 0 0;max-width:calc(1250 * var(--tv-unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-layout-studio .studio-round{display:flex;align-items:center;gap:calc(23 * var(--tv-unit));flex:none}
.tv-layout-studio .studio-round span{font-size:calc(25 * var(--tv-unit));color:#acbbc4}
.tv-layout-studio .studio-round strong{font-size:calc(54 * var(--tv-unit));line-height:1;color:#f5d395;font-variant-numeric:tabular-nums}
.tv-layout-studio .studio-hero{position:absolute;top:calc(297 * var(--tv-unit));left:calc(150 * var(--tv-unit));right:calc(150 * var(--tv-unit));text-align:center}
.tv-layout-studio .studio-clock-label{font-size:calc(28 * var(--tv-unit));color:#d0d9df;letter-spacing:calc(3 * var(--tv-unit))}
.tv-layout-studio .studio-clock{font:800 calc(302 * var(--tv-unit))/1.02 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:calc(-19 * var(--tv-unit));font-variant-numeric:tabular-nums;white-space:nowrap;color:#fffaf0}
.tv-layout-studio.is-long .studio-clock{font-size:calc(229 * var(--tv-unit));line-height:1.34}
.tv-layout-studio .studio-progress{width:100%;height:calc(9 * var(--tv-unit));border-radius:calc(10 * var(--tv-unit));background:#ffffff25;overflow:hidden}
.tv-layout-studio .studio-progress i{display:block;height:100%;background:#e5bd76;border-radius:inherit;transition:width .3s linear}
.tv-layout-studio .studio-blinds{position:absolute;top:calc(684 * var(--tv-unit));left:calc(90 * var(--tv-unit));right:calc(90 * var(--tv-unit));height:calc(216 * var(--tv-unit));display:grid;grid-template-columns:1.2fr .8fr;gap:calc(20 * var(--tv-unit))}
.tv-layout-studio .studio-blinds>div{min-width:0;padding:calc(22 * var(--tv-unit)) calc(39 * var(--tv-unit));border:calc(1 * var(--tv-unit)) solid #78899468;border-radius:calc(15 * var(--tv-unit));background:#24374799}
.tv-layout-studio .studio-blinds>div>span{font-size:calc(23 * var(--tv-unit));color:#e4c387;font-weight:750;letter-spacing:calc(1 * var(--tv-unit))}
.tv-layout-studio .studio-blinds small{font-size:calc(16 * var(--tv-unit));color:#a9b9c4;font-weight:500;margin-left:calc(13 * var(--tv-unit))}
.tv-layout-studio .studio-blind-pair{display:flex;align-items:baseline;justify-content:space-between;gap:calc(18 * var(--tv-unit));margin-top:calc(2 * var(--tv-unit));color:#fffaf0;font-variant-numeric:tabular-nums;white-space:nowrap}
.tv-layout-studio .studio-blind-pair strong{font-size:calc(109 * var(--tv-unit));font-weight:800;letter-spacing:calc(-4 * var(--tv-unit));min-width:0;overflow:hidden;text-overflow:ellipsis}
.tv-layout-studio .studio-blind-pair i{font-size:calc(67 * var(--tv-unit));font-style:normal;color:#a2b2bb}
.tv-layout-studio .studio-next>strong{display:block;font-size:calc(71 * var(--tv-unit));font-weight:800;line-height:1.42;color:#f8f3e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-layout-studio .studio-ante{font-size:calc(22 * var(--tv-unit));color:#a9b8c3}
.tv-layout-studio .studio-ante b{color:#f2ce8d;font-size:calc(27 * var(--tv-unit));margin-left:calc(10 * var(--tv-unit))}
.tv-layout-studio .studio-footer{position:absolute;top:calc(930 * var(--tv-unit));left:calc(91 * var(--tv-unit));right:calc(91 * var(--tv-unit));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20 * var(--tv-unit))}
.tv-layout-studio .studio-footer>div{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--tv-unit));padding:0 calc(18 * var(--tv-unit));border-right:calc(1 * var(--tv-unit)) solid #ffffff31;min-width:0}
.tv-layout-studio .studio-footer>div:last-child{border-right:0}
.tv-layout-studio .studio-footer span{font-size:calc(22 * var(--tv-unit));color:#b8c4cc;white-space:nowrap}
.tv-layout-studio .studio-footer strong{font-size:calc(37 * var(--tv-unit));font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-layout-studio .studio-notice{position:absolute;left:calc(90 * var(--tv-unit));right:calc(90 * var(--tv-unit));bottom:calc(30 * var(--tv-unit));text-align:center;color:#a7b4be;font-size:calc(16 * var(--tv-unit))}
.tv-layout-studio .tv-layout-connection{position:absolute;right:calc(35 * var(--tv-unit));bottom:calc(25 * var(--tv-unit));font-size:calc(13 * var(--tv-unit));color:#8fa2af}
.tv-layout-studio .tv-layout-tools{position:absolute;right:calc(50 * var(--tv-unit));top:calc(135 * var(--tv-unit));display:flex;gap:calc(8 * var(--tv-unit));z-index:6;opacity:.2;transition:opacity .15s}
.tv-layout-studio .tv-layout-tools:hover,.tv-layout-studio .tv-layout-tools:focus-within{opacity:1}
.tv-layout-studio .tv-layout-tools button{min-height:0;padding:calc(7 * var(--tv-unit)) calc(11 * var(--tv-unit));background:#0f2130;border:1px solid #9eb0ba;border-radius:calc(5 * var(--tv-unit));color:#fff;font-size:calc(16 * var(--tv-unit))}
.tv-layout-studio .tv-layout-empty{display:none;position:absolute;left:25%;right:25%;top:30%;bottom:26%;align-items:center;justify-content:center;flex-direction:column;z-index:8;text-align:center;border:calc(1 * var(--tv-unit)) solid #8293a3;background:#0d1c2de8;border-radius:calc(15 * var(--tv-unit))}
.tv-layout-studio.is-empty .tv-layout-empty{display:flex}
.tv-layout-studio.is-empty .studio-hero,.tv-layout-studio.is-empty .studio-blinds,.tv-layout-studio.is-empty .studio-footer{visibility:hidden}
.tv-layout-studio .tv-layout-empty h2{font-size:calc(50 * var(--tv-unit));color:#f6f1e8}
.tv-layout-studio .tv-layout-empty p{font-size:calc(24 * var(--tv-unit));line-height:1.5;color:#bdcbd2;margin:calc(14 * var(--tv-unit)) 0 calc(28 * var(--tv-unit))}
.tv-layout-studio .tv-layout-empty button{font-size:calc(22 * var(--tv-unit));padding:calc(15 * var(--tv-unit)) calc(24 * var(--tv-unit));border:0;background:#e2bb78;color:#142331}
.tv-layout-studio.rest .studio-current{border-color:#d9bc806e}
.tv-layout-studio.rest .studio-current>span{color:#f6d7a6}
.tv-layout-studio .studio-break-message{display:none}
.tv-layout-studio.rest .studio-blind-pair,.tv-layout-studio.rest .studio-current .studio-ante{display:none}
.tv-layout-studio.rest .studio-break-message{display:block;margin-top:calc(20 * var(--tv-unit));font-size:calc(71 * var(--tv-unit));font-weight:800;color:#fffaf0}
.tv-layout-studio.rest .studio-break-message small{display:block;margin:0;font-size:calc(27 * var(--tv-unit));font-weight:500;color:#e5c489}
.tv-layout-studio.is-paused .studio-clock{opacity:.65}
.tv-layout-studio .tv-floating-notice{position:absolute;transform:translate(-50%,-50%);z-index:5;max-width:90%;white-space:nowrap}

/* Shared black and gold controls. Later page-specific styles can refine layout. */
:root{--bg:#090908;--surface:#161410;--line:#4f432f;--text:#f4efe5;--muted:#b8ab95;--green:#dfbd7d;--gold:#dfbd7d}
body{background:#090908}
input,select,textarea{background:#11100d;border-color:#645437;color:#f4efe5}
input::placeholder,textarea::placeholder{color:#918572}
.primary-btn,button.primary{background:#dcb878;border-color:#dcb878;color:#1b150d}
.primary-btn:hover,button.primary:hover{background:#efd29a;border-color:#efd29a}
.card{background:#161410}
.mobile-shell{background:#090908;box-shadow:0 0 80px #0009}
.mobile-console-top{background:#11100d;border-color:#51432c}
.mobile-product-mark{border-color:#c5a36a;color:#f3d7a1}
.mobile-heading small{color:#b7a995}
.mobile-top-action{border-color:#7a6240;background:#1b1812;color:#edcb8b}
.mobile-top-action:hover{border-color:#dbb878;background:#2c2417}
.mobile-panel{border-color:#584831;background:#15130f}
.mobile-branding-heading p{color:#bcaf9b}
.mobile-scoreboard{border-color:#8b714985;background:radial-gradient(circle at 84% 0,#775b2b2a,transparent 45%),linear-gradient(145deg,#1e1b15,#11100d 73%);box-shadow:0 18px 42px #0008}
.mobile-board-top{color:#c7bca9}
.mobile-clock-caption,
.mobile-board-blinds small,
.mobile-board-strip{color:#b7ab97}
.mobile-board-clock,
.mobile-board-blinds strong{color:#fff8ea}
.mobile-board-blinds{border-color:#9b805243}
.mobile-board-blinds>div+div{border-color:#9b805243}
.mobile-board-blinds>div+div strong{color:#ebc989}
.mobile-board-strip b{color:#f5e9d4}
.mobile-console-tabs{border-color:#54452e}
.mobile-console-tabs button{color:#ad9f8a}
.mobile-console-tabs button.active{border-color:#d9b775;color:#f2d59d}
.mobile-section-head h2{color:#f7f1e6}
.mobile-section-head>span{color:#ad9e87}
.mobile-primary-action{background:#dfbc79!important;border-color:#dfbc79!important;color:#1b150d!important;box-shadow:0 10px 24px #b58b4530}
.mobile-primary-action:hover{background:#f0d396!important;border-color:#f0d396!important}
.orange-action{background:#221d14;border-color:#7f6844;color:#eee3d0}
.orange-action:hover{background:#302717;border-color:#b39058}
.mobile-adjust-row{border-color:#564832}
.mobile-adjust-label,
.mobile-total-row label{color:#b9ad99}
.mobile-adjust-label strong{color:#f7f1e6}
.mobile-more-controls{border-color:#655337;background:#17140f}
.mobile-more-controls[open] summary{border-color:#655337}
.mobile-break-controls{background:#1b1812!important;border-color:#6b583a!important}
.mobile-break-form label{color:#c0b09a!important}
.mobile-break-controls .muted{color:#ac9e89!important}
.mobile-form-section{border-color:#5a4b33}
.mobile-structure-row,.mobile-preset-card{background:#19160f;border-color:#6a573b}
.mobile-preset-card.is-selected{border-color:#e1be7d;box-shadow:0 0 0 1px #e1be7d44}
.mobile-preset-count{background:#342817;color:#efd29b}
.mobile-preset-actions{border-color:#594930}
.mobile-preset-actions button{background:#211b13;border-color:#6c5839;color:#eadac0}
.mobile-preset-actions button:hover{background:#312718;border-color:#ae8e57}
.poker-device-bar{background:#16130f!important;border-color:#675438!important}
.poker-device-sheet{background:#17140f!important;border-color:#806944!important}
.poker-device-row{background:#211b13!important}
.poker-device-add{background:#2a2116!important;border-color:#94774c!important}

/* Preset thumbnails match the real black and gold output. */
.screen-preset-content{border-color:#6b573a;background:#19160f}
.screen-preset-card input:checked+.screen-preset-content{border-color:#e1bf7f;background:#dbc08017}
.screen-preset-preview{background:#0d0c09;color:#f2d498}
.screen-preset-preview .screen-preset-background{filter:grayscale(1) sepia(.8) saturate(.55) brightness(.42)}
.screen-preset-preview[data-screen-preset="teal"],
.screen-preset-preview[data-screen-preset="violet"]{color:#f2d498}
.screen-preset-preview[data-screen-preset="teal"] .screen-preset-background,
.screen-preset-preview[data-screen-preset="violet"] .screen-preset-background{filter:grayscale(1) sepia(.8) saturate(.55) brightness(.42)}
.screen-preset-preview[data-screen-preset="ivory"]{background:#14120e}
.screen-preset-preview .screen-preset-image{filter:grayscale(1) sepia(.72) saturate(.58) brightness(.62) contrast(1.12)}
.screen-preset-preview[data-screen-preset="ivory"] .screen-preset-image{filter:invert(1) grayscale(1) sepia(.7) saturate(.48) brightness(.8) contrast(1.16)}
.screen-preset-preview[data-screen-preset="lounge"]{background:radial-gradient(ellipse at 50% 38%,#702238,#360915 70%,#22050e);color:#fff4e9}
.screen-preset-preview[data-screen-preset="lounge"] .screen-preset-image{filter:grayscale(1) sepia(.22) brightness(.94) contrast(1.3);mix-blend-mode:screen}
.screen-preset-caption{color:#d8b878}
.screen-preset-preview[data-screen-preset="studio"]{background:linear-gradient(145deg,#231d12,#0c0b09);border-color:#a98a58}

/* Large type Studio TV preset. */
.blue-display-page .stage.blue-stage.tv-layout-studio{--text:#f8f3e9;--muted:#b5aa98;--accent:#e1be7f;--line:#aa8a5359;background:radial-gradient(ellipse at 52% 34%,#604a2634,transparent 53%),linear-gradient(135deg,#181610,#090908 74%);color:#f8f3e9}
.tv-layout-studio .tv-layout-content:before{border-color:#b2955b31}
.tv-layout-studio .studio-header{border-color:#ae905c55}
.tv-layout-studio .studio-brand>span{color:#f9f3e7}
.tv-layout-studio .studio-wall{border-color:#a88e635e;color:#dbcdb6}
.tv-layout-studio .studio-round span,
.tv-layout-studio .studio-clock-label,
.tv-layout-studio .studio-footer span{color:#baad99}
.tv-layout-studio .studio-clock{color:#fff9ed;text-shadow:0 calc(3 * var(--tv-unit)) calc(19 * var(--tv-unit)) #0009}
.tv-layout-studio .studio-progress{background:#3b3326}
.tv-layout-studio .studio-progress i{background:linear-gradient(90deg,#ad8546,#f0d398)}
.tv-layout-studio .studio-blinds>div{border-color:#a286536b;background:#1c1913cf}
.tv-layout-studio .studio-blinds small,
.tv-layout-studio .studio-ante,
.tv-layout-studio .studio-notice,
.tv-layout-studio .tv-layout-connection{color:#b7aa95}
.tv-layout-studio .studio-blind-pair{color:#fff8ea}
.tv-layout-studio .studio-blind-pair i{color:#8f816d}
.tv-layout-studio .studio-footer>div{border-color:#a88e635e}
.tv-layout-studio .tv-layout-tools button{background:#17140d;border-color:#b19460;border-radius:calc(7 * var(--tv-unit));color:#ead3a7}
.tv-layout-studio .tv-layout-tools button:hover{background:#302619}
.tv-layout-studio .tv-layout-empty{border-color:#b19460;background:#100e0be9}
.tv-layout-studio .tv-layout-empty p{color:#c7b9a2}
.tv-layout-studio .tv-layout-empty button{border-radius:calc(7 * var(--tv-unit));background:#dfbd7d;color:#1b150d}
.tv-layout-studio .tv-layout-tools button:focus-visible,
.tv-layout-studio .tv-layout-empty button:focus-visible{outline:calc(3 * var(--tv-unit)) solid #f0d596;outline-offset:calc(3 * var(--tv-unit))}