@font-face{font-family:'DSFallback';src:local('Georgia');}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;background:#0b0a09;}
body{font-family:'Georgia','Songti SC','STSong',serif;color:#e8dcc0;-webkit-font-smoothing:antialiased;}
#stage{position:fixed;inset:0;}
canvas#game{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:none;}

.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;
  background:radial-gradient(ellipse at 50% 40%,#241d16 0%,#0d0b09 75%);z-index:10;}
.overlay.hidden{display:none;}
#loading{background:#0d0b09;z-index:40;}
.load-txt{font-size:22px;letter-spacing:6px;color:#8e7f61;animation:pulse 1.6s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}

.title-art{text-align:center;filter:drop-shadow(0 6px 0 rgba(0,0,0,.6));}
.ds-logo{display:flex;flex-direction:column;align-items:center;line-height:.92;}
.ds-logo .l1{font-size:56px;letter-spacing:12px;color:#e9dcbe;transform:rotate(-2deg);}
.ds-logo .l2{font-size:104px;letter-spacing:6px;color:#e9dcbe;text-shadow:0 5px 0 #4a3826,0 8px 14px rgba(0,0,0,.7);transform:rotate(1deg);}
.ds-logo .l3{margin-top:18px;font-size:15px;letter-spacing:10px;color:#9c8a63;}

.menu{display:flex;flex-direction:column;gap:14px;}
.woodbtn{cursor:pointer;font-family:inherit;font-size:19px;letter-spacing:5px;color:#f0e6cc;
  padding:12px 46px;border:none;border-radius:3px;
  background:linear-gradient(#7a5a37,#4e3822);
  box-shadow:inset 0 1px 0 #a5824f, inset 0 -2px 0 #2c1e12, 0 4px 0 #201509, 0 6px 12px rgba(0,0,0,.55);
  transition:transform .07s, filter .12s;}
.woodbtn:hover{filter:brightness(1.15);transform:translateY(-1px);}
.woodbtn:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #a5824f,0 1px 0 #201509;}
.hint{font-size:13px;color:#6f6247;letter-spacing:2px;}

.scroll-panel,.dead-box{max-width:640px;padding:34px 44px;text-align:left;
  background:linear-gradient(#ded0ab,#c8b68c);color:#2e2418;border-radius:6px;
  box-shadow:0 0 0 3px #3b2c1c,0 14px 30px rgba(0,0,0,.6);}
.scroll-panel h2,.dead-box h2{font-size:28px;letter-spacing:8px;margin-bottom:16px;text-align:center;color:#2b2015;}
.scroll-panel ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:15px;}
.scroll-panel li b{color:#5e3f1d;}
.scroll-panel .warn{margin:18px 0;font-size:14px;color:#6b3d24;text-align:center;line-height:1.7;}
.scroll-panel .woodbtn,.dead-box .woodbtn{display:block;margin:6px auto 0;}
.dead-box{text-align:center;}
.dead-box p{font-size:16px;margin:8px 0;}
#dead{background:radial-gradient(ellipse at 50% 45%,#2a0f0b 0%,#000 80%);}
#dead h2{color:#7d1f14;letter-spacing:14px;}