@import url('https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&display=swap');
:root{--coal:#171711;--iron:#29271e;--wood:#37271c;--wood-edge:#76563a;--parchment:#d5c29a;--parchment-light:#e2d1ac;--ink:#30291d;--muted-ink:#6b5b42;--bronze:#b09563;--ivory:#e2d4b6;--red:#704435;--title:'Almendra',Georgia,serif;--body:'Crimson Pro',Georgia,serif}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ivory);background:var(--coal)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #c7a66a;outline-offset:4px}[hidden]{display:none!important}.menu-page,.auth-page{min-height:100vh;background:radial-gradient(ellipse at 50% 36%,#5c523c 0,#34352a 36%,#171b16 78%,#10130f 100%)}.game-menu{min-height:100vh;position:relative;display:flex;justify-content:center;overflow:hidden;background:linear-gradient(90deg,#0c100dbb,transparent 35%,transparent 65%,#0c100dbb),repeating-linear-gradient(113deg,#b49e7620 0 1px,transparent 1px 7px)}.game-menu:before,.auth-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 24% 40%,#13130d1c 0 1px,transparent 2px 6px);opacity:.45}.menu-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 41%,transparent 16%,#0d110e90 90%)}.menu-frame{position:relative;width:min(520px,90vw);padding:clamp(55px,9vh,100px) 0 110px;text-align:center}.overline,.chapter-label,.menu-caption,.menu-footer,.page-kicker,.page-number{font-family:var(--body);font-weight:600;letter-spacing:.22em;font-size:11px}.overline{color:#b4a27d}.herald{margin:29px auto 22px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #9e8961;transform:rotate(45deg);color:#d7c099;font-size:25px}.chapter-label{color:#c8b898;margin:0 0 8px}.menu-heading h1{font:700 clamp(58px,7vw,88px)/.95 var(--title);letter-spacing:.015em;margin:0;color:#e5d8b9;text-shadow:2px 3px #24211a,-1px -1px #7f6e4c}.menu-heading h1 span{color:#c2a777}.rule{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px auto 13px;color:#b69d6e}.rule i{display:block;background:#95815d;width:72px;height:1px}.rule b{font-size:12px}.tagline{font-style:italic;color:#bdaf93;font-size:18px;margin:0}.menu-actions{margin:35px auto 0;width:min(380px,100%);display:grid;gap:8px}.plank{position:relative;min-height:55px;display:grid;grid-template-columns:46px 1fr 38px;align-items:center;text-align:left;color:#e5d8bb;border:1px solid #8c704a;background:linear-gradient(0deg,#281b15,#493427 46%,#39291f),repeating-linear-gradient(5deg,#211810 0 1px,transparent 1px 5px);font:700 20px var(--title);clip-path:polygon(1% 0,99% 0,100% 12%,99% 100%,1% 100%,0 80%);box-shadow:inset 0 0 0 3px #241c16}.plank:before,.plank:after{content:'•';position:absolute;color:#a88c5f;top:14px;font-size:16px}.plank:before{left:9px}.plank:after{right:9px}.plank:hover,.plank:active{transform:translateY(2px);filter:brightness(.82)}.plank-icon{font:600 11px var(--body);color:#a99672;text-align:center}.arrow{color:#b6a27a;font-size:25px}.trial-link{display:inline-block;margin-top:25px;color:#d2c4a3;font-size:16px;border-bottom:1px solid #948262;padding-bottom:4px}.trial-link span{margin-left:12px}.menu-caption{margin-top:42px;color:#aa9d83;font-size:10px}.menu-caption span{font-size:7px;color:#aa8957;padding:0 8px}.menu-footer{position:absolute;bottom:0;width:100%;padding:22px 5%;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b9a67830;color:#998d74;font-size:9px}.auth-layout{min-height:100vh;display:grid;place-items:center;position:relative;padding:80px 20px}.back-link{position:absolute;left:5%;top:36px;color:#cbbd9e;font-size:16px}.book{position:relative;width:min(540px,100%);padding:12px 14px 14px 23px;background:linear-gradient(90deg,#35251b,#5a3a27 4%,#37251a 6%,#5f442d 50%,#2b1e16);border:2px solid #15130f;box-shadow:0 20px 40px #070907aa,inset 0 0 0 3px #866341}.book-spine{position:absolute;left:7px;top:9px;bottom:9px;width:7px;border-left:1px solid #a68455;border-right:1px solid #24190f}.book-page{min-height:610px;color:var(--ink);text-align:center;position:relative;padding:35px 58px 45px;background:radial-gradient(ellipse at 50% 45%,#ebddba,#d2bc8e),repeating-linear-gradient(24deg,#493d2415 0 1px,transparent 1px 6px);clip-path:polygon(0 1%,98% 0,100% 2%,99% 98%,97% 100%,1% 99%)}.book-page:before{content:'';position:absolute;inset:12px;border:1px solid #806b4590;pointer-events:none}.page-ornament{font-size:29px;color:#745b3a}.page-kicker{color:#856f4d;font-size:10px;letter-spacing:.16em}.ink-rule{display:flex;justify-content:center;align-items:center;gap:10px;color:#927851}.ink-rule:before,.ink-rule:after{content:'';height:1px;width:66px;background:#a38e68}.book-page h1{font:700 35px/1 var(--title);margin:22px 0 8px}.page-intro{font-style:italic;color:#77654a;font-size:17px;margin:0 0 24px}.tabs{display:flex;border-bottom:1px solid #aa9572;margin-bottom:25px}.tabs button{flex:1;background:none;border:0;padding:10px;color:#816d4f;font:700 16px var(--title)}.tabs button.active{color:#453728;border-bottom:3px solid #74583a}#auth-form{text-align:left}#auth-form label{display:block;font:700 13px var(--title);letter-spacing:.03em;margin:17px 0 4px}#auth-form input{width:100%;height:41px;border:0;border-bottom:1px solid #8e7957;background:transparent;border-radius:0;color:#2e281e;padding:4px 3px;font-size:18px}#auth-form input::placeholder{color:#aa997b;font-style:italic}.form-meta{text-align:right;margin:12px 0}.ink-link{padding:0;border:0;background:transparent;text-decoration:underline;color:#79583a;font-size:15px}.hint,#form-message{font-size:14px;color:#79533a}.iron-button{width:100%;padding:13px 20px;border:2px solid #6d583c;background:linear-gradient(#4a4030,#29271e);color:#ede0c3;font:700 18px var(--title);text-align:center;clip-path:polygon(1% 0,99% 0,100% 12%,99% 100%,1% 100%,0 80%)}.iron-button:hover{transform:translateY(2px);filter:brightness(.8)}.iron-button span{float:right}.iron-button:disabled{opacity:.6}.page-note{font-size:13px;font-style:italic;color:#827153;margin-top:27px}.page-number{color:#a18c69;margin-top:26px}.dialog{max-width:420px;background:#d8c49a;color:#30291d;border:5px double #6d5537;padding:35px}.dialog::backdrop{background:#0c100dcc}.dialog h2{font:700 34px var(--title)}.admin-page .topbar{padding:25px;background:#1b2118}.admin-main{padding:50px}.admin-panel{max-width:620px;margin:auto;background:#d5c29a;color:#30291d;padding:35px}.admin-panel h1{font:700 40px var(--title)}.admin-notice{padding:20px;border:1px solid #88734e}.admin-notice span{display:block}@media(max-width:600px){.menu-frame{padding-top:70px}.menu-footer span:nth-child(2){display:none}.auth-layout{padding:80px 12px 35px}.book-page{padding:35px 30px}.book-page h1{font-size:30px}.book{padding-left:19px}.back-link{top:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.game-overlay{position:fixed;inset:0;z-index:100;background:#171711}.game-overlay iframe{border:0;width:100%;height:100%}.game-exit{position:absolute;top:12px;right:12px;border:2px solid #6d583c;background:#29271e;color:#ede0c3;padding:8px 12px;font:700 15px Georgia,serif}.game-overlay .dialog::backdrop{background:#0c100de8}

.plank-icon svg{width:20px;height:20px;display:inline-block;vertical-align:middle}