:root{--gold: #f3d36b;--gold-deep: #c9932f;--ink: #120d09;--parch: #efe6d2;--muted: #c9bea6}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0e0b10;color:var(--parch);font-family:Inter,system-ui,sans-serif;overflow:hidden}#scene{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;image-rendering:pixelated;display:block;opacity:0;transition:opacity .9s ease}body.ready #scene{opacity:1}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom,#0e0a12b8,#0e0a1240 26%,#0e0a1200 40%),linear-gradient(to top,#0a0706d9,#0a070659 18%,#0a070600 32%),radial-gradient(ellipse at 50% 55%,#0000 55%,#00000073)}.menu{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:max(2.2vh,env(safe-area-inset-top)) 16px max(2.4vh,env(safe-area-inset-bottom))}.brand{text-align:center;margin-top:1.5vh;opacity:0;transform:translateY(-10px);transition:opacity 1s ease .3s,transform 1s ease .3s}body.ready .brand{opacity:1;transform:none}#crest{width:clamp(64px,11vh,112px);height:auto;image-rendering:pixelated;display:block;margin:0 auto .4vh;filter:drop-shadow(0 3px 0 #0009) drop-shadow(0 0 18px rgba(255,170,60,.35));animation:bob 4.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}h1{font-family:Cinzel,serif;font-weight:700;margin:0;letter-spacing:.08em;line-height:1;font-size:clamp(2.3rem,7.5vw,4.6rem);background:linear-gradient(180deg,#fff3c4 0%,var(--gold) 45%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a2410) drop-shadow(0 4px 0 #0008) drop-shadow(0 0 22px rgba(255,180,70,.3))}.tag{margin:.9vh auto 0;max-width:32rem;color:var(--muted);font-size:clamp(.85rem,2.2vw,1.02rem);line-height:1.45;text-shadow:0 1px 2px #000c}.doors{grid-row:3;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(320px,86vw);opacity:0;transform:translateY(10px);transition:opacity .9s ease .6s,transform .9s ease .6s}body.ready .doors{opacity:1;transform:none}.btn{display:block;width:100%;text-align:center;text-decoration:none;cursor:pointer;font:700 1.05rem/1 Inter,system-ui,sans-serif;letter-spacing:.04em;padding:14px 22px;color:var(--parch);background:none;border:6px solid transparent;border-image:var(--btn-wood) 6 12 fill / 6px 12px stretch;image-rendering:pixelated;text-shadow:0 1px 0 #000a;transition:transform .12s ease,filter .12s ease}.btn.primary{font-family:Cinzel,serif;font-size:1.35rem;padding:17px 24px;color:#2a1806;text-shadow:0 1px 0 #fff6;border-width:8px;border-image:var(--btn-gold) 8 16 fill / 8px 14px stretch;animation:glow 2.6s ease-in-out infinite}@keyframes glow{50%{filter:brightness(1.08) drop-shadow(0 0 12px rgba(255,190,80,.45))}}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.row{display:flex;gap:10px;width:100%}.row .btn{flex:1;font-size:.92rem;padding:11px 10px}.foot{font-size:.72rem;color:#a99d86;text-shadow:0 1px 2px #000;margin-top:2px}.foot a{color:inherit}.btn.slim{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem;padding:9px 10px}.btn.slim .cog{font-size:1.05rem;line-height:1;opacity:.9}.corner{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;gap:8px;align-items:center;z-index:2}.cbtn{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;cursor:pointer;font:700 .82rem/1 Inter,system-ui,sans-serif;letter-spacing:.03em;color:var(--parch);text-decoration:none;text-shadow:0 1px 0 #000a;border:6px solid transparent;border-image:var(--btn-wood) 6 12 fill / 6px stretch;background:none;image-rendering:pixelated;transition:transform .12s ease,filter .12s ease}.cbtn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#sound{width:44px;padding:0;font-size:18px}#discord img{width:24px;height:24px;image-rendering:pixelated;flex:none}#discord .short{display:none}@media(max-width:560px){.corner{left:12px;justify-content:space-between}#discord .long{display:none}#discord .short{display:inline}}dialog#news,dialog#settings{max-width:min(30rem,92vw);width:100%;color:var(--parch);padding:22px 22px 18px;background:none;border:22px solid transparent;border-image:var(--frame-card) 22 fill / 22px stretch;image-rendering:pixelated}dialog#news::backdrop,dialog#settings::backdrop{background:#08060499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog#news h2,dialog#settings h2{font-family:Cinzel,serif;color:var(--gold);margin:0 0 4px;font-size:1.35rem}dialog#news .ver{color:#a99d86;font-size:.78rem;margin-bottom:10px}dialog#news ul{margin:0 0 14px;padding-left:1.1rem;line-height:1.5;font-size:.92rem;color:#e6dcc4}dialog#news li{margin-bottom:6px}dialog#news li b{color:var(--gold);font-weight:600}dialog#settings{max-width:min(26rem,92vw)}dialog#settings h2{margin-bottom:12px}dialog#settings .field{margin-bottom:16px}dialog#settings .label{font-family:Cinzel,serif;color:#e6dcc4;font-size:.95rem;margin-bottom:8px;letter-spacing:.03em}dialog#settings .hint{color:#a99d86;font-size:.76rem;margin-top:6px}.langs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn.lang{font-size:.92rem;padding:10px 8px;letter-spacing:.02em}.btn.lang.on,.btn.toggle.on .state{color:#2a1806;text-shadow:0 1px 0 #fff6}.btn.lang.on{border-image:var(--btn-gold) 8 16 fill / 6px 12px stretch}.btn.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.92rem;padding:10px 12px}.btn.toggle .state{min-width:3.4em;padding:6px 8px;font-size:.78rem;border:4px solid transparent;border-image:var(--btn-wood) 6 12 fill / 4px 8px stretch;filter:brightness(.8)}.btn.toggle.on .state{border-image:var(--btn-gold) 8 16 fill / 4px 8px stretch;filter:none}@media(max-height:560px)and (orientation:landscape){.tag{display:none}.doors{flex-direction:row;width:min(560px,90vw)}.doors .row{width:auto;flex:1.4}.doors .slim{width:auto;flex:.8;align-self:stretch}.doors .foot{display:none}}@media(prefers-reduced-motion:reduce){#crest,.btn.primary{animation:none}}