body {
  background: #000;
  margin: 0;
  overflow: hidden;
}

#c {
  background: #000;
  display: block;
  margin: auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  width: 100vmin;
  height: 100vmin;
  filter: contrast(80%) brightness(95%);
}

#c.i {
  filter: contrast(60%) brightness(30%) sepia(60%) saturate(666%) hue-rotate(190deg);
}

#c.g {
  filter: contrast(80%) brightness(80%) sepia(60%) saturate(666%) hue-rotate(71deg);
}

#c.a {
  filter: contrast(90%) brightness(80%) sepia(60%) saturate(999%) hue-rotate(345deg);
}

*{box-sizing:border-box}body{background:#102622 url(island.webp) center/cover fixed;color:#ecedcf;font-family:system-ui,sans-serif;overflow:auto}body:before{content:"";position:fixed;inset:0;background:#071b19dc;z-index:-1}main{max-width:1200px;margin:auto;min-height:100vh;display:grid;grid-template-columns:320px 1fr;gap:48px;padding:36px}.eyebrow,.playtop,h2{font-size:11px;letter-spacing:2px;color:#d7b777;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:46px;line-height:1.05;margin:25px 0}h1 span{display:block;font-size:26px;color:#d7b777;margin-top:9px}.lead{line-height:1.6;color:#c0cec5}.island{width:100%;height:136px;object-fit:cover;border-radius:12px;border:1px solid #6e7a59;margin:16px 0}#status{font-size:13px;font-weight:700;padding:14px 0;border-block:1px solid #49615a}#radio,details{font-size:14px;line-height:1.6;color:#c7d5c7}summary{cursor:pointer;color:#e1c38b}details{margin-top:22px}.credit{font-size:11px;line-height:1.8;color:#8fa79d;margin-top:26px}a{color:#c8b988}.play{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.playtop{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}button{background:#27443c;border:1px solid #577366;color:#f2efd7;padding:12px 15px;border-radius:9px;font-weight:650;cursor:pointer}button:hover{background:#385c4f}button:focus-visible,summary:focus-visible{outline:3px solid #efc66c;outline-offset:3px}.primary{background:#b79856;color:#10221b}.controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px}.vertical{display:flex;flex-direction:column;gap:5px}.controls button{min-width:44px;min-height:44px}.hint{font-size:12px;color:#8da99b;text-align:center}#c{width:min(100%,65vh);height:auto;aspect-ratio:1;border:1px solid #546d60;box-shadow:0 20px 70px #0007;touch-action:none;border-radius:8px}#restartConfirm{position:absolute;background:#183a30;border:1px solid #e3c082;border-radius:14px;padding:24px;max-width:340px;box-shadow:0 10px 60px #000b}#restartConfirm[hidden]{display:none}@media(max-width:800px){main{display:flex;flex-direction:column;padding:18px;gap:18px}.brief{display:contents}.eyebrow,.lead,.island,.credit{display:none}h1{font-size:28px;margin:0}h1 span{display:inline;font-size:20px;margin-left:12px}#status{order:1}h2,#radio{display:none}.play{order:2}details{order:3;margin:0}#c{width:min(100%,58vh)}.playtop{margin:0 0 10px}.controls{margin-top:12px;gap:6px}.controls button{padding:10px}.hint{margin:9px 0}.vertical{flex-direction:row}.playtop button{padding:8px 10px}}