/* Dartava Option 4 runtime surfaces. Loaded after the approved visual system. */
button[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}.clickable{display:block;width:100%;text-align:left;color:inherit}.system-check{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.system-check b{font-size:15px}.system-check span{color:var(--aqua2);font-size:12px;font-weight:950;letter-spacing:.08em}.mini-actions{display:flex;gap:6px;margin-top:9px}.mini-actions button{border:1px solid var(--line);background:#07171c;color:var(--aqua2);border-radius:8px;padding:6px 8px;font-size:11px;font-weight:900}.form-error{min-height:22px;color:#ff969d;font-size:14px;font-weight:750}.auth-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.auth-links button{border:0;background:transparent;color:var(--aqua2);font-size:13px;font-weight:850;padding:7px}.billing-cycle,.owner-periods{display:flex;justify-content:center;gap:8px;margin:16px 0 6px}.billing-cycle button,.owner-periods button{min-height:42px;border:1px solid var(--line);background:#07181d;color:var(--muted);border-radius:10px;padding:0 16px;font-weight:900;font-size:13px}.billing-cycle button[data-selected="1"],.owner-periods button[data-selected="1"]{background:var(--aqua);border-color:var(--aqua);color:#031113}.option4-toast{position:fixed;z-index:300000;left:50%;bottom:28px;transform:translate(-50%,24px);max-width:min(560px,calc(100vw - 28px));padding:13px 18px;border:1px solid #2a6c75;border-radius:12px;background:#081a1f;color:#f6ffff;font-weight:850;box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.18s ease}.option4-toast[data-show="1"]{opacity:1;transform:translate(-50%,0)}.option4-toast[data-tone="error"]{border-color:#8c3e47;background:#281116;color:#ffd5d8}

.option4-match{display:block;min-height:calc(100vh - 150px);padding:10px 0 28px}.match-topline{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 15px;padding:12px 2px}.match-topline h1{font-size:clamp(34px,4vw,58px);line-height:.95;margin:7px 0 0;letter-spacing:-.04em}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.match-score-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.match-player,.match-vs{min-height:205px;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(145deg,#0b2229,#071419);padding:22px;display:flex;flex-direction:column;justify-content:center;text-align:center}.match-player.active{border-color:var(--aqua);box-shadow:inset 0 0 0 1px rgba(39,224,210,.2),0 0 40px rgba(39,224,210,.08)}.match-player small,.match-vs small{color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.12em}.match-player h2{font-size:24px;margin:8px 0 4px}.match-player strong{font-size:clamp(68px,8vw,118px);line-height:.82;color:var(--aqua2);font-weight:1000;letter-spacing:-.06em}.match-player span{margin-top:13px;color:var(--muted)}.match-vs{width:190px}.match-vs strong{font-size:38px;margin:14px 0}.match-message{margin:12px 0;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:#07191e;text-align:center}.match-message small{display:block;color:var(--aqua2);font-weight:900;letter-spacing:.11em}.match-message b{display:block;font-size:27px;margin:3px 0}.match-message span{color:var(--muted)}.match-message p{min-height:22px;margin:7px 0 0;color:#d7ffff;font-weight:900}.dart-console{max-width:970px;margin:0 auto;border:1px solid var(--line-soft);border-radius:18px;background:#07161b;padding:15px}.dart-pending{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}.dart-pending span{min-height:54px;display:grid;place-items:center;border:1px solid #25505a;border-radius:11px;background:#0a2026;font-size:22px;font-weight:1000}.mult-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.mult-row button{min-height:46px;border:1px solid var(--line);border-radius:10px;background:#0a2026;font-weight:900}.mult-row button[data-selected="1"]{background:var(--aqua);color:#031113;border-color:var(--aqua)}.segment-grid{display:grid;grid-template-columns:repeat(11,minmax(48px,1fr));gap:6px}.segment-grid button{min-height:50px;border:1px solid var(--line-soft);border-radius:9px;background:#0b2228;font-size:17px;font-weight:950}.segment-grid button:hover{border-color:var(--aqua);background:#0c2c33}.segment-grid .special{color:var(--aqua2);border-color:#2d6a72}.match-actions{display:flex;gap:8px;margin-top:10px}.match-actions .btn{flex:1}.match-finish{margin:12px auto 0;max-width:760px;padding:34px;text-align:center;border:1px solid #2a6670;border-radius:18px;background:radial-gradient(circle at 50% 10%,rgba(39,224,210,.16),transparent 42%),#08191e}.match-finish h2{font-size:38px;margin:8px 0}.trophy-big{font-size:58px}.bot-entry{max-width:620px;margin:0 auto;padding:23px;border:1px solid var(--line);border-radius:16px;background:#08191f;display:grid;gap:13px}.bot-entry label:first-child{display:grid;gap:7px;font-size:12px;font-weight:900;letter-spacing:.1em}.bot-entry input[type="number"]{min-height:70px;border:1px solid #2b6f78;background:#041115;color:var(--text);border-radius:12px;padding:0 18px;font-size:34px;font-weight:1000}.bot-entry .check{display:flex;align-items:center;gap:9px}.bot-entry .check input{width:20px;height:20px}.bot-wait{min-height:140px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--aqua2);font-size:20px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #1b4750;border-top-color:var(--aqua);animation:option4-spin .75s linear infinite}@keyframes option4-spin{to{transform:rotate(360deg)}}

.room-code{font-size:clamp(46px,8vw,86px);font-weight:1000;letter-spacing:.08em;color:var(--aqua2);margin:12px 0}.room-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left}.room-row:last-child{border-bottom:0}.room-row strong,.room-row small{display:block}.room-row small{color:var(--muted);margin-top:2px}.room-row>b{color:var(--aqua2);font-size:17px;letter-spacing:.08em}.night-create{max-width:900px}.night-create>.btn{margin-top:12px}

.messages-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.inbox-list{padding:16px;min-height:560px}.inbox-list>button{display:grid;width:100%;gap:3px;padding:14px 12px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left}.inbox-list>button[data-active="1"]{background:#0b2a31;border-radius:10px;border-bottom-color:transparent}.inbox-list>button strong{font-size:15px}.inbox-list>button span,.inbox-list>button small{color:var(--muted);font-size:12px}.thread{min-height:560px;padding:20px;display:grid;grid-template-rows:auto 1fr auto}.thread header h2{font-size:28px;margin:5px 0 14px}.bubbles{overflow:auto;max-height:520px;padding:5px 2px 18px;display:flex;flex-direction:column;gap:9px}.bubbles article{max-width:76%;padding:11px 13px;border-radius:13px;background:#0c252c;border:1px solid var(--line-soft)}.bubbles article[data-mine="1"]{align-self:flex-end;background:#0b3438;border-color:#28747b}.bubbles article b{font-size:12px;color:var(--aqua2)}.bubbles article p{margin:4px 0}.bubbles article small{color:var(--muted2)}.thread form{display:grid;grid-template-columns:1fr auto;gap:8px}.thread form input{min-height:50px;border:1px solid var(--line);background:#06171c;color:var(--text);border-radius:11px;padding:0 14px;font-size:16px}

.owner-periods{justify-content:flex-start}.owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.owner-metric{padding:19px;min-height:118px}.owner-metric span{display:block;color:var(--muted);font-size:13px;font-weight:850}.owner-metric strong{display:block;font-size:32px;margin-top:7px}.owner-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.owner-row:last-child{border-bottom:0}.owner-row strong,.owner-row small{display:block}.owner-row small,.owner-row time{color:var(--muted);font-size:12px}.owner-row time{white-space:nowrap}.owner-row>b{font-size:18px;color:var(--aqua2)}

.option4-modal{position:fixed;z-index:250000;inset:0;background:rgba(2,8,10,.86);backdrop-filter:blur(12px);display:none;padding:24px;overflow:auto}.option4-modal[data-open="1"]{display:block}.option4-modal-card{width:min(1180px,100%);margin:20px auto;background:#07171c;border:1px solid #28626c;border-radius:20px;box-shadow:var(--shadow);padding:22px}.option4-modal-card>header{display:flex;justify-content:space-between;align-items:center;gap:14px}.option4-modal-card>header h2{font-size:32px;margin:5px 0}.option4-modal-card>header>button{width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:#0b2026;font-size:24px}.all-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.all-games button{min-height:116px;border:1px solid var(--line-soft);border-radius:12px;background:#091b20;text-align:left;padding:14px}.all-games button:hover{border-color:var(--aqua)}.all-games strong,.all-games span,.all-games small{display:block}.all-games strong{font-size:18px}.all-games span{color:var(--aqua2);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.all-games small{color:var(--muted);margin-top:5px}

@media(max-width:1100px){.segment-grid{grid-template-columns:repeat(7,1fr)}.owner-metrics{grid-template-columns:repeat(2,1fr)}.all-games{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.match-score-grid{grid-template-columns:1fr 1fr}.match-vs{grid-column:1/-1;width:auto;min-height:105px;order:-1}.messages-layout{grid-template-columns:1fr}.inbox-list,.thread{min-height:auto}.all-games{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.option4-match{padding-bottom:82px}.match-topline{align-items:flex-start;flex-direction:column}.match-topline .head-actions{width:100%}.match-topline .head-actions .btn{flex:1;min-width:30%;padding:0 8px;font-size:12px}.match-score-grid{grid-template-columns:1fr 1fr;gap:8px}.match-player{min-height:158px;padding:14px 9px}.match-player h2{font-size:17px}.match-player strong{font-size:56px}.match-player span{font-size:12px}.match-vs{min-height:85px}.match-vs strong{font-size:28px;margin:5px 0}.match-message{padding:14px 10px}.match-message b{font-size:21px}.dart-console{padding:10px}.dart-pending span{min-height:48px;font-size:18px}.segment-grid{grid-template-columns:repeat(5,1fr)}.segment-grid button{min-height:48px}.match-finish{padding:24px 14px}.match-finish h2{font-size:30px}.owner-periods,.billing-cycle{overflow:auto;justify-content:flex-start}.owner-metrics{grid-template-columns:1fr 1fr}.owner-metric{padding:14px}.owner-metric strong{font-size:25px}.thread{padding:14px}.bubbles article{max-width:88%}.all-games{grid-template-columns:1fr}.option4-modal{padding:8px}.option4-modal-card{margin:6px auto;padding:14px}.option4-toast{bottom:84px}.mini-actions{flex-direction:column}.mini-actions button{width:100%}}
