/* 影騎士と紙の姫: ライセンス・謝辞ページ。色と枠はゲーム本体 ( css/game.css ) の紙・墨・灯りと、ドットの切り欠き枠に合わせている */
:root{
  --bg:#22130c;--panel:#2f1b12;--panel2:#3d2418;--line:#6a3f26;--text:#f5e2bf;--muted:#caa27a;
  --gold:#f0b04c;--gold-ink:#2b1508;--ghost:#9fe6b4;--frame:#120804;
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#160c07;--panel:#241409;--panel2:#331d12;--line:#5e3720;--text:#f3dfbd;--muted:#c29a72;}
}
:root[data-theme="dark"]{--bg:#160c07;--panel:#241409;--panel2:#331d12;--line:#5e3720;--text:#f3dfbd;--muted:#c29a72;}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);
  background-image:radial-gradient(ellipse 70% 360px at 50% 0,rgba(240,176,76,.14),transparent 70%);background-repeat:no-repeat;
  font-family:"DotGothic16","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-size:14px;line-height:1.9;letter-spacing:.03em;
  padding:32px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}
.sheet{width:min(100%,680px);margin:0 auto;background:var(--panel);padding:28px 26px 26px;
  box-shadow:0 -4px 0 var(--line),0 4px 0 var(--line),-4px 0 0 var(--line),4px 0 0 var(--line),10px 14px 0 rgba(0,0,0,.5)}
header{text-align:center;padding-bottom:18px;border-bottom:3px dotted var(--line)}
header img{display:block;width:min(100%,288px);height:auto;margin:6px auto 0;image-rendering:pixelated;image-rendering:crisp-edges;
  filter:drop-shadow(3px 3px 0 var(--frame))}
h1{margin:14px 0 0;font-weight:normal;font-size:20px;letter-spacing:.2em;color:var(--gold)}
.lead{margin:8px 0 0;color:var(--muted);font-size:13px}
h2{display:flex;align-items:center;gap:10px;margin:36px 0 12px;font-weight:normal;font-size:17px;letter-spacing:.14em;color:var(--text)}
h2 .no{font-size:12px;background:var(--gold);color:var(--gold-ink);padding:1px 8px 2px;letter-spacing:.1em;
  box-shadow:0 -2px 0 #ffd58a,0 2px 0 #b97a24,-2px 0 0 #e09a3a,2px 0 0 #e09a3a}
p{margin:0 0 1em}
.note{font-size:13px;color:var(--muted)}
.work{margin:0 0 14px;background:var(--panel2);padding:12px 14px 10px;box-shadow:0 -2px 0 var(--line),0 2px 0 var(--line),-2px 0 0 var(--line),2px 0 0 var(--line)}
.work .ttl{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px}
.work .ttl b{font-weight:normal;font-size:16px;color:var(--gold)}
.work .ttl .tag{font-size:11px;letter-spacing:.14em;color:var(--gold-ink);background:var(--muted);padding:0 8px 1px}
.work dl{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;margin:0;font-size:13px}
.work dt{color:var(--muted);white-space:nowrap}
.work dd{margin:0;min-width:0;overflow-wrap:anywhere}
.thanks{margin:16px 0 0;padding:14px 18px;background:var(--frame);box-shadow:0 -2px 0 var(--line),0 2px 0 var(--line),-2px 0 0 var(--line),2px 0 0 var(--line)}
.thanks .tag{display:block;margin:0 0 .3em;color:var(--gold);font-size:12px;letter-spacing:.24em}
.thanks p{font-size:13.5px;line-height:2}
.thanks p:last-child{margin-bottom:0}
a{color:var(--text);text-underline-offset:3px;text-decoration-color:rgba(245,226,191,.4)}
a:hover{color:var(--gold);text-decoration-color:var(--gold)}
a:focus-visible{outline:2px solid var(--ghost);outline-offset:2px}
.actions{display:flex;justify-content:center;gap:14px;margin-top:36px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 22px 10px;font-size:15px;text-decoration:none;color:var(--text);background:var(--panel2);
  box-shadow:0 -3px 0 var(--line),0 3px 0 var(--line),-3px 0 0 var(--line),3px 0 0 var(--line),0 6px 0 rgba(0,0,0,.45)}
.btn.primary{background:var(--gold);color:var(--gold-ink);box-shadow:0 -3px 0 #ffd58a,0 3px 0 #b97a24,-3px 0 0 #e09a3a,3px 0 0 #e09a3a,0 6px 0 rgba(0,0,0,.45)}
.btn:hover{color:var(--gold)}.btn.primary:hover{color:var(--gold-ink);filter:brightness(1.06)}
.btn:active{transform:translateY(3px)}
footer{margin-top:30px;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.12em}
footer p{margin:0}
footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--gold)}
@media (max-width:480px){body{padding-top:20px}.sheet{padding:22px 16px 22px}.work dl{grid-template-columns:1fr;gap:0}.work dt{margin-top:4px}}