/* Wersja 2 · tradingdlapoczatkujacych.pl — bursztynowy terminal z parkietu lat 80.: czerń, bursztyn, panele jak monitory kineskopowe.
   Własna stylistyka „terminala finansowego”, bez nazw i znaków żadnej firmy. Działa tylko przy <html data-skin="v2">. */
html[data-skin="v2"]{background:#000}
html[data-skin="v2"] .t{--bg:#000;--panel:#050300;--panel2:#0a0600;--line:#4a3000;--ink:#ffb000;--mute:#c98a00;--amber:#ffb000;--amberInk:#000;--loss:#ff4d3d;--blue:#3ee0ff;
  background:#000;color:#ffb000;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:16px;text-shadow:0 0 3px rgba(255,176,0,.35)}
html[data-skin="v2"] .t *{border-radius:0!important;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace}
html[data-skin="v2"] .t ::selection{background:#ffb000;color:#000}
html[data-skin="v2"] .t h1,html[data-skin="v2"] .t h2,html[data-skin="v2"] .t h3,html[data-skin="v2"] .t .q{font-family:"IBM Plex Mono",monospace!important;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:#ffb000}
html[data-skin="v2"] .t h1{font-size:clamp(28px,4vw,48px);line-height:1.08;max-width:22ch}
html[data-skin="v2"] .t h2{font-size:clamp(30px,4.4vw,52px);line-height:1.02}
html[data-skin="v2"] .t .giant,html[data-skin="v2"] .t .calc-out .huge,html[data-skin="v2"] .t .cls .no,html[data-skin="v2"] .g .bal b,html[data-skin="v2"] .g h1{font-family:"VT323",monospace!important;font-weight:400;color:#ffb000;text-shadow:0 0 18px rgba(255,176,0,.7),0 0 2px #ffcf66}
html[data-skin="v2"] .t .giant{font-size:clamp(96px,30vw,400px);line-height:.78}
html[data-skin="v2"] .t .calc-out .huge{color:#ff4d3d;text-shadow:0 0 18px rgba(255,77,61,.7)}
html[data-skin="v2"] .t .eyebrow{background:#ffb000;color:#000;padding:2px 8px;display:inline-block;justify-self:start;text-shadow:none}
html[data-skin="v2"] .t .lead,html[data-skin="v2"] .t .muted,html[data-skin="v2"] .t .src{color:#c98a00}
html[data-skin="v2"] .t a{color:#ffd166}
/* monitor */
html[data-skin="v2"] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:70;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}
html[data-skin="v2"] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:71;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.6) 100%)}
/* pasek, nagłówek, F-klawisze */
html[data-skin="v2"] .t .famb{background:#000;color:#ffb000;border-bottom:1px solid #4a3000}
html[data-skin="v2"] .t .famb .tag{background:#ffb000;color:#000;border:0}
html[data-skin="v2"] .t .famb a{color:#ffd166}
html[data-skin="v2"] .t .top{background:#000;border-bottom:2px solid #ffb000}
html[data-skin="v2"] .t .logo-mark{border-color:#ffb000;background:#000}
html[data-skin="v2"] .t .logo-t b{font-family:"VT323",monospace!important;font-weight:400;font-size:34px;letter-spacing:.04em}
html[data-skin="v2"] .t .nav{display:none}
html[data-skin="v2"] .t .btn{border:1px solid #ffb000;background:#000;color:#ffb000;text-transform:uppercase;font-size:15px;letter-spacing:.04em}
html[data-skin="v2"] .t .btn-p,html[data-skin="v2"] .g .gbtn{background:#ffb000;color:#000;text-shadow:none}
html[data-skin="v2"] .t .btn:hover,html[data-skin="v2"] .g .gbtn:hover{background:#000;color:#ffb000;box-shadow:0 0 16px rgba(255,176,0,.6)}
/* panele = monitory kineskopowe z parkietu */
html[data-skin="v2"] .t .stats,html[data-skin="v2"] .t .qbox,html[data-skin="v2"] .t .calc,html[data-skin="v2"] .t .tool,html[data-skin="v2"] .t .cls,html[data-skin="v2"] .t .chat,html[data-skin="v2"] .t .check,html[data-skin="v2"] .t .card,html[data-skin="v2"] .t .prof,html[data-skin="v2"] .g .game,html[data-skin="v2"] .g .sumcard{
  background:#050300;border:10px solid #1b1712;outline:1px solid #3a3226;box-shadow:inset 0 0 40px rgba(255,176,0,.08),inset 0 0 0 1px #4a3000,0 0 0 1px #000,0 10px 30px rgba(0,0,0,.7)}
html[data-skin="v2"] .t .stat,html[data-skin="v2"] .t .calc-in,html[data-skin="v2"] .t .calc-out,html[data-skin="v2"] .g .chartbox,html[data-skin="v2"] .g .ctrl{background:#050300}
html[data-skin="v2"] .t .stats,html[data-skin="v2"] .t .calc,html[data-skin="v2"] .g .game{gap:1px;background:#4a3000}
html[data-skin="v2"] .t .stat b{font-family:"VT323",monospace!important;font-weight:400;font-size:clamp(34px,3.6vw,46px)}
html[data-skin="v2"] .t .stat b.l::before{content:"▼ "}html[data-skin="v2"] .t .stat b.g::before{content:"▲ "}
html[data-skin="v2"] .t .stat span{color:#c98a00;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
html[data-skin="v2"] .t .board{background:#000;border-bottom:1px solid #4a3000}
html[data-skin="v2"] .t .board::before{background:none}
html[data-skin="v2"] .t .live{background:#ff4d3d}
html[data-skin="v2"] .t .sec{border-color:#4a3000}
html[data-skin="v2"] .t .opt,html[data-skin="v2"] .t .seg button,html[data-skin="v2"] .t .field input[type=number],html[data-skin="v2"] .t .mail input[type=email],html[data-skin="v2"] .g .gseg button{background:#000;color:#ffb000;border:1px solid #4a3000}
html[data-skin="v2"] .t .opt:hover,html[data-skin="v2"] .t .seg button.on,html[data-skin="v2"] .g .gseg button.on{background:#ffb000;color:#000;border-color:#ffb000;text-shadow:none}
html[data-skin="v2"] .t .opt::before{content:"> "}
html[data-skin="v2"] .t .bar{background:#2a1c00}
html[data-skin="v2"] .t .bar i{background:#ffb000}
html[data-skin="v2"] .t .meter{background:#1a0805;border-color:#4a1a10}
html[data-skin="v2"] .t .calc-out{background:#0a0300}
html[data-skin="v2"] .t .kv{border-color:#4a3000}
html[data-skin="v2"] .t .field input[type=range]{accent-color:#ffb000}
html[data-skin="v2"] .t .prof b,html[data-skin="v2"] .t .cls h3,html[data-skin="v2"] .t .card h3,html[data-skin="v2"] .t .check h3,html[data-skin="v2"] .t .tool h3{font-size:22px}
html[data-skin="v2"] .t .cls p,html[data-skin="v2"] .t .prof span{color:#c98a00}
html[data-skin="v2"] .t .chat-h{background:#0a0600;border-color:#4a3000}
html[data-skin="v2"] .t .bub{background:#0a0600;border:1px solid #4a3000}
html[data-skin="v2"] .t .bub .who{color:#3ee0ff}
html[data-skin="v2"] .t .bub.me{background:#0a0600}
html[data-skin="v2"] .t .bub.me .who{color:#9dff7a}
html[data-skin="v2"] .t .flag{background:#1a0503;border-color:#ff4d3d;color:#ffb3a8}
html[data-skin="v2"] .t .ava{background:#ffb000;color:#000}
html[data-skin="v2"] .t .chat-f,html[data-skin="v2"] .t .case{border-color:#4a3000}
html[data-skin="v2"] .t .dot{background:#2a1c00}
html[data-skin="v2"] .t .card .who b,html[data-skin="v2"] .t .card .go{color:#ffd166}
html[data-skin="v2"] .t .card.hot{background:#ffb000;color:#000}
html[data-skin="v2"] .t .card.hot h3,html[data-skin="v2"] .t .card.hot .who,html[data-skin="v2"] .t .card.hot .who b,html[data-skin="v2"] .t .card.hot .go{color:#000;text-shadow:none}
html[data-skin="v2"] .t .polec .ad,html[data-skin="v2"] .t .consent{color:#c98a00;border-color:#4a3000}
html[data-skin="v2"] .t .foot{border-color:#ffb000}
html[data-skin="v2"] .t .foot a{color:#ffd166}
html[data-skin="v2"] .t .risk{border-color:#4a3000}
/* linia poleceń <GO>, F-klawisze, taśma notowań */
.term,.fkeys,.ticker{display:none}
html[data-skin="v2"] .term{display:block;background:#000;border-bottom:1px solid #4a3000;position:sticky;top:0;z-index:40}
html[data-skin="v2"] .term .wrap{display:grid;gap:6px;padding-block:8px}
html[data-skin="v2"] .term form{display:flex;align-items:center;gap:8px}
html[data-skin="v2"] .term label{background:#ffb000;color:#000;font-weight:700;padding:2px 8px;text-shadow:none}
html[data-skin="v2"] .term input{flex:1;min-width:0;background:#0a0600;border:1px solid #4a3000;color:#ffb000;font:inherit;font-size:17px;padding:6px 10px;text-transform:uppercase;caret-color:#ffb000;outline:none}
html[data-skin="v2"] .term button.go{min-height:40px;padding:0 14px;background:#1f9d3a;color:#000;border:0;font:inherit;font-weight:700;cursor:pointer;text-shadow:none}
html[data-skin="v2"] .term .out{margin:0;white-space:pre-wrap;color:#ffd166;font-size:14px;max-height:9em;overflow:auto}
html[data-skin="v2"] .term .out:empty{display:none}
html[data-skin="v2"] .fkeys{display:block;background:#000;border-bottom:1px solid #4a3000}
html[data-skin="v2"] .fkeys .wrap{display:flex;gap:6px;flex-wrap:wrap;padding-block:8px}
html[data-skin="v2"] .fkeys button{min-height:40px;padding:0 12px;background:#d9a400;color:#000;border:0;border-bottom:3px solid #6b5100;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-shadow:none}
html[data-skin="v2"] .fkeys button b{background:#000;color:#ffb000;padding:0 4px;margin-right:6px;font-size:12px}
html[data-skin="v2"] .fkeys button.red{background:#c43a2a;border-bottom-color:#5e1a12}
html[data-skin="v2"] .fkeys button.green{background:#1f9d3a;border-bottom-color:#0d4a1a}
html[data-skin="v2"] .fkeys button:active{transform:translateY(2px);border-bottom-width:1px}
html[data-skin="v2"] .ticker{display:block;background:#0a0600;border-bottom:1px solid #4a3000;overflow:hidden;white-space:nowrap;font-size:14px}
html[data-skin="v2"] .ticker .run{display:inline-block;padding:6px 0}
@media (prefers-reduced-motion:no-preference){html[data-skin="v2"] .ticker .run{animation:tick 45s linear infinite}}
@keyframes tick{to{transform:translateX(-50%)}}
html[data-skin="v2"] .ticker .it{margin-right:28px}
html[data-skin="v2"] .ticker .dn{color:#ff4d3d}
html[data-skin="v2"] .ticker .up{color:#3ee0ff}
/* gra: automat z lat 80. */
.arcade{display:none}
html[data-skin="v2"] .arcade,html[data-skin="v3"] .arcade{display:flex}
.arcade{align-items:center;gap:14px;flex-wrap:wrap;font-weight:700}
.arcade .pegs{display:flex;gap:6px}
.arcade .pegs i{width:16px;height:16px;border-radius:50%!important;display:block;box-shadow:inset -2px -2px 0 rgba(0,0,0,.35)}
.arcade .pegs i:nth-child(1){background:#ffd23f}.arcade .pegs i:nth-child(2){background:#2f6fe0}.arcade .pegs i:nth-child(3){background:#e63946}.arcade .pegs i:nth-child(4){background:#2bb24c}
html[data-skin="v2"] .arcade{color:#000;background:#ffb000;padding:8px 12px;text-shadow:none;font-size:14px}
html[data-skin="v2"] .g .gseg.two button{min-height:76px;font-family:"VT323",monospace!important;font-size:34px;font-weight:400}
html[data-skin="v2"] .g .gseg button.up{border-color:#1f9d3a;color:#3ee0ff}
html[data-skin="v2"] .g .gseg button.dn{border-color:#c43a2a;color:#ff4d3d}
html[data-skin="v2"] .g .gseg button.up.on{background:#1f9d3a;color:#000}
html[data-skin="v2"] .g .gseg button.dn.on{background:#c43a2a;color:#000}
html[data-skin="v2"] .g .chart{background:linear-gradient(rgba(255,176,0,.12) 1px,transparent 1px) 0 0/100% 64px,#000;border:2px solid #4a3000;transition:box-shadow .3s,border-color .3s}
html[data-skin="v2"] .g .game[data-res="win"] .chart,html[data-skin="v3"] .g .game[data-res="win"] .chart{border-color:#3ee0ff;box-shadow:0 0 0 2px #3ee0ff,0 0 34px rgba(62,224,255,.6)}
html[data-skin="v2"] .g .game[data-res="loss"] .chart,html[data-skin="v3"] .g .game[data-res="loss"] .chart,html[data-skin="v2"] .g .game[data-res="liq"] .chart,html[data-skin="v3"] .g .game[data-res="liq"] .chart{border-color:#ff4d3d;box-shadow:0 0 0 2px #ff4d3d,0 0 34px rgba(255,77,61,.6)}
.clock{display:none}
html[data-skin="v2"] .clock,html[data-skin="v3"] .clock{display:grid;place-items:center;width:84px;height:84px;border-radius:50%!important;justify-self:center;font-family:"VT323",monospace!important;font-size:44px;line-height:1;background:conic-gradient(var(--clk,#ffb000) calc(var(--p,1)*360deg),#2a1c00 0);position:relative}
html[data-skin="v2"] .clock::after,html[data-skin="v3"] .clock::after{content:"";position:absolute;inset:7px;border-radius:50%!important;background:#000}
html[data-skin="v2"] .clock span,html[data-skin="v3"] .clock span{position:relative;z-index:1}
html[data-skin="v2"] .clock small,html[data-skin="v3"] .clock small{position:absolute;bottom:14px;z-index:1;font:600 10px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.strip{display:none}
html[data-skin="v2"] .strip,html[data-skin="v3"] .strip{display:flex;gap:4px;flex-wrap:wrap}
.strip i{font-style:normal;min-width:58px;padding:6px 6px;text-align:center;font:700 14px/1 "IBM Plex Mono",monospace}
.strip i.w{background:#0d3b4a;color:#3ee0ff;border:1px solid #3ee0ff}
.strip i.l{background:#3a0f0a;color:#ff7a6b;border:1px solid #ff4d3d}
.strip i.s{background:#1a1a1a;color:#888;border:1px solid #444}
html[data-skin="v2"] .g .hline.en span{background:#ffb000}
html[data-skin="v2"] .g .res{background:#000}
html[data-skin="v2"] .g .share{background:#ffb000}
html[data-skin="v2"] .g .seo a{border-color:#4a3000;color:#ffb000}
/* przełącznik wersji */
.skin-switch{position:fixed;right:max(10px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:4px;padding:4px;background:#14181d;border:1px solid #2a313a;border-radius:999px;font:600 12px/1 "JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;color:#eef0f3;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.skin-switch span{padding:0 6px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.skin-switch button{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#eef0f3;font:inherit;cursor:pointer}
.skin-switch button.on{background:#f6a823;color:#1a1100}
html[data-skin="v2"] .skin-switch{background:#000;border-color:#ffb000;border-radius:0;color:#ffb000}
html[data-skin="v2"] .skin-switch button{border-radius:0;color:#ffb000}
html[data-skin="v2"] .skin-switch button.on{background:#ffb000;color:#000}
@media (max-width:640px){html[data-skin="v2"] .fkeys button{font-size:12px;padding:0 8px}html[data-skin="v2"] .fkeys button b{display:none}}