:root{--void:#060a14;--abyss:#0a1222;--night:#0f1a30;--panel:#0c1426db;--panel-solid:#0f1930;--seam:#26385c;--sapphire:#2d5fd0;--azure:#6fb3ff;--amethyst:#9b6cff;--ember:#ff8a45;--gold:#e9c46a;--gold-light:#fde7a6;--gold-deep:#a8722a;--parchment:#ede4cd;--ash:#9fabc2;--ash-dim:#6d7a95;--blood:#e5574a;--tone-blue:#93b3ff;--tone-excellent:#7be46c;--tone-ancient:#3fd3c6;--tone-bright:#f3d37c;--font-display:var(--font-grenze), "Times New Roman", serif;--font-body:var(--font-alegreya), "Segoe UI", sans-serif;--step--1:.86rem;--step-0:1.0625rem;--step-1:1.3rem;--step-2:1.65rem;--step-3:2.1rem;--step-4:2.75rem;--step-5:3.5rem;--gutter:clamp(1rem, 4vw, 2.5rem);--measure:78rem;--cut:12px;--gold-edge:linear-gradient(160deg, var(--gold-light), var(--gold) 25%, #6b4a1c 55%, var(--gold) 82%, var(--gold-light))}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--void);min-height:100vh;color:var(--parchment);font-family:var(--font-body);font-size:var(--step-0);font-variant-numeric:lining-nums;flex-direction:column;margin:0;line-height:1.55;display:flex;overflow-x:clip}body:before{content:"";z-index:-2;filter:saturate(.8);background:radial-gradient(90% 60% at 50% 0,#2d5fd02e,#0000 70%),radial-gradient(60% 50% at 100% 100%,#9b6cff1f,#0000 70%),linear-gradient(#060a14d1,#060a14f0),url(/art/lobby.webp) 50%/cover no-repeat;position:fixed;inset:0}main{flex:1}a{color:var(--gold);-webkit-text-decoration-color:color-mix(in srgb, var(--gold) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--gold) 40%, transparent);text-underline-offset:.2em}a:hover{color:var(--gold-light);-webkit-text-decoration-color:var(--gold-light);text-decoration-color:var(--gold-light)}:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);color:var(--parchment);letter-spacing:.005em;margin:0;font-weight:600;line-height:1.1}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2)}p{max-width:64ch;margin:0}img{max-width:100%}.wrap{width:100%;max-width:var(--measure);padding-inline:var(--gutter);margin-inline:auto}.muted{color:var(--ash)}.num{font-variant-numeric:tabular-nums lining-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gilded{background:linear-gradient(to bottom, #fff3cf 0%, var(--gold-light) 25%, var(--gold) 55%, var(--gold-deep) 85%, var(--gold) 100%) 0 0 / 100% 1.1em repeat;color:#0000;-webkit-background-clip:text;background-clip:text}.crest-head{text-align:center;justify-items:center;gap:.35rem;margin-bottom:2.25rem;display:grid}.crest-head:before{content:"";aspect-ratio:443/128;opacity:.85;filter:drop-shadow(0 0 12px #e9c46a59);background:url(/art/tribal.webp) 50%/contain no-repeat;width:min(18rem,70vw);margin-bottom:-2.4rem}.crest-head h2{font-size:var(--step-4);position:relative}.crest-head p{color:var(--ash)}.frame{--face:var(--panel);isolation:isolate;background:var(--gold-edge);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));position:relative;box-shadow:0 20px 50px #00000080}.frame:before{content:"";z-index:-1;background:radial-gradient(120% 70% at 50% 0%, #2d5fd033, transparent 65%), linear-gradient(to bottom, #ffffff08, transparent 30%), var(--face);clip-path:polygon(calc(var(--cut) - .5px) 0, calc(100% - var(--cut) + .5px) 0, 100% calc(var(--cut) - .5px), 100% calc(100% - var(--cut) + .5px), calc(100% - var(--cut) + .5px) 100%, calc(var(--cut) - .5px) 100%, 0 calc(100% - var(--cut) + .5px), 0 calc(var(--cut) - .5px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;inset:1px}.frame-body{padding:clamp(1.15rem,2.5vw,1.75rem)}.frame-title{background:linear-gradient(#2d5fd038,#00000026);border-bottom:1px solid #e9c46a73;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1.15rem,2.5vw,1.75rem) .75rem;display:flex;position:relative}.frame-title:after{content:"";background:radial-gradient(circle at 35% 35%, #cfe6ff, var(--azure) 40%, var(--sapphire));width:9px;height:9px;box-shadow:0 0 10px var(--azure);border:1px solid var(--gold);position:absolute;bottom:-5px;left:50%;translate:-50%;rotate:45deg}.frame-title h2,.frame-title h3{font-size:var(--step-2)}.frame-title a{font-size:var(--step--1);white-space:nowrap}.tip{text-align:center;background:#03060deb;border:1px solid #46536d;padding:.8rem 1.1rem;font-size:.95rem;line-height:1.45;box-shadow:0 0 0 1px #0009,0 12px 40px #0000008c}.tip-title{margin-bottom:.35rem;font-size:1.02rem;font-weight:700}.tone-plain{color:var(--parchment)}.tone-dim{color:var(--ash)}.tone-blue{color:var(--tone-blue)}.tone-excellent{color:var(--tone-excellent)}.tone-ancient{color:var(--tone-ancient)}.tone-bright{color:var(--tone-bright)}.tone-gilt{color:var(--gold)}.tone-blood{color:var(--blood)}.btn{--cut:10px;min-height:3rem;font:700 1.2rem/1 var(--font-display);letter-spacing:.03em;cursor:pointer;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);border:0;justify-content:center;align-items:center;gap:.55rem;padding:.55rem 1.7rem;text-decoration:none;transition:filter .16s,transform .16s;display:inline-flex;position:relative}.btn-primary{color:#2a1a06;background:linear-gradient(to bottom, #fff0c0, var(--gold-light) 18%, var(--gold) 50%, var(--gold-deep) 100%);text-shadow:0 1px #fff0c899;box-shadow:inset 0 -3px #0003}.btn-primary:hover{color:#2a1a06;filter:brightness(1.1)drop-shadow(0 0 14px #e9c46a99)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{color:#e8f2ff;background:linear-gradient(to bottom, #5d95f0, var(--sapphire) 45%, #16307a 100%);text-shadow:0 1px 2px #00000080;box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000040}.btn-ghost:hover{color:#fff;filter:brightness(1.12)drop-shadow(0 0 14px #6fb3ff99)}.btn[disabled]{filter:grayscale(.7)brightness(.7);cursor:progress}.field{gap:.35rem;display:grid}.field label{font-weight:500}.field input{font:inherit;color:var(--parchment);border:1px solid var(--seam);border-bottom-color:color-mix(in srgb, var(--gold) 60%, var(--seam));background:#03060dbf;border-radius:0;min-height:2.9rem;padding:.65rem .8rem}.field input:focus-visible{border-color:var(--azure);outline:none;box-shadow:0 0 0 3px #6fb3ff40,0 0 18px #6fb3ff40}.field input[aria-invalid=true]{border-color:var(--blood)}.field .hint{font-size:var(--step--1);color:var(--ash)}.field .error{font-size:var(--step--1);color:var(--blood)}.form-alert{border-left:3px solid var(--blood);background:#e5574a1f;padding:.7rem .9rem}.form-ok{border-left:3px solid var(--tone-excellent);background:#7be46c17;padding:.7rem .9rem}.auth-form{gap:1.15rem;display:grid}.auth-form .btn{justify-self:start;margin-top:.4rem}.ledger{border-collapse:collapse;width:100%}.ledger th{text-align:left;font-weight:500;font-size:var(--step--1);color:var(--ash);border-bottom:1px solid #e9c46a66;padding:.55rem .75rem}.ledger td{vertical-align:middle;border-bottom:1px solid #26385c99;padding:.55rem .75rem}.ledger tbody tr{transition:background .12s}.ledger tbody tr:hover{background:linear-gradient(90deg,#2d5fd029,#0000)}.ledger .right{text-align:right}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field textarea,.field select{font:inherit;color:var(--parchment);border:1px solid var(--seam);border-bottom-color:color-mix(in srgb, var(--gold) 60%, var(--seam));background:#03060dbf;border-radius:0;min-height:2.9rem;padding:.65rem .8rem}.field textarea{resize:vertical;line-height:1.5}.field textarea.code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.95rem}.field select option{background:var(--panel-solid)}.field textarea:focus-visible,.field select:focus-visible{border-color:var(--azure);outline:none;box-shadow:0 0 0 3px #6fb3ff40,0 0 18px #6fb3ff40}.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--blood)}.check{cursor:pointer;align-items:center;gap:.6rem;display:inline-flex}.check input{width:1.15rem;height:1.15rem;accent-color:var(--gold)}.btn-small{min-height:2.4rem;padding:.4rem 1.2rem;font-size:1.02rem}.btn-danger{font:inherit;color:var(--blood);cursor:pointer;background:0 0;border:1px solid #e5574a99;padding:.45rem 1rem}.btn-danger:hover{background:#e5574a24}.pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:.05rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}
