body:has(.character-creation) .masthead{display:none}body:has(.character-creation) .game{background:linear-gradient(#090806cf,#0a0705ec),url('assets/panel-original.png') center 20%/auto 1300px}body:has(.character-creation) #nav{display:none}.character-creation{padding:28px 4px 30px}.creation-heading{text-align:center}.creation-heading .eyebrow{font-size:9px;letter-spacing:2px}.creation-heading h1{font:38px/1.08 Georgia;margin:16px 0;color:#f1c784}.creation-heading>p{font:14px Georgia;color:#ae9676}.creation-portrait{position:relative;height:330px;margin:25px 0 0;border:8px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--class-color) 12%,#0c0806),#080605 75%);overflow:hidden;isolation:isolate}.creation-portrait>img{width:100%;height:290px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 12px #000)}.creation-halo{position:absolute;inset:10% 15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--class-color) 16%,transparent),transparent 65%);opacity:.6}.creation-level{position:absolute;top:12px;left:0;right:0;text-align:center;font:9px Georgia;letter-spacing:1.3px;color:#c7ae82;z-index:2}.creation-portrait-title{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:35px 10px 15px;background:linear-gradient(transparent,#090604 45%);z-index:2}.creation-portrait-title>span{color:var(--class-color);font-size:18px}.creation-portrait-title h2{font:30px Georgia;margin:5px 0 0}.creation-story{text-align:center;padding:8px 12px 20px;min-height:128px}.creation-motto{font:italic 17px/1.5 Georgia!important;color:#ecc88e!important}.creation-story p{font:13px/1.65 Georgia;color:#bda789}.class-options{margin:0;padding:0;border:0;min-width:0}.class-options legend,.creation-name>label{font:22px Georgia;color:#e4bd7f;margin-bottom:18px;display:block}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.class-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 7px 15px;border:6px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--class-color) 8%,#100b08),#080604);cursor:pointer}.class-choice.selected{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--class-color) 18%,#100b08),#120b05);box-shadow:inset 0 0 0 1px #dcb477,0 0 14px #bb7d2525}.class-choice:focus-within{outline:2px solid #e9b866;outline-offset:3px}.class-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:3}.class-choice img{display:block;width:100%;height:155px;object-fit:contain;filter:drop-shadow(0 5px 6px #000);margin:5px 0 8px}.class-choice strong{font:19px Georgia;color:#edc58a}.class-choice-sub{font:10px/1.4 Georgia;text-align:center;color:#ad9879;margin-top:7px}.class-choice-check{position:absolute;top:8px;right:7px;color:#aa8c58;font-size:16px;z-index:2}.selected .class-choice-check{color:#ffca6c;text-shadow:0 0 10px #fbb149}.creation-name{margin-top:32px}.creation-name input{width:100%;box-sizing:border-box;background:#080604;border:1px solid #9f753c;color:#f1d7ad;padding:15px 12px;font:17px Georgia;min-height:50px;border-radius:0}.creation-name small{display:block;margin:9px 0;font:11px Georgia;color:#a38d6b}.creation-fairness{margin:25px 0 8px;font:12px/1.7 Georgia;text-align:center;color:#bca27d}.creation-submit{width:100%;min-height:54px;font-size:18px}.creation-save-note{font:11px/1.65 Georgia;color:#a18a68;text-align:center}.character-creation .form-error{min-height:24px;color:#e7ad85;font:13px/1.5 Georgia}.ref-class-avatar{position:absolute;left:3%;top:20.25%;width:55%;height:27.9%;z-index:1;background:linear-gradient(#100c09e8,#100b07f2),url('assets/panel-original.png') 40% 30%/250% auto;overflow:hidden}.ref-class-avatar img{width:100%;height:100%;object-fit:contain}.class-evolution-note{font:13px/1.7 Georgia;color:#bca684;padding:16px 0}
@container(max-width:360px){.creation-heading h1{font-size:33px}.class-choice img{height:140px}.class-choice strong{font-size:18px}.class-grid{gap:12px 9px}.creation-portrait{height:300px}.creation-portrait>img{height:270px}}
.creation-heading{display:block;height:auto;padding:0;border:0;letter-spacing:normal;background:none}.creation-heading h1{max-width:100%;overflow-wrap:normal}.creation-heading>p{letter-spacing:normal}body:has(.character-creation) .game{background:linear-gradient(#090806a8,#0a0705f2),url('assets/castillo-sombrio.png') center top/100% auto repeat-y}.ref-class-avatar{background:linear-gradient(#100c09cc,#100b07ea),url('assets/castillo-sombrio.png') center/cover}
.creation-stage-title{display:block;font:12px Georgia;color:#c9b28c;margin-top:8px}.creation-phase-toggle{display:flex;gap:8px;margin:15px 0 10px}.creation-phase-toggle button{flex:1;min-height:44px;padding:10px 5px;font:13px Georgia;color:#c0a581;border:1px solid #7a542c;background:#100b07}.creation-phase-toggle button[aria-pressed="true"]{color:#f5d394;border-color:#d9a45c;background:linear-gradient(#523113,#211309)}.creation-phase-note{font:12px/1.6 Georgia;text-align:center;color:#b59d79;margin:8px 5px 0}.class-choice-tier{display:block;font:8px Georgia;letter-spacing:.7px;color:#d7aa65;margin-top:9px}.class-choice img{height:170px}.creation-portrait>img{height:300px}