/* NodeClash UX v4 — compact console, readable overlays, game-like screens. */
.nc-v4-hub{position:sticky;top:8px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(206,255,241,.18);border-radius:20px;background:linear-gradient(110deg,rgba(3,17,24,.92),rgba(7,39,43,.82),rgba(17,19,39,.88));backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.nc-v4-hub-title{display:grid;gap:2px;min-width:220px}.nc-v4-hub-title span{font-size:8px;letter-spacing:.2em;color:#dfffa8;font-weight:1000}.nc-v4-hub-title b{font-size:14px;color:#fff;letter-spacing:.02em}.nc-v4-hub-title small{font-size:9px;color:rgba(239,255,249,.62)}
.nc-v4-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nc-v4-tabs button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#dff7f4;border-radius:999px;padding:8px 11px;font-size:8px;font-weight:1000;letter-spacing:.1em;cursor:pointer;transition:.18s}.nc-v4-tabs button:hover,.nc-v4-tabs button.active{background:linear-gradient(135deg,rgba(104,219,255,.22),rgba(215,255,165,.13));border-color:rgba(182,241,255,.45);box-shadow:0 0 22px rgba(92,218,255,.10)}.nc-v4-tabs em{font-style:normal;color:#ffe18a;margin-left:3px}
.nc-v4-drawer{align-self:start;width:100%;overflow:hidden;border:1px solid rgba(220,255,244,.15)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(3,15,24,.9),rgba(4,11,18,.78))!important;box-shadow:0 20px 50px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.07)!important}
.nc-v4-summary{list-style:none;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:10px;min-height:58px;padding:10px 13px;cursor:pointer}.nc-v4-summary::-webkit-details-marker{display:none}.nc-v4-summary i{font-style:normal;color:#dfffa8;transition:.2s}.nc-v4-drawer[open]>.nc-v4-summary i{transform:rotate(180deg)}.nc-v4-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#e7ffb5;background:linear-gradient(145deg,rgba(102,225,255,.18),rgba(211,255,161,.11));border:1px solid rgba(223,255,241,.16);font-size:12px}.nc-v4-summary b{display:block;color:#fff;font-size:9px;letter-spacing:.12em}.nc-v4-summary small{display:block;margin-top:2px;color:rgba(236,255,249,.58);font-size:8px}.nc-v4-drawer[open]>.nc-v4-summary{border-bottom:1px solid rgba(255,255,255,.08)}.nc-v4-drawer-body{padding:13px;display:grid;gap:12px}
.play-stage-main>.nc-v4-side{min-width:0}.play-stage-main>.board-focus-wrap{min-width:0}.nc-v4-fixtures{grid-column:1/-1}.nc-v4-economy{margin-top:12px}
.nc-v4-board{position:relative;isolation:isolate}.nc-v4-board .board-focus-head,.nc-v4-board .board-command-row,.nc-v4-board .board-battle-hud,.nc-v4-board .board-slide-banner,.nc-v4-board .presentation-result{position:relative;z-index:8}.nc-v4-board .board-focus-stage{position:relative;overflow:hidden;border-radius:28px;isolation:isolate;background:rgba(3,13,20,.35)}.nc-v4-board .board-focus-stage:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,rgba(0,8,12,.32),rgba(0,8,12,.58)),var(--nc-v4-world-photo);background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.05);transform:scale(1.035);transition:background-image .8s ease,filter .8s ease}.nc-v4-board .board-focus-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 38%,transparent 18%,rgba(0,0,0,.32) 78%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 22%,transparent 78%,rgba(0,0,0,.24))}.nc-v4-board .board-focus-stage>*{position:relative;z-index:5}.nc-v4-board .board-stage-center{background:linear-gradient(180deg,rgba(5,20,25,.12),rgba(4,12,20,.22));border-color:rgba(255,255,255,.2);backdrop-filter:blur(1px)}
.nc-v4-world-lens{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 10px;border-radius:14px;background:rgba(2,9,13,.56);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.28)}.nc-v4-world-copy{min-width:0}.nc-v4-world-copy span{display:block;font-size:7px;letter-spacing:.16em;color:#dfffa8;font-weight:1000}.nc-v4-world-copy b{display:block;color:#fff;font-size:12px;text-shadow:0 2px 10px #000}.nc-v4-world-copy small{display:block;color:rgba(255,255,255,.82);font-size:8px}.nc-v4-world-actions{display:flex;gap:5px}.nc-v4-world-actions button{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-weight:900}.nc-v4-world-actions button:hover{background:rgba(119,221,255,.18)}
.nc-v4-world-rail{display:flex;gap:5px;overflow:auto;padding:6px 1px 2px;scrollbar-width:thin}.nc-v4-world-thumb{flex:0 0 56px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background-size:cover;background-position:center;cursor:pointer;opacity:.6}.nc-v4-world-thumb.active{opacity:1;border-color:#dfffa8;box-shadow:0 0 0 1px rgba(223,255,168,.25),0 0 18px rgba(98,222,255,.14)}
.nc-v4-toast{position:fixed;right:20px;top:18px;z-index:100000;min-width:260px;max-width:min(380px,calc(100vw - 40px));padding:12px 14px;border-radius:15px;border:1px solid rgba(255,219,116,.45);background:rgba(5,13,19,.94);box-shadow:0 20px 70px rgba(0,0,0,.45),0 0 30px rgba(255,210,100,.12);backdrop-filter:blur(16px);transform:translateY(-18px);opacity:0;transition:.24s}.nc-v4-toast.show{transform:translateY(0);opacity:1}.nc-v4-toast span{display:block;font-size:7px;letter-spacing:.18em;color:#ffe19a;font-weight:1000}.nc-v4-toast b{display:block;margin-top:4px;color:#fff;font-size:11px}.nc-v4-toast small{display:block;margin-top:3px;color:rgba(237,249,247,.75);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nc-v4-fixtures .nc-fixture-list{max-height:55vh;overflow:auto;padding-right:3px}.nc-v4-fixtures .nc-shape-leaders-grid{max-height:260px;overflow:auto}
@media(max-width:1100px){.nc-v4-hub{position:relative;top:auto;align-items:stretch;flex-direction:column}.nc-v4-tabs{justify-content:flex-start}}
@media(max-width:760px){.nc-v4-hub{border-radius:16px;padding:10px}.nc-v4-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.nc-v4-tabs button{padding:9px 5px}.nc-v4-world-lens{align-items:flex-start}.nc-v4-world-actions{align-self:center}.nc-v4-fixtures .nc-fixture-list{max-height:48vh}.nc-v4-toast{left:12px;right:12px;top:12px;min-width:0;max-width:none}}
@media(prefers-reduced-motion:reduce){.nc-v4-tabs button,.nc-v4-world-actions button,.nc-v4-board .board-focus-stage:before,.nc-v4-toast{transition:none}}