@font-face{font-family:'NIBM';font-display:swap;
src:url('../../font/Nouveau_IBM.woff2')format('woff2'),
    url('../../font/Nouveau_IBM.woff')format('woff'),
    url('../../font/Nouveau_IBM.ttf')format('truetype');
font-weight:500;font-style:normal}

:root,html.commodore{
--win:#ece7d8;--ink:#1a1712;--faint:#f6f2e6;--acc:#c01414;--sel-fg:#ffffff;
--bar:#c7c2ad;--bar-ink:#1a1712;--line:#9a927a;--shadow:rgba(0,0,0,.4);--glow:none;
--desk:#40318d;--dith:#4b3da6;--frame:#2a2170;--tbar:#40318d;--tink:#cfc7f2;--sel-bg:#40318d}
html.gray {--desk:#6f6f6f;--dith:#808080;--frame:#3a3a3a;--tbar:#454545;--tink:#efefef;--sel-bg:#454545}
html.red  {--desk:#7a1e1e;--dith:#8f2a2a;--frame:#4a0f0f;--tbar:#611515;--tink:#ffe0e0;--sel-bg:#611515}
html.green  {--desk:#1c5a24;--dith:#246b2c;--frame:#0e3414;--tbar:#16481c;--tink:#dfffe0;--sel-bg:#16481c}
html.orange{--desk:#8a4a10;--dith:#a05a18;--frame:#532c08;--tbar:#6e3a0c;--tink:#ffe8cf;--sel-bg:#6e3a0c}
html.pink   {--desk:#94366a;--dith:#a8447c;--frame:#5c2242;--tbar:#7a2b57;--tink:#ffe0f0;--sel-bg:#7a2b57}
html.azure{--desk:#14577a;--dith:#1a688f;--frame:#0c3348;--tbar:#114a67;--tink:#d8f2ff;--sel-bg:#114a67}
html.yellow {--desk:#7f6f10;--dith:#948014;--frame:#4a4108;--tbar:#6a5c0c;--tink:#fff6cf;--sel-bg:#6a5c0c}
html.autumn{--desk:#7a3d10;--dith:#8f4a16;--frame:#46230a;--tbar:#6a350c;--tink:#ffe0bf;--sel-bg:#6a350c}
html.easter {--desk:#6a4c90;--dith:#7a5aa8;--frame:#3f2d5e;--tbar:#574080;--tink:#efe6ff;--sel-bg:#574080}
html.xmas   {--desk:#0a3a12;--dith:#0a3a12;--frame:#7a1414;--tbar:#14571f;--tink:#ffffff;--sel-bg:#7a1414}
html.grad1  {--desk:#6a0a5a;--dith:#6a0a5a;--frame:#3a0a3a;--tbar:#6a0a5a;--tink:#ffffff;--sel-bg:#6a0a5a}

html.amber{
--desk:#100a00;--dith:#241800;--win:#181000;--ink:#ffb020;
--frame:#8a5e00;--tbar:#3a2600;--tink:#ffd070;--acc:#fff0b0;
--sel-bg:#ffb020;--sel-fg:#100a00;--shadow:rgba(0,0,0,.6);
--bar:#2a1c00;--bar-ink:#ffce7a;--line:#5a3d00;--faint:#241800;--glow:0 0 4px rgba(255,176,32,.45)}
html.phosphor{
--desk:#001000;--dith:#002800;--win:#001a00;--ink:#3bff70;--frame:#128a34;
--tbar:#053012;--tink:#9dffb2;--acc:#d6ffdd;--sel-bg:#3bff70;--sel-fg:#001000;
--shadow:rgba(0,0,0,.6);--bar:#04240f;--bar-ink:#9dffb2;--line:#0c5a22;
--faint:#002800;--glow:0 0 4px rgba(59,255,112,.4)}

:root{
--nibm:'NIBM',ui-monospace,'Courier New',monospace;
--fs:17px;--lh:1.6;--ss:.5em;--sm:1em;--sl:2em;
--bg:var(--win);--text:var(--ink);--white:var(--win);--black:var(--ink);
--gray:var(--line);--lightgray:var(--faint);--primary:var(--acc);--secondary:var(--frame);
--bgprimary:var(--tbar);--fgprimary:var(--tink);--borradius:0;--borwidth:1px;
--borcolor:var(--frame);--sh:none;--transition:0s;--fontmonospace:var(--nibm)}

*,*::before,*::after{transition:none;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
html.mai{text-transform:uppercase}html.min{text-transform:lowercase}

html{background:var(--desk)}
html,body{color:var(--ink);font-family:var(--nibm);font-size:var(--fs);
line-height:var(--lh);height:auto;min-height:100%}
body{margin:0;background-color:var(--desk);
background-image:
 linear-gradient(45deg,var(--dith) 25%,transparent 25% 75%,var(--dith) 75%),
 linear-gradient(45deg,var(--dith) 25%,transparent 25% 75%,var(--dith) 75%);
background-size:4px 4px;background-position:0 0,2px 2px;
padding:0 0 3em}
a,a:link,a:visited{color:var(--ink);text-decoration:none;border-bottom:1px dotted currentColor}
a:hover,a:focus,a:link:hover,a:visited:hover{background:var(--sel-bg);color:var(--sel-fg);border-bottom-color:transparent;outline:none}
::selection{background:var(--sel-bg);color:var(--sel-fg)}

html.amber body::after,html.phosphor body::after{content:"";position:fixed;
inset:0;z-index:60;pointer-events:none;
background:repeating-linear-gradient(rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}

html.xmas body{background:#0a3a12 url('../../img/xmas.png') repeat;image-rendering:pixelated}
html.grad1 body{background:linear-gradient(160deg,#c8e600 0%,#94096a 62%) fixed}

.menubar{position:sticky;top:0;z-index:40;display:flex;align-items:center;
gap:1.2em;background:var(--bar);color:var(--bar-ink);
border-bottom:1px solid var(--line);padding:.25em 1em;flex-wrap:wrap}
.menubar .sys{color:var(--acc)}
.menubar .brand{font-weight:500;letter-spacing:.05em;margin-right:.6em}
.mi{color:var(--bar-ink);border:0;padding:.05em .5em}
.mi b{font-weight:500;color:var(--acc)}
.mi:hover,.mi:focus{background:var(--sel-bg);color:var(--sel-fg)}
.mi:hover b{color:var(--sel-fg)}

.desktop{max-width:64em;margin:0 auto;padding:1.4em 1.2em 0}

.win{position:relative;background:var(--win);color:var(--ink);
border:3px double var(--frame);box-shadow:.5em .5em 0 var(--shadow);
margin:0 0 1.6em;text-shadow:var(--glow)}

.tbar{background:var(--tbar);color:var(--tink);padding:.15em .7em;
display:flex;align-items:center;gap:.5em;border-bottom:1px solid var(--frame);
letter-spacing:.04em;white-space:nowrap;overflow:hidden}
.tbar .close{color:var(--acc);font-weight:500}
.tbar .title{overflow:hidden;text-overflow:ellipsis}
.tbar .cur{display:inline-block;width:.55em;height:1em;background:var(--tink);
vertical-align:-.12em;margin-left:.1em;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.win>.content{padding:.7em 1em}

.panes{display:flex;gap:1.2em}
.panes .win{flex:1;margin-bottom:1.6em;min-width:0}
.pane .content{padding:.3em 0}

.docrow{display:flex;align-items:stretch}
.docrow>.content{flex:1;min-width:0;padding:1em 1.3em 1.3em}
.vscroll{width:1.15em;background:var(--bar);border-left:1px solid var(--frame);
display:flex;flex-direction:column;align-items:center;justify-content:space-between;
color:var(--frame);font-size:.85em;line-height:1.2;padding:.2em 0}
.vscroll .tk{flex:1;width:100%;
background:repeating-linear-gradient(var(--line) 0 2px,transparent 2px 4px)}
.vscroll .grip{color:var(--tbar)}

article{font-family:var(--nibm)}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin:1em 0 .4em;
letter-spacing:.02em;color:var(--ink)}
h1{font-size:1.7em}h2{font-size:1.4em}h3{font-size:1.18em}
h1::before,h2::before{content:"\2593\2592\2591 ";color:var(--acc);opacity:.6;font-size:.7em;vertical-align:.15em}
article>h1:first-child,article>h2:first-child{margin-top:.1em}
p{margin:0 0 var(--sm)}
strong,b{font-weight:500;color:var(--acc)}
em,i{font-style:normal;background:var(--sel-bg);color:var(--sel-fg);padding:0 .15em}
blockquote{margin:var(--sm) 0 var(--sm) 1em;padding-left:1em;
border-left:3px double var(--frame);opacity:.92}
code,pre{font-family:var(--nibm)}
pre{background:var(--desk);color:var(--tink);border:1px solid var(--frame);
padding:var(--sm);overflow-x:auto;box-shadow:inset 2px 2px 0 var(--shadow)}
code{background:var(--faint);padding:0 .3em}
pre code{background:none;padding:0;color:inherit}
hr{border:0;border-top:1px solid var(--frame);
background:repeating-linear-gradient(90deg,var(--frame) 0 4px,transparent 4px 8px);
height:1px;margin:var(--sl) 0}
img{max-width:100%;height:auto;border:1px solid var(--frame);
padding:3px;background:var(--faint);image-rendering:pixelated}
img[src*="smile"]{border:0;padding:0;background:none;vertical-align:-.2em}
ul,ol{margin:0 0 var(--sm);padding-left:1.6em}
li{margin:.1em 0}

.nclist{list-style:none;margin:0;padding:0}
.nclist li{margin:0}
.nclist li::marker{content:""}
.nclist a{display:block;border:0;padding:.12em .7em .12em 1.5em;position:relative;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nclist a::before{content:"\2022";position:absolute;left:.6em;color:var(--acc)}
.nclist a:hover,.nclist a:focus{background:var(--sel-bg);color:var(--sel-fg)}
.nclist a:hover::before,.nclist a:focus::before{content:"\25BA";color:var(--sel-fg)}
table{width:100%;border-collapse:collapse;margin:var(--sm) 0}
th,td{border:1px solid var(--frame);padding:.25em .5em;text-align:left}
th{background:var(--tbar);color:var(--tink);font-weight:500}
.byline{margin-top:var(--sl);color:var(--ink);opacity:.7}
.byline::before{content:"\2500\2500 ";color:var(--frame)}

.etichetta{display:none}

label{display:block;margin:var(--sm) 0 .2em;color:var(--ink)}
input,textarea,select{width:100%;font-family:var(--nibm);font-size:1em;
color:var(--ink);background:var(--faint);border:1px solid var(--frame);
box-shadow:inset 1px 1px 0 var(--shadow);border-radius:0;padding:.3em .45em;margin-bottom:var(--ss)}
input:focus,textarea:focus,select:focus{outline:1px solid var(--acc);outline-offset:-1px}
textarea{min-height:6em}
.btn,a.btn,button,input[type=submit],.bt,.dd{width:auto;font-family:var(--nibm);
font-size:1em;color:var(--ink);background:var(--bar);cursor:pointer;
border:2px solid;border-color:var(--faint) var(--frame) var(--frame) var(--faint);
box-shadow:.2em .2em 0 var(--shadow);padding:.25em 1.1em;border-radius:0}
.btn:hover,button:hover,.bt:hover,.dd:hover,.btn:focus,button:focus,.bt:focus,.dd:focus{
background:var(--sel-bg);color:var(--sel-fg);border-color:var(--frame) var(--faint) var(--faint) var(--frame);
box-shadow:none;outline:none;position:relative;top:.1em;left:.1em}
.bt.active{background:var(--ink);color:var(--win)}
.bt.full{background:var(--tbar);color:var(--tink)}

.opini{margin:var(--sm) 0}
.opini .card{border:0;border-left:3px double var(--frame);background:transparent;
box-shadow:none;border-radius:0;padding:.15em 0 .15em .8em;margin:0 0 var(--sm)}
.opini .card strong{color:var(--acc);font-weight:500}
.opini .card p{margin:.2em 0 0}
.card{background:var(--faint);border:1px solid var(--frame);box-shadow:none;border-radius:0;padding:var(--sm)}

.dice{margin:var(--sm) 0}
.dice .lead,.dice .note{color:var(--ink);margin-bottom:var(--ss)}
.dadi{display:inline-flex;gap:.8em;margin-top:var(--ss)}
.dd{padding:.5em;line-height:0}
.dado{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:3px;width:2.1em;height:2.1em;vertical-align:middle}
.dado i{display:block;background:transparent}
.dado i.on{background:var(--acc)}
.dd:hover .dado i.on,.dd:focus .dado i.on{background:var(--sel-fg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.menu{display:flex;flex-wrap:wrap;gap:.4em;margin:var(--sm) 0 var(--sl)}
.msg{border-left:3px double var(--acc);padding-left:.8em;margin:var(--sm) 0;color:var(--acc)}
.msg.no{border-left-color:var(--frame)}
.box{border:1px solid var(--frame);padding:var(--sm);margin:0 0 var(--sm)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sm)}
.off{font-size:.9em;margin:.3em 0 0}
.off label{display:inline}.off input{width:auto;margin-right:.4em}
fieldset{border:1px solid var(--frame);border-radius:0;padding:var(--sm);margin:0 0 var(--sm);min-width:0}
legend{color:var(--acc);padding:0 .5em}
.doc-list,.doc{min-width:0}
ul.doc{list-style:none;margin:0 0 var(--sm);padding:0}
ul.doc li{display:grid;grid-template-columns:1.2em 1fr 1fr;gap:.5em;align-items:baseline;font-size:.9em;padding:1px 0}
ul.doc .sig{color:var(--acc)}
ul.doc .ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.doc .fmt{opacity:.7}
.tag{color:var(--acc);margin:var(--sl) 0 var(--ss)}
.note{font-size:.9em;opacity:.85;line-height:1.5;border-left:1px solid var(--frame);padding-left:.8em;margin:var(--sm) 0}

.tot{display:flex;flex-wrap:wrap;gap:var(--sm) var(--sl);margin:var(--sm) 0 var(--sl)}
.unam{display:flex;flex-direction:column}
.totv{font-family:var(--nibm);font-size:1.8em;line-height:1;color:var(--tink);
background:var(--desk);border:1px solid var(--frame);box-shadow:inset 1px 1px 0 var(--shadow);
padding:.15em .4em;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.tote{color:var(--acc);font-size:.85em;margin-top:.35em}
.chart{margin:0 0 var(--sl)}.chart .tag{margin:0 0 var(--ss)}
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14em,1fr));column-gap:var(--sl)}
.charts .tag{min-height:2.2em}
.bars{list-style:none;margin:0;padding:0}
.bars li{display:grid;grid-template-columns:minmax(0,7em) 1fr auto;align-items:center;gap:.5em;padding:2px 0;font-size:.9em}
.bnam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbar{display:block;background:var(--faint);height:.7em;border:1px solid var(--frame)}
.bbar i{display:block;height:100%;background:var(--acc)}
.bval{font-family:var(--nibm);opacity:.8;font-variant-numeric:tabular-nums}
.bars li:hover .bbar i{background:var(--sel-bg)}
.cols{list-style:none;margin:0;padding:0 0 1.5em;position:relative;display:flex;align-items:stretch;gap:2px;height:8em}
.cols::after{content:"";position:absolute;left:0;right:0;bottom:1.5em;height:1px;background:var(--frame)}
.cols li{flex:1;position:relative;min-width:2px}
.cols i{position:absolute;left:0;right:0;bottom:0;background:var(--acc)}
.cols li:hover i{background:var(--sel-bg)}
.clab{display:none}
.cols li:nth-child(5n+1) .clab{display:block;position:absolute;top:100%;left:-1em;right:-1em;margin-top:.35em;text-align:center;font-size:.72em;opacity:.6}

.statusbar{position:fixed;left:0;right:0;bottom:0;z-index:50;
display:flex;flex-wrap:wrap;align-items:center;gap:.4em 1.1em;
background:var(--bar);color:var(--bar-ink);border-top:1px solid var(--line);
padding:.12em .8em;font-size:.82em}
.fkeys{display:flex;gap:.9em;flex-wrap:wrap}
.fk{border:0;color:var(--bar-ink);padding:0}
.fk b{font-weight:500;color:var(--bar-ink)}
.fk i{font-style:normal;background:var(--tbar);color:var(--tink);padding:0 .35em;margin-left:.15em}
.fk:hover i,.fk:focus i{background:var(--acc);color:var(--win)}
.sysinfo{opacity:.8}.sysinfo .d{color:var(--acc);margin:0 .15em}
.sw{margin-left:auto;display:flex;align-items:center;gap:.5em}
.sw a{border:0;padding:0 .25em}
.sw .k{padding:0 .3em;border:1px solid var(--line)}
.sw .active{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bg)}
.crt{display:inline-block;width:.85em;height:.85em;border:1px solid var(--line);vertical-align:middle}
.crt.active{outline:1px solid var(--acc);outline-offset:1px}
.crt.auto{background:conic-gradient(#40318d 0 25%,#7a3d10 0 50%,#14571f 0 75%,#6a0a5a 0)}
.tema-sel{display:inline-flex;align-items:center;gap:.3em}
.tema-sel select{width:auto;font-family:var(--nibm);font-size:12px;color:var(--bar-ink);
background:var(--faint);border:1px solid var(--line);border-radius:0;padding:0 .2em}
.tema-sel noscript a{padding:0 .2em}

@media(max-width:720px){
:root{--fs:16px}
.panes{flex-direction:column;gap:0}
.desktop{padding:1em .6em 0}
.win{box-shadow:.35em .35em 0 var(--shadow)}
.two,.charts{grid-template-columns:1fr}
.statusbar{font-size:.78em;justify-content:center}
.sw{margin-left:0}
ul.doc li{grid-template-columns:1.2em 1fr}ul.doc .fmt{grid-column:2}
.vscroll{display:none}
}