/* ACID PRESS · the skin for every room on cryptocreatives.io (5 Nov 2026, his ask: "all of it now needs to go into the same style").
   It rides on each room's own tokens: the rooms were built on CSS variables, so this file re-points the variables to the
   system (black phosphor ground, the coin's gold as the ink, acid as the one signal, the pixel face for display, mono for the
   rest, no radius) and adds the house details: grain, scanlines, vignette, the crosshair, the katakana, the ROOMS button.
   It loads after the room's own style, so same-strength rules here win. The room's logic is untouched. */
@font-face{font-family:"DotGothic16";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dotgothic16-japanese-400-normal.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+FF00-FFEF,U+4E00-9FAF,U+2000-206F,U+2190-21FF}
@font-face{font-family:"DotGothic16";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dotgothic16-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  /* ground and panels (every name the rooms use) */
  --ground:#070807;--bg:#070807;--bg2:#0c0d0b;--panel:#0c0d0b;--panel2:#121310;--panel3:#181a16;--p1:#0c0d0b;--p2:#121310;--p3:#181a16;--p4:#1e201b;--well:#030303;--clip:#2a2410;
  --line:rgba(230,181,48,.16);--line2:rgba(230,181,48,.32);--glass:rgba(24,26,22,.62);--tick:rgba(230,181,48,.5);
  --ink-2:rgba(236,238,228,.72);--ink-3:rgba(236,238,228,.5);--ink-4:rgba(236,238,228,.32);--goldhi:#f3e18c;--good:#8dff3a;
  /* data categories stay apart without a blue: ETH is paper, programs grey, burn the dark gold */
  --c-sol:#e6b530;--c-eth:#ede6d3;--c-pool:#a0730f;--c-prog:#5b6158;--c-burn:#2a2410;
  /* ink */
  --ink:#eceee4;--tx:#eceee4;--ink2:#9aa094;--tx2:rgba(236,238,228,.62);--ink3:#5b6158;--tx3:rgba(236,238,228,.38);--dim:rgba(236,238,228,.6);--faint:rgba(236,238,228,.36);
  /* the coin's gold, acid as the signal, alarm for danger */
  --gold:#e6b530;--gold2:#f3e18c;--goldrgb:230,181,48;--champ:#f3e18c;--ongold:#070807;--on-gold:#070807;--fx:#a0730f;--ruby:#ff3b30;--danger:#ff3b30;--acid:#8dff3a;
  /* faces: display = the pixel face, everything else mono */
  --serif:"DotGothic16","VT323",monospace;--display:"DotGothic16","VT323",monospace;--pixel:"DotGothic16","VT323",monospace;
  --sans:"JetBrains Mono",ui-monospace,Consolas,monospace;--ui:"JetBrains Mono",ui-monospace,Consolas,monospace;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --r:0;--radius:0;--s:0;
  /* the studio kit's and the radio's frame names */
  --f1:#181a16;--f2:#0c0d0b;--f3:#070807;--fhi:rgba(230,181,48,.18);--fedge:#000;--ftx:#eceee4;--ftx2:rgba(236,238,228,.55);--r1:#0f100e;--r2:#070807;--btn1:#1e201b;--btn2:#0c0d0b;--wedge:rgba(230,181,48,.08);--o:#e6b530;--oh:#f3e18c;--orgb:230,181,48;--bg1:#0c0d0b;
  --f-serif:"DotGothic16","VT323",monospace;--f-display:"DotGothic16","VT323",monospace;--f-sans:"JetBrains Mono",ui-monospace,Consolas,monospace;--f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--sg:"DotGothic16","VT323",monospace;
  /* the store's and gravity's names */
  --goldh:#f3e18c;--copper:#a0730f;--bronze:#5c3f1a;--cream:#ede6d3;--eth:#ede6d3;--up:#8dff3a;--c0:#e6b530;--c1:#f3e18c;--c2:#a0730f;--c3:#ede6d3;--c4:#5b6158;
  color-scheme:dark}
