@import url("https://fonts.googleapis.com/css2?family=Germania+One&display=swap");.component_characterSheetWrapper__kyKl6{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:8rem 2rem;margin-bottom:89px;overflow-x:visible;background-image:url(/images/backgrounds/character_scroll.svg);background-repeat:no-repeat;background-position:top;background-size:97% 100%}.component_formWrapper__YSKde{width:50%;margin-bottom:34px}@media screen and (max-width:768px){.component_characterSheetWrapper__kyKl6{width:189%;position:absolute;top:233px;left:-45%;height:max-content!important}.component_formWrapper__YSKde{width:21vw!important;margin-bottom:24px;padding:0 1rem;margin-left:-30%}}.component_paper__aXV7y{padding:2rem;margin:2rem 0 8rem;width:100%}@media screen and (max-width:768px){.component_paper__aXV7y{padding:1rem;margin:1rem 0 4rem;width:100vw}}.component_alert__fA6Lh{margin-bottom:1rem;position:absolute;bottom:200px;left:50%;transform:translateX(-50%);width:500px}.component_section__Owwi3{margin-bottom:2rem}@media screen and (max-width:600px){.component_section__Owwi3{margin-bottom:1rem;width:100vw!important}}.component_heading__Kf3C4{margin-bottom:1rem!important;font-size:1.25rem;font-weight:400;color:#000!important}.component_infoGrid__nhJnh{display:grid;grid-template-columns:100px 1fr 1fr;grid-gap:1rem;gap:1rem}.component_nameField__zkrjy{grid-column:span 2}.component_classField__xLrqG,.component_infoItem__wB8JK,.component_levelField__IbmBM{grid-column:span 1}@media (max-width:768px){.component_nameField__zkrjy{grid-column:span 1}}.component_bioGrid__dHb0r{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.component_attributeGrid__HgBqY{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:.75rem;gap:.75rem}.component_submitRow__nS6j3{display:flex;justify-content:flex-end;margin-top:2rem}.component_saveButton__SbmwU{padding:.75rem 2rem;font-weight:600;text-transform:none}.component_scene__SftW_{display:inline-flex;flex-direction:column;align-items:center;gap:10px;perspective:1000px;perspective-origin:50% 50%}.component_cube__P0xW4{position:relative;transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg);--rx:0deg;--ry:0deg;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}.component_cube__P0xW4,.component_face__zDYRL{width:var(--size,96px);height:var(--size,96px)}.component_face__zDYRL{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16%;background:linear-gradient(145deg,#fff,#ececec);border:1px solid #d8d8d8;box-shadow:inset 0 2px 6px rgba(0,0,0,.08),inset 0 -2px 6px rgba(0,0,0,.06);display:grid;place-items:center}.component_front__ObKg5{transform:translateZ(calc(var(--size, 96px) / 2))}.component_back__mZFFm{transform:rotateY(180deg) translateZ(calc(var(--size, 96px) / 2))}.component_right__jkv5L{transform:rotateY(90deg) translateZ(calc(var(--size, 96px) / 2))}.component_left__elMmI{transform:rotateY(-90deg) translateZ(calc(var(--size, 96px) / 2))}.component_top__oNOEp{transform:rotateX(90deg) translateZ(calc(var(--size, 96px) / 2))}.component_bottom__s6rwl{transform:rotateX(-90deg) translateZ(calc(var(--size, 96px) / 2))}.component_pipGrid__Q7bq9{width:78%;height:78%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.component_pip__Fzn7U{width:26%;height:26%;border-radius:50%;background:transparent}.component_on__NMNDI{background:radial-gradient(100% 100% at 30% 30%,#2b2b2b 0,#111 60%,#000 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.25)}.component_pos1__jB6jV{grid-area:1/1}.component_pos2__rNkiA{grid-area:1/2}.component_pos3__B2ZCZ{grid-area:1/3}.component_pos4__Y1mus{grid-area:2/1}.component_pos5__NVtQ9{grid-area:2/2}.component_pos6__7B6TJ{grid-area:2/3}.component_pos7__hvb8R{grid-area:3/1}.component_pos8__L_TVa{grid-area:3/2}.component_pos9__YRR1g{grid-area:3/3}.component_cube__P0xW4[data-anim=rolling]{animation:component_rollAnim__vWH_V .9s cubic-bezier(.2,.7,.2,1) both}@keyframes component_rollAnim__vWH_V{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(var(--rx)) rotateY(var(--ry))}}@media (prefers-reduced-motion:reduce){.component_cube__P0xW4[data-anim=rolling]{animation-duration:0s}}.component_rollBtn__tDHfy{padding:8px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#111827;color:white;cursor:pointer}.component_rollBtn__tDHfy:disabled{opacity:.6;cursor:not-allowed}.component_readout__V9BrL{font-size:14px;color:#374151}