*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1c1a14,#0b0b0d 60%);color:#eee;font-family:Georgia,'Times New Roman',serif;min-height:100vh}
header{text-align:center;padding:22px 12px 8px}h1{margin:0;font-weight:400;letter-spacing:2px;color:#f3e6c4}h1 span{color:#d4af37}header p{margin:4px 0 0;color:#a99b74;font-size:14px;font-style:italic}
nav{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;position:sticky;top:0;background:#0b0b0dee;z-index:5;border-bottom:1px solid #d4af3733}
nav button{flex:none;background:#17161a;color:#cfc3a0;border:1px solid #d4af3744;border-radius:20px;padding:8px 13px;font:inherit;font-size:14px}
nav button.on{background:linear-gradient(135deg,#d4af37,#a8862a);color:#111;border-color:#d4af37}
main{max-width:640px;margin:auto;padding:14px}section{display:none}section.on{display:block}
h2{color:#d4af37;font-weight:400;margin:6px 0}h3{color:#f3e6c4;font-weight:400;border-bottom:1px solid #d4af3733;padding-bottom:4px;margin-top:22px}.sub{color:#a99b74;margin-top:0}
textarea,select{width:100%;background:#141317;color:#eee;border:1px solid #d4af3766;border-radius:12px;padding:12px;font:inherit;font-size:16px}
.row{display:flex;gap:8px;margin:10px 0}.wrap{flex-wrap:wrap}
button.gold{background:linear-gradient(135deg,#e6c55a,#a8862a);color:#111;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:bold;flex:1}
button.ghost,.chip{background:transparent;color:#d4af37;border:1px solid #d4af37;border-radius:12px;padding:10px 14px;font:inherit}.chip{border-radius:20px;padding:6px 12px;font-size:14px}.chip.on{background:#d4af37;color:#111}
.card{background:#151418;border:1px solid #d4af3733;border-radius:14px;padding:13px;margin:10px 0;line-height:1.45}.card.big{font-size:18px;text-align:center;min-height:70px}
.card b{color:#d4af37;display:block;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.copy{float:right;background:#d4af3722;color:#d4af37;border:1px solid #d4af3766;border-radius:8px;padding:4px 10px;font-size:13px;margin-left:8px}
.tag{color:#a99b74;font-style:italic;font-size:14px}.bubble{background:#2a2620;border-radius:16px 16px 16px 4px;padding:12px;margin:14px 0;max-width:85%}
ul{padding-left:20px;line-height:1.6}li{margin:3px 0}.ok{color:#9fd49f}.no{color:#e09a8a}
footer{text-align:center;color:#7d7358;font-size:13px;padding:24px}
.ctl{display:flex;align-items:center;gap:8px;margin:6px 0}.ctl span{color:#a99b74;font-size:14px;width:52px}.ctl .row{margin:4px 0;flex-wrap:wrap}
.alert{border-radius:12px;padding:10px 12px;margin:10px 0;font-size:15px}.alert.g{background:#1b2a1b;border:1px solid #5c9a5c}.alert.y{background:#2e2a14;border:1px solid #d4b437}.alert.r{background:#331a17;border:1px solid #d0604f}
details{margin:8px 0}summary{color:#d4af37;cursor:pointer;padding:6px 0}