html,body{background-color:#070807}
body{background-image:none}
/* the pixel face is lighter than a serif: give display lines a little more size and no italics */
h1,h2,h3,.h1,.h2,h1 *,h2 *,h3 *{font-style:normal!important;letter-spacing:.01em}
h1,h2,.h1,.h2{color:var(--gold)}
em,i{font-style:normal}
/* the dress, not just the ink: hard edges with one chamfer on every control, the pixel face on every heading, tab and button */
button,input,select,textarea,a[class*="btn"],[class*="pill"],[class*="chip"],[class*="tab"],[class*="btn"],[class*="card"],[class*="panel"],[class*="tile"],[class*="box"],[class*="tag"],[class*="badge"],[class*="modal"],[class*="sheet"],[class*="menu"],[class*="toast"],[class*="well"],[class*="stage"],[class*="list"],[class*="row"],[class*="field"],[class*="input"],[class*="dd"],[class*="pane"],[class*="drawer"],[class*="bar"]{border-radius:0!important}
button,[class*="btn"],[role="button"],[class*="pill"],[class*="chip"],[class*="tab"]{font-family:var(--pixel)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.04em;font-style:normal!important}
button:not([class*="round"]):not([class*="circle"]):not([class*="orb"]):not([class*="icon"]),[class*="btn"]:not([class*="round"]):not([class*="circle"]){clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
h1,h2,h3,h4,[class*="title"],[class*="headline"],[class*="brand"],[class*="logo"] span,nav a,[class*="nav"] a,[class*="tabs"] a,legend,summary{font-family:var(--pixel)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.03em;font-style:normal!important}
img,video,canvas,svg,[class*="avatar"],[class*="coin"],[class*="led"],[class*="dot"],[class*="orb"],[class*="round"],[class*="circle"]{border-radius:initial}
[class*="avatar"],[class*="led"],[class*="dot"],[class*="orb"],[class*="round"],[class*="circle"]{border-radius:50%!important}
/* hazard tape under any page header, the house mark */
header,[class*="topbar"],[class*="header"]:not(html):not(body){position:relative}
header::after,[class*="topbar"]::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:4px;background:repeating-linear-gradient(-45deg,#e6b530 0 10px,#070807 10px 20px);opacity:.8;pointer-events:none;z-index:2}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
::selection{background:var(--gold);color:#070807}
/* the house overlays (added by acid.js) */
.ap-ov{position:fixed;inset:0;pointer-events:none}
.ap-scan{z-index:9990;mix-blend-mode:multiply;opacity:.06;background:repeating-linear-gradient(0deg,#000 0 2px,transparent 2px 4px)}
.ap-grain{z-index:9989;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
.ap-vig{z-index:9988;background:radial-gradient(ellipse at center,transparent 64%,rgba(0,0,0,.4) 100%)}
.ap-kata{position:fixed;right:max(8px,env(safe-area-inset-right,0px));top:22%;writing-mode:vertical-rl;font-family:var(--pixel);font-size:44px;line-height:1;color:rgba(230,181,48,.09);letter-spacing:.08em;z-index:9987;pointer-events:none;user-select:none}
#ap-xh{position:fixed;left:0;top:0;pointer-events:none;z-index:9995;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--gold);mix-blend-mode:difference;opacity:0;display:none}
#ap-xh i{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border:1px solid var(--gold);border-radius:50%}
#ap-xh em{position:absolute;left:-1px;top:-6px;width:1px;height:12px;background:var(--gold)}
#ap-xh em.h{left:-6px;top:-1px;width:12px;height:1px}
#ap-xh span{position:absolute;left:14px;top:10px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){#ap-xh{display:block}body.ap-cursor{cursor:none}body.ap-cursor *{cursor:none!important}}
/* the ROOMS button and sheet, the same as the homepage's */
#ap-rooms{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:9996;font-family:var(--pixel);font-size:14px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#070807;background:var(--gold);border:0;padding:9px 12px 7px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));box-shadow:0 0 0 2px #070807}
#ap-rooms:hover{background:var(--acid)}
#ap-sheet{position:fixed;inset:0;z-index:9997;background:rgba(7,8,7,.97);display:none;flex-direction:column;padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));font-family:var(--mono)}
#ap-sheet.open{display:flex}
#ap-sheet .hd{display:flex;justify-content:space-between;align-items:center;font-family:var(--pixel);font-size:18px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
#ap-sheet .hd button{font:inherit;color:var(--gold);background:none;border:1px solid rgba(230,181,48,.4);padding:6px 12px;cursor:pointer}
#ap-sheet .doors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}
#ap-sheet .doors a{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:84px;padding:10px 12px;text-decoration:none;color:#070807;background:var(--gold);font-family:var(--pixel);font-size:24px;line-height:1;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
#ap-sheet .doors a i{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.14em;color:rgba(7,8,7,.7)}
#ap-sheet .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;overflow:auto}
#ap-sheet .grid a{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:56px;padding:10px 12px;text-decoration:none;color:var(--gold);font-family:var(--pixel);font-size:20px;line-height:1;text-transform:uppercase;border:1px solid rgba(230,181,48,.3);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
#ap-sheet .grid a:hover,#ap-sheet .grid a:active{background:var(--gold);color:#070807}
#ap-sheet .grid a i{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.14em;color:var(--ink3)}
#ap-sheet .ft{margin-top:12px;color:var(--ink3);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
@media (max-width:700px){#ap-sheet .doors{grid-template-columns:1fr}#ap-sheet .doors a{min-height:64px}.ap-kata{font-size:30px}}
@media (prefers-reduced-motion:reduce){.ap-scan,.ap-grain{display:none}}