@font-face{font-family:MuseumClassicB;src:url('assets/fonts/MuseumClassic-B.woff') format('woff');font-display:block}
@font-face{font-family:MuseumClassicM;src:url('assets/fonts/MuseumClassic-M.woff') format('woff');font-display:block}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;height:100%;background:#0a0606;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
#screen,#fx,#ui{position:absolute}
#screen{image-rendering:pixelated;image-rendering:crisp-edges}
#fx,#ui{pointer-events:none}
/* 결과 화면의 이름 입력 (처음 한 번) */
#namebox{display:none;position:fixed;left:50%;bottom:7%;transform:translateX(-50%);z-index:6;background:#170c0c;border:3px solid #b07a28;box-shadow:0 0 0 3px #050203;border-radius:8px;padding:14px 16px;color:#f0dcb8;font:15px MuseumClassicM,serif;flex-direction:column;align-items:center;gap:10px;touch-action:manipulation}
body.naming #namebox{display:flex}
#namebox p{margin:0}
#nm{font:18px MuseumClassicM,serif;width:12em;padding:8px;background:#0c0606;color:#fff;border:2px solid #6a4a24;border-radius:6px;text-align:center;-webkit-user-select:text;user-select:text}
#namebox button{font:15px MuseumClassicB,serif;margin:0 4px;padding:8px 14px;border:2px solid #140c12;border-radius:6px;background:#f0c040;color:#1a0e06}
#namebox #nm-skip{background:#5a4a40;color:#f0dcb8}
/* 세로로 든 휴대폰: 가로로 돌려 달라는 안내 (게임은 뒤에서 그대로 돈다) */
#rotate{display:none;position:fixed;inset:0;z-index:5;background:rgba(10,6,6,.82);color:#f0dcb8;font:17px MuseumClassicM,serif;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:none}
body.touch.portrait #rotate{display:flex}
#rotate p{margin:0;max-width:80vw;text-align:center;line-height:1.5}
#rot-go{pointer-events:auto;font:18px MuseumClassicB,serif;color:#1a0e06;background:#f0c040;border:3px solid #140c12;border-radius:10px;padding:12px 26px;box-shadow:0 4px 0 #8a5a18;touch-action:manipulation}
#rot-go:active{transform:translateY(3px);box-shadow:0 1px 0 #8a5a18}
body.ios #rot-go{display:none}
#rotate .phone{width:34px;height:58px;border:4px solid #f0c040;border-radius:7px;animation:turn 2.2s ease-in-out infinite}
@keyframes turn{0%,25%{transform:rotate(0)}55%,100%{transform:rotate(90deg)}}
/* 검색용 소개 글: 화면에는 안 보이고 화면 낭독기·검색엔진만 읽는다 */
#about{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}