/* 兩個頁面共用的底層樣式（色票、body 背景、mc-btn）。
   index.html 與 structure-export.html 都載這一份——**不要複製第二份**，
   不然改了色票只有一邊會變。頁面各自的版面規則仍然留在各自的 <style> 裡。 */
  @font-face{font-family:'minecraftfont';src:url('assets/fonts/minecraftfont.woff') format('woff');font-display:swap}
  :root{
    --blue:#3b82c4; --green:#5b8731; --green-l:#7cb342;
    --gold:#d9a334; --red:#c8434b; --soil:#6b4f3a; --purple:#8b5fbf;
    --panel:#c6c6c6; --panel-d:#8b8b8b;
    --ink:#2b2b2b; --ink2:#555; --ink3:#7a7a7a; --paper:#ECECEC;
    --pixel:'minecraftfont','Courier New',monospace;
    --sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;
  }
  *{box-sizing:border-box}
  html{height:100%}
  body{
    margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);font-size:14px;
    background-color:#1a1a1a;
    background-image:url('assets/img/bg/grass_side.png'),url('assets/img/bg/dirt.png'),url('assets/img/bg/stone.png');
    background-size:48px 48px;background-position:left top,left 48px,left 96px;
    background-repeat:repeat-x,repeat-x,repeat;
  }
  img{image-rendering:pixelated}
  .num{font-family:var(--pixel);font-variant-numeric:tabular-nums;letter-spacing:.5px}
  .mc-btn{background:var(--panel);border:3px solid #1d1d1d;
    box-shadow:inset -3px -3px 0 rgba(0,0,0,.30),inset 3px 3px 0 rgba(255,255,255,.55);
    cursor:pointer;color:var(--ink);font-family:var(--pixel);transition:filter .1s;
    padding:7px 12px;font-size:13px}
  .mc-btn:hover{filter:brightness(1.09)}
  .mc-btn:active{box-shadow:inset 3px 3px 0 rgba(0,0,0,.30),inset -3px -3px 0 rgba(255,255,255,.4)}
  .mc-btn.on{background:var(--green);color:#fff;text-shadow:1px 1px 0 #2c4318}
  .mc-btn.gold.on{background:var(--gold);text-shadow:1px 1px 0 #6b4f10}
  .mc-btn.big{padding:11px 20px;font-size:15px}
  .mc-btn.sm{padding:4px 9px;font-size:12px}


/* 彈窗裡的圖不能撐爆版面：Lirsty 的示範圖是 1200×617，
   而 .modal 最寬 880px、手機上內容寬只有 290px 左右。
   沒有這一條的話署名區塊在手機上整個破版、下面的第三方授權表被推歪。 */
.modal img { max-width: 100%; height: auto; }