:root{--gold:#c8923f;--gold2:#f0cf82;--dark:#07090b;--panel:#101519;--blue:#0c4c73;--paper:#d2b77f;--line:#76552e;--red:#8d211b;--green:#3d7842}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050708;color:#ead7ab;font-family:Georgia,'Times New Roman',serif}button,input{font:inherit}button,a{touch-action:manipulation}.flash{position:relative;z-index:50;width:min(620px,92vw);margin:8px auto;padding:10px 14px;border:1px solid #7d5b31;background:#11181c;box-shadow:inset 0 0 0 2px #251b10,0 3px 18px #000b;text-align:center}.flash.error{color:#ffd2c9;border-color:#8f3a31;background:#2a1111}.flash.success{color:#d5ffd3;border-color:#436e39;background:#102013}.fantasy-btn{min-height:46px;display:flex;align-items:center;justify-content:center;text-decoration:none;letter-spacing:.06em;font-weight:700;color:#f5dfad;border:1px solid #b68742;background:linear-gradient(#85591e,#4e310d 60%,#2d1a06);box-shadow:inset 0 0 0 2px #2b1a09,inset 0 0 0 3px #c19048,0 5px 14px #0008;cursor:pointer}.fantasy-btn:hover{filter:brightness(1.13);box-shadow:inset 0 0 0 2px #2b1a09,inset 0 0 0 3px #e2b35e,0 0 18px #8d5d1a88}.fantasy-btn.secondary{background:linear-gradient(#172530,#0b1115);color:#d7c294}.back-link{display:block;text-align:center;color:#c8a869;text-decoration:none;margin-top:15px}.back-link:hover{color:#ffe0a0}
.text-logo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:.72;text-shadow:0 3px 4px #000,0 0 18px #8d5b17}.text-logo small{font-size:21px;letter-spacing:.33em;color:#d3a34f;margin-left:.33em}.text-logo strong{font-size:58px;letter-spacing:.06em;color:#f0cc7b;background:linear-gradient(#fff1ba 5%,#d6a94e 42%,#87520e 70%,#e6bd69 92%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #382008}.text-logo.compact small{font-size:14px}.text-logo.compact strong{font-size:40px}.text-logo.game-logo small{font-size:15px}.text-logo.game-logo strong{font-size:46px}
/* v0.5: интерактивное обучение */
.tutorial-guide{position:fixed;left:18px;bottom:112px;z-index:120;width:min(360px,calc(100vw - 36px));padding:14px 15px 13px;border:1px solid #9a6a28;border-radius:10px;background:linear-gradient(180deg,rgba(20,24,27,.98),rgba(8,11,13,.98));box-shadow:0 12px 35px #000b,inset 0 0 0 1px #e0b35a22;color:#d9c7a2}.tutorial-guide:before{content:"";position:absolute;inset:3px;border:1px solid #72522555;border-radius:7px;pointer-events:none}.tutorial-head{display:flex;justify-content:space-between;align-items:center;font:700 11px/1.2 Georgia,serif;letter-spacing:1.2px;color:#e6b85a}.tutorial-head b{color:#92c9ff}.tutorial-progress{height:4px;background:#07090a;border:1px solid #3d3020;margin:8px 0 10px}.tutorial-progress i{display:block;height:100%;background:linear-gradient(90deg,#1b75b4,#59b9ff);box-shadow:0 0 9px #35a9ff}.tutorial-guide h3{font:700 17px/1.2 Georgia,serif;color:#f0d799;margin:0 0 6px}.tutorial-guide p{font-size:12px;line-height:1.45;margin:0 0 11px;color:#c8c1b3}.tutorial-actions{display:flex;gap:8px}.tutorial-actions a,.tutorial-actions button{border:1px solid #9a6a28;background:linear-gradient(#204a70,#0d2940);color:#f5dda6;padding:8px 10px;border-radius:4px;font:700 11px Georgia,serif;cursor:pointer;text-decoration:none}.tutorial-actions form{margin:0}.tutorial-actions button{background:linear-gradient(#2a2d30,#17191b);color:#aaa}@media(max-width:800px){.tutorial-guide{left:10px;bottom:76px;width:calc(100vw - 20px);padding:11px 12px}.tutorial-guide p{font-size:11px}.tutorial-actions a,.tutorial-actions button{padding:7px 9px}}