/* Personal-site Damicom palette. This file is not part of the itch release. */
:root{
  --room:#1c281f;
  --ink:#e3e8dc;
  --muted:#a6b39f;
  --gold:#bddb9b;
  --line:#46583f;
  --panel:#233328;
  --panel-hover:#2e4330;
  --label-paper:#e1e9d7;
  --label-ink:#26372e;
  scrollbar-color:#7c9865 #1c281f;
}
body{
  background:radial-gradient(ellipse at 30% 34%,#293b2b 0%,#1c281f 60%,#17211a);
  scrollbar-color:#7c9865 #1c281f;
}
.masthead{border-bottom-color:var(--line)}
.cartridge-drawer{
  background:#18231b;
  border-color:#506348;
  border-top-color:#657d55;
  box-shadow:inset 0 3px 12px #0b140c77,0 1px 0 #bed49b26;
}
.drawer-heading{background:#293b2b;color:var(--muted);border-bottom-color:var(--line)}
.drawer-heading span:last-child{color:var(--gold)}
.cartridge-shelf{scrollbar-color:#7c9865 #18231b}
.cartridge-shelf::-webkit-scrollbar-track{background:#18231b;border-left-color:var(--line)}
.cartridge-shelf::-webkit-scrollbar-thumb{background:#7c9865;border-color:#18231b}
.cartridge-shelf::-webkit-scrollbar-thumb:hover{background:#bddb9b}
.compatibility-controls select{color:var(--ink);background:#293b2b;border-color:#506348}
.sideload,html.embed .library{border-color:var(--line)}
.status{color:var(--muted)}

/* UI surfaces use the site's palette; the cabinet, controller, and cover art stay intact. */
:root::-webkit-scrollbar{width:11px;height:11px}
:root::-webkit-scrollbar-track{background:var(--room)}
:root::-webkit-scrollbar-thumb{background:#7c9865;border:3px solid var(--room);border-radius:8px}
:root::-webkit-scrollbar-corner{background:var(--room)}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:var(--gold)}
.brand-stripes{background:linear-gradient(#bddb9b 0 30%,transparent 30% 35%,#809c67 35% 65%,transparent 65% 70%,#4c6a48 70%)}
.screen-overlay{color:var(--ink)}
.screen-overlay h2{text-shadow:0 0 12px #bddb9b30}
.screen-overlay p,.screen-eyebrow,.channel{color:#bdcfad}
.screen-foot{color:#a6b39f99}
.screen-play{background:var(--gold);color:#19231a;box-shadow:0 3px 0 #526b45}
.screen-play:active{box-shadow:0 1px 0 #526b45}
.pause-overlay{background:#122017e8}
.pause-overlay button{background:var(--panel);color:var(--ink)}
.dial-caption{background:#19271e;color:#c5d9b3}
.connection-dot{background:var(--gold);box-shadow:0 0 5px #bddb9b66}
.connection-keys{color:var(--muted)}
.transport,.library,.game-notes,footer{border-color:var(--line)}
.transport button{color:#c9dbb8}
.transport button:hover:not(:disabled){background:var(--panel-hover);color:var(--ink)}
.cartridge{
  background:linear-gradient(100deg,#555c56,#606760 5%,#464d47 95%);
  border-color:#899187;
  border-bottom-color:#303731;
  box-shadow:0 5px 8px #09140c66,inset 0 2px 0 #d2d8cd30;
}
.cartridge::before{border-top-color:#343c35;border-bottom-color:#c6cebf44}
.cartridge:hover{box-shadow:0 9px 16px #09140c99,inset 0 2px 0 #d2d8cd30}
.cartridge[aria-pressed=true]{outline-color:var(--gold)}
.cartridge:focus-visible{outline-color:var(--gold)}
.cartridge-label{background:var(--label-paper);color:var(--label-ink);box-shadow:0 0 0 1px #14271b80}
.cart-series{background:var(--label-paper);color:#344a35;border-bottom-color:#7f9967}
.cart-copy{border-top-color:#7f9967}
.cart-title{color:var(--label-ink)}
.cart-subtitle{color:#4c6247}
.cart-bottom{color:#c2d2b3}
.cart-bottom span:last-child,.cartridge[aria-pressed=true] .cart-action{color:var(--gold)}
.sideload{background:var(--panel);color:var(--ink);border-color:#658058}
.sideload>span{color:var(--gold)}
.sideload small{color:var(--muted)}
.sideload:hover{background:var(--panel-hover)}
.game-notes p{color:#bfceb1}
.game-notes .game-controls,.privacy-note,footer{color:var(--muted)}
.game-notes{scrollbar-color:#7c9865 #18231b}
.footer-dot{color:var(--gold)}
dialog{background:#202f23;color:var(--ink);border-color:#526a49;border-bottom-color:#30452e}
dialog::backdrop{background:#0c140dde}
dialog a,dialog .eyebrow,.dialog-close{color:var(--gold)}
.key-guide{border-color:var(--line)}
.battery-actions button{background:var(--gold);color:#19231a;border-color:#657e52;box-shadow:0 3px 0 #43583a}
.battery-detail{color:var(--muted)}
#battery-status{color:var(--ink);background:#2e4130;border-left-color:var(--gold)}
#frame-tools button{background:var(--panel);color:var(--gold)}
#frame-tools button:hover{background:var(--panel-hover)}
.compatibility-controls select:focus-visible{outline-color:var(--gold)}
.dragging .television{outline-color:var(--gold)}

/* Clip the baked-in brown backdrop around the original 1280×854 cabinet.
   Its layout box stays identical, preserving the screen and dial hit areas. */
.cabinet{
  border-radius:0;
  clip-path:polygon(
    2.58% 3.5%,97.42% 3.5%,97.42% 88.9%,95.2% 88.9%,
    94.85% 93.2%,94.5% 95.9%,90.05% 95.9%,89.5% 93.5%,
    10.75% 93.5%,10% 95.9%,5.55% 95.9%,5.2% 92.5%,
    5% 88.9%,2.58% 88.9%
  );
}
@media(forced-colors:active){
  .cartridge,.cartridge-label,.cart-series,.sideload,.screen-play,dialog{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  .cartridge[aria-pressed=true],button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:Highlight}
  .cart-title,.cart-subtitle,.cart-bottom,.sideload small{color:CanvasText}
}

/* A pale green room for the site's light theme, with a dark cartridge alcove. */
:root[data-theme="light"]{--room:#dce9c8;--ink:#20352a;--muted:#52694f;--gold:#557d43;--line:#9bb88b;--panel:#d1e2bc;--panel-hover:#bdd6a5;scrollbar-color:#8da97b #dce9c8}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 32% 25%,#edf4dc,#d9eac5 65%,#c3dbb1);scrollbar-color:#8da97b #dce9c8}
:root[data-theme="light"] .library{--ink:#e3e8dc;--muted:#a6b39f;--gold:#bddb9b;--line:#46583f;--panel:#233328;--panel-hover:#2e4330;background:#1c281f;color:var(--ink);border:1px solid #46583f;border-radius:6px}
:root[data-theme="light"] .screen-overlay{color:#e3e8dc}
:root[data-theme="light"] .screen-play{background:#bddb9b}
:root[data-theme="light"] .transport button{color:#36533b}
:root[data-theme="light"] .transport button:hover:not(:disabled){background:#c0d8ae;color:#20352a}
:root[data-theme="light"] .compatibility-controls select{background:#eff5e6;color:#20352a;border-color:#9bb88b}
:root[data-theme="light"] .game-notes p{color:#405c42}
:root[data-theme="light"] dialog{--ink:#e3e8dc;--muted:#a6b39f;--gold:#bddb9b;--panel:#233328;--panel-hover:#2e4330;color:var(--ink)}

/* In the wide embedded layout, use the room itself around the drawer in both themes. */
@media(min-width:760px){
  html.embed[data-theme="light"] .library{
    --ink:#20352a;--muted:#52694f;--gold:#557d43;--line:#9bb88b;--panel:#d1e2bc;--panel-hover:#bdd6a5;
    color:var(--ink);background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;
  }
  html.embed[data-theme="light"] .cartridge-drawer,
  html.embed[data-theme="light"] .sideload{
    --ink:#e3e8dc;--muted:#a6b39f;--gold:#bddb9b;--line:#46583f;--panel:#233328;--panel-hover:#2e4330;
  }
}


:root[data-theme="light"]:not(.embed) .library{padding:14px}

/* The game glass is an input surface, not selectable document content. */
.television, .television *, .cartridge, .cartridge * {
  user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent;
}
#emulator-mount iframe { user-select:none; -webkit-user-select:none; }