#rr-night-shift { --ns-bg:#121218; --ns-panel:#1c1c25; --ns-ink:#f8f6ee; --ns-muted:#bfbdcc; --ns-border:#393844; --ns-lime:#e6fc76; --ns-black:#1b210e; --ns-paper:#f2e9d5; --ns-paper-ink:#28251e; width:min(690px, calc(100% - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:0; border:1px solid var(--ns-border); border-radius:20px; background:var(--ns-bg); color:var(--ns-ink); overscroll-behavior:contain; }
  #rr-night-shift *, #rr-night-shift *::before, #rr-night-shift *::after { box-sizing:border-box; }
  #rr-night-shift [hidden] { display:none !important; }
  #rr-night-shift .ns-game { background:var(--ns-bg); color:var(--ns-ink); overflow:hidden; }
  #rr-night-shift .ns-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px clamp(13px, 3vw, 24px); min-height:55px; border-bottom:1px solid var(--ns-border); }
  #rr-night-shift::backdrop { background:#060609cf; }
  #rr-night-shift .ns-header-actions { display:flex; align-items:center; gap:12px; }
  #rr-night-shift .ns-brand { display:flex; align-items:center; gap:5px; font-size:13px; font-weight:850; letter-spacing:-.025em; }
  #rr-night-shift .ns-mark { display:inline-grid; place-items:center; width:29px; height:29px; margin-right:4px; color:var(--ns-lime); border:1px solid var(--ns-lime); border-radius:50%; font-size:17px; }
  #rr-night-shift .ns-brand > span, #rr-night-shift h2 span { color:var(--ns-lime); }
  #rr-night-shift .ns-table { color:var(--ns-muted); font:650 11px ui-monospace,monospace; letter-spacing:.13em; white-space:nowrap; }
  #rr-night-shift .ns-content { padding:clamp(14px, 3.3vw, 27px); background:radial-gradient(ellipse at 0% 0%, #28302166, transparent 56%),var(--ns-bg); }
  #rr-night-shift .ns-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:12px 18px; flex-wrap:wrap; margin-bottom:22px; }
  #rr-night-shift h2, #rr-night-shift h3, #rr-night-shift p, #rr-night-shift blockquote { margin:0; color:inherit; }
  #rr-night-shift h2 { font-size:clamp(30px, 6vw, 51px); line-height:1; font-weight:850; letter-spacing:-.072em; }
  #rr-night-shift .ns-intro p { color:var(--ns-muted); font-size:13px; line-height:1.45; margin-top:7px; }
  #rr-night-shift .ns-intro .ns-episode { color:var(--ns-lime); font-size:12px; font-weight:700; margin:0 0 8px; }
  #rr-night-shift .ns-progress { display:grid; gap:7px; min-width:100px; color:var(--ns-muted); font-size:12px; }
  #rr-night-shift .ns-progress div { display:grid; grid-template-columns:repeat(3, 1fr); gap:5px; }
  #rr-night-shift .ns-progress i { height:4px; border-radius:4px; background:var(--ns-border); }
  #rr-night-shift .ns-progress i.ns-current { background:var(--ns-lime); }
  #rr-night-shift .ns-round { display:grid; grid-template-columns:minmax(144px, .75fr) minmax(0, 1.65fr); align-items:start; gap:clamp(12px, 3.2vw, 23px); }
  #rr-night-shift .ns-receipt { min-width:0; padding:15px 13px 22px; color:var(--ns-paper-ink); background:var(--ns-paper); clip-path:polygon(0 0,100% 0,100% 100%,95% 97%,90% 100%,85% 97%,80% 100%,75% 97%,70% 100%,65% 97%,60% 100%,55% 97%,50% 100%,45% 97%,40% 100%,35% 97%,30% 100%,25% 97%,20% 100%,15% 97%,10% 100%,5% 97%,0 100%); font-family:ui-monospace,Consolas,monospace; }
  #rr-night-shift .ns-receipt-head { display:flex; justify-content:space-between; gap:5px; flex-wrap:wrap; font-size:11px; font-weight:750; letter-spacing:.02em; padding-bottom:10px; border-bottom:1px dashed #746d5b; }
  #rr-night-shift .ns-dashes { font-size:12px; letter-spacing:.045em; margin:13px 0; opacity:.70; }
  #rr-night-shift .ns-receipt-lines { display:grid; gap:6px; border-top:1px dashed #746d5b; padding-top:10px; }
  #rr-night-shift .ns-receipt-lines p { display:flex; flex-wrap:wrap; justify-content:space-between; gap:3px 7px; font-size:13px; }
  #rr-night-shift .ns-barcode { margin-top:17px; width:80%; height:23px; background:repeating-linear-gradient(90deg,#3b372c 0 2px,transparent 2px 4px,#3b372c 4px 5px,transparent 5px 9px,#3b372c 9px 13px,transparent 13px 15px,#3b372c 15px 16px,transparent 16px 19px); }
  #rr-night-shift h3 { font-size:clamp(20px, 3.6vw, 25px); font-weight:800; letter-spacing:-.04em; line-height:1.12; }
  #rr-night-shift blockquote { margin-top:9px; background:var(--ns-panel); border-left:2px solid var(--ns-lime); padding:10px 12px; border-radius:0 8px 8px 0; font-size:14px; line-height:1.4; }
  #rr-night-shift cite { display:block; font-size:11px; color:var(--ns-muted); font-style:normal; margin-top:5px; }
  #rr-night-shift fieldset { padding:0; border:0; margin:13px 0 0; min-width:0; }
  #rr-night-shift legend { padding:0; margin-bottom:7px; color:var(--ns-muted); font-size:12px; }
  #rr-night-shift .ns-choices { display:grid; gap:5px; }
  #rr-night-shift button { font-family:inherit; }
  #rr-night-shift button:disabled { cursor:default; }
  #rr-night-shift button:focus-visible { outline:2px solid var(--ns-lime); outline-offset:3px; }
  #rr-night-shift .ns-choice { display:flex; align-items:center; justify-content:space-between; text-align:left; gap:8px; min-height:39px; color:var(--ns-ink); background:var(--ns-panel); border:1px solid var(--ns-border); border-radius:8px; padding:7px 10px; font-size:13px; line-height:1.25; }
  #rr-night-shift .ns-choice:not(:disabled):hover { border-color:var(--ns-lime); }
  #rr-night-shift .ns-choice[aria-pressed=true] { border-color:var(--ns-lime); background:#303620; }
  #rr-night-shift .ns-choice span:last-child { white-space:nowrap; }
  #rr-night-shift .ns-choice[aria-pressed=true] span:last-child { color:var(--ns-lime); }
  #rr-night-shift .ns-response { margin-top:9px; padding:8px 10px; border-radius:7px; background:var(--ns-panel); color:var(--ns-ink); font-size:13px; line-height:1.4; }
  #rr-night-shift .ns-actions { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; margin-top:12px; }
  #rr-night-shift .ns-action { min-height:41px; border:1px solid transparent; border-radius:8px; padding:7px 11px; font-size:12px; font-weight:750; }
  #rr-night-shift .ns-primary { display:inline-flex; align-items:center; justify-content:center; gap:9px; color:var(--ns-black); background:var(--ns-lime); }
  #rr-night-shift .ns-primary:disabled { opacity:.58; }
  #rr-night-shift .ns-primary:not(:disabled):hover { background:#f2ffa7; }
  #rr-night-shift .ns-quiet { background:transparent; color:var(--ns-muted); }
  #rr-night-shift .ns-quiet:hover { color:var(--ns-lime); }
  #rr-night-shift .ns-ending { display:grid; justify-items:start; gap:10px; padding:12px 0 5px; }
  #rr-night-shift .ns-ending ul { margin:0; padding-left:19px; line-height:1.55; }
  #rr-night-shift .ns-ending blockquote { margin:0; }
  @media (max-width:510px) {
    #rr-night-shift .ns-round { grid-template-columns:1fr; }
    #rr-night-shift .ns-intro { margin-bottom:14px; }
    #rr-night-shift .ns-receipt { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:7px 13px; padding:9px 11px 13px; }
    #rr-night-shift .ns-receipt-head { grid-column:1/-1; padding-bottom:5px; }
    #rr-night-shift .ns-dashes { margin:4px 0; }
    #rr-night-shift .ns-receipt-lines { padding:0; border:0; }
    #rr-night-shift .ns-barcode { display:none; }
    #rr-night-shift .ns-choice, #rr-night-shift .ns-action { min-height:44px; }
  }