/* State 684 ember-and-stone visual theme. */
:root{--ink:#f5eee5;--muted:#c2b8ad;--dim:#887b73;--line:rgba(247,202,139,.20);--panel:rgba(23,17,16,.86);--navy:#100d0c;--blue:#e58834;--orange:#ffad43}
body{background:radial-gradient(ellipse at 77% 4%,#3d1710 0%,transparent 31%),radial-gradient(ellipse at 6% 80%,#261711 0%,transparent 34%),#100d0c}.glow-one{background:#a63815}.glow-two{background:#9f4817}.brand{color:#fff4e8}.brand b,.text-button span{color:var(--orange)}.brand-mark{border-color:#d2813d;color:#ffd299;background:rgba(175,66,17,.18)}nav a,.text-button{color:#e4cfc1}.button-primary{background:linear-gradient(135deg,#f3a33e,#e36a25);color:#211109}.button-outline{border-color:#c78b5b;color:#fbe5ca}.status-dot{background:#f3b246;box-shadow:0 0 9px #f37d24}.feature-grid article{background:rgba(26,16,14,.60)}.panel{background:var(--panel);box-shadow:0 20px 40px rgba(0,0,0,.18)}input{border-color:#664433;background:#160f0d;color:#fff3e5}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef953422}.avatar{background:#9a3d1c}.player-result{background:rgba(12,8,7,.5)}th{background:rgba(12,7,6,.55);color:#d5ac88}td{color:#f0dbca}.identity-chip{background:rgba(35,19,15,.7)}.page-heading em{color:var(--orange)}.notice.success{border-color:#83703d;background:#3b3013}

/* Landing page uses the supplied 684 castle as a darkened backdrop. */
.home-page{position:relative;background:#100d0c}.home-page:before{content:'';position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,rgba(9,7,6,.80),rgba(11,7,6,.34) 55%,rgba(9,6,5,.56)),linear-gradient(0deg,#100d0c 1%,transparent 42%),url('/static/684.png') center top/cover no-repeat}.home-page .site-header,.home-page main,.home-page footer{position:relative;z-index:1}.home-page .page-glow{display:none}.castle-hero{min-height:calc(100vh - 170px);display:grid;place-items:center;text-align:center;padding:70px 0 90px}.castle-hero-content{width:min(680px,100%);padding:46px 32px;background:linear-gradient(180deg,rgba(17,11,9,.50),rgba(17,11,9,.16));text-shadow:0 2px 18px #000}.home-eyebrow{margin:0 0 12px;color:#ffcf88;font:600 11px 'DM Mono';letter-spacing:.24em}.castle-hero h1{font:700 clamp(61px,10vw,108px)/.85 'Playfair Display',serif;letter-spacing:-.065em;margin:0;color:#fff5e5}.castle-hero h1 em{color:#f3a343;font-style:italic}.home-lede{max-width:430px;margin:25px auto 30px;color:#f0ded1;font-size:16px}.access-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;width:min(590px,100%);margin:auto;text-align:left}.access-choice{min-height:70px;border:1px solid rgba(255,200,125,.54);background:linear-gradient(135deg,rgba(40,20,12,.88),rgba(17,11,9,.9));color:#fff4e8;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:11px 18px;font:700 13px 'DM Mono';letter-spacing:.02em;box-shadow:0 7px 22px rgba(0,0,0,.32);transition:transform .18s ease,background .18s ease}.access-choice:hover{transform:translateY(-2px);background:rgba(92,35,17,.9)}.access-choice-discord{border-color:#ffc168;background:linear-gradient(135deg,#d86b27,#853316)}.access-choice small{display:block;margin-top:4px;color:#ffdfad;font:9px 'DM Mono';letter-spacing:.1em}.access-choice-manual{position:relative}.access-choice-manual summary{list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;cursor:pointer;text-align:center}.access-choice-manual summary::-webkit-details-marker{display:none}.manual-content{position:absolute;z-index:4;top:calc(100% + 10px);left:0;width:100%;padding:20px;background:#20130f;border:1px solid #a95c2c;text-shadow:none;box-shadow:0 18px 40px rgba(0,0,0,.45)}.manual-content p{margin:0 0 16px;color:var(--muted);font:13px Manrope}.manual-content form{display:grid;gap:5px}.manual-content .button{margin-top:8px;width:100%}.home-page .login-note{color:#d5beb0}.home-features{margin-bottom:50px}.home-page footer{color:#b29b8c}

@media(max-width:720px){.castle-hero{min-height:calc(100vh - 142px);padding:34px 0 55px}.castle-hero-content{padding:30px 0}.castle-hero h1{font-size:64px}.access-choices{grid-template-columns:1fr;max-width:360px}.access-choice{min-height:67px}.home-page:before{background-position:58% top}}
