@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Schoolbell&family=VT323&display=swap";html,body,#root{min-height:100%}body{margin:0;background-color:#f2f2f0;background-image:url(/assets/plain-paper-background-C0P41It_.webp);background-repeat:repeat-y;background-position:top center;background-size:100% auto;background-attachment:scroll}.app{min-height:100vh;padding:24px 0}.window-backdrop-click-catcher{position:fixed;inset:0;z-index:8;padding:0;border:0;background:#00000052;cursor:default}.fixed-black-square-menu{position:fixed;top:12%;left:2%;z-index:10000;transform:translateY(-50%)}.fixed-black-square{position:relative;display:block;width:96px;aspect-ratio:1;overflow:hidden;padding:0;border:0;background:#00000061;backdrop-filter:invert(1) contrast(1.35) saturate(1.35);-webkit-backdrop-filter:invert(1) contrast(1.35) saturate(1.35);border-radius:50%;cursor:pointer;transition:border-radius .24s cubic-bezier(.22,1,.36,1) .26s;transition-property:border-radius,background}.fixed-black-square-menu:hover .fixed-black-square,.fixed-black-square-menu--open .fixed-black-square,.fixed-black-square:focus-visible{background:#000000ad;border-radius:0;transition-delay:0ms}.fixed-black-square:focus-visible{outline:3px solid #fff;outline-offset:4px}.fixed-black-square-dialogue{position:absolute;top:-8px;left:calc(100% + 12px);width:190px;min-height:92px;opacity:0;pointer-events:none;transform:translate(-8px) rotate(-2deg);transition:opacity .18s ease,transform .18s ease}.fixed-black-square-menu:hover .fixed-black-square-dialogue,.fixed-black-square-menu:focus-within .fixed-black-square-dialogue{opacity:1;transform:translate(0) rotate(-2deg)}.fixed-black-square-dialogue-image{display:block;width:100%;min-height:92px;object-fit:fill;image-rendering:pixelated}.fixed-black-square-dialogue-text{position:absolute;top:9px;left:18px;display:grid;place-items:center;width:154px;height:54px;margin:0;padding:4px 8px 8px;overflow:hidden;box-sizing:border-box;color:#161616;font-family:VT323,Courier New,monospace;font-size:21px;font-weight:400;line-height:.9;text-align:center;text-wrap:balance;overflow-wrap:anywhere}.fixed-black-square-dialogue-text span{display:block;width:100%;transform:translateY(-2px)}.fixed-black-square-dropdown{position:absolute;top:100%;left:0;width:96px;max-height:0;overflow:hidden;pointer-events:none;transition:max-height .26s cubic-bezier(.22,1,.36,1)}.fixed-black-square-dropdown-inner{display:flex;flex-direction:column;gap:0;transform:translateY(-100%);transition:transform .26s cubic-bezier(.22,1,.36,1)}.fixed-black-square-dropdown-option{width:100%;min-height:42px;padding:0 8px;border:0;border-top:1px solid rgb(255 255 255 / 22%);background:#000000ad;backdrop-filter:invert(1) contrast(1.35) saturate(1.35);-webkit-backdrop-filter:invert(1) contrast(1.35) saturate(1.35);color:#fff;cursor:pointer;font:700 12px/1 system-ui,sans-serif;letter-spacing:0;text-align:center;transition:background .16s ease,color .16s ease}.fixed-black-square-dropdown-option:hover,.fixed-black-square-dropdown-option:focus-visible{background:#ffffffd1;color:#161616;outline:0}.fixed-black-square-dropdown-option:disabled{cursor:wait;opacity:.58}.fixed-black-square-dropdown-status{width:100%;margin:0;padding:8px;background:#000000c7;box-sizing:border-box;color:#fff;font:700 10px/1.25 system-ui,sans-serif;overflow-wrap:anywhere;text-align:center}.fixed-black-square-image{display:block;width:100%;height:100%;object-fit:cover}.fixed-black-square-image--captured{padding:0;object-fit:cover;object-position:center center;box-sizing:border-box;clip-path:circle(50% at 50% 50%);opacity:.5;transition:opacity .24s cubic-bezier(.22,1,.36,1)}.fixed-black-square-menu:hover .fixed-black-square-image--captured,.fixed-black-square-menu--open .fixed-black-square-image--captured,.fixed-black-square:focus-visible .fixed-black-square-image--captured{opacity:1}.fixed-black-square-dropdown--open{max-height:260px;pointer-events:auto}.fixed-black-square-dropdown--open .fixed-black-square-dropdown-inner{transform:translateY(0)}.app h1{margin:0 0 20px;text-align:center}.card{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 16px;box-sizing:border-box}@media(max-width:1024px){.card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.card{grid-template-columns:1fr}}.comic-panel-container{appearance:none;padding:0;border:0;background:transparent;display:flex;flex:1;justify-content:center;align-items:flex-start;width:100%;cursor:pointer;font:inherit;position:relative;z-index:0;transition:transform .18s ease,box-shadow .18s ease}.comic-panel-container:hover{box-shadow:0 12px 18px #0000003d;transform:translateY(-6px) scale(1.02)}.comic-panel-container--static{cursor:default}.comic-panel-container--static:hover{box-shadow:none;transform:none;z-index:0}.comic-panel-container:focus-visible{outline:3px solid #646cff;outline-offset:4px}.comic-panel-image{width:100%;height:auto;max-width:100%}.comic-panel-coming-soon{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:min(58%,320px);aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%) rotate(-4deg)}.comic-panel-coming-soon-paper,.comic-panel-coming-soon-text{grid-area:1 / 1;display:block;width:100%;height:auto}.comic-panel-coming-soon-text{width:68%;transform:rotate(4deg)}@media(max-width:768px){.comic-panel-image{width:95vw;height:auto}.comic-panel-coming-soon{width:min(66%,320px)}}@media(prefers-reduced-motion:reduce){.comic-panel-container{transition:none}.comic-panel-container:hover{transform:none}}.profile-editor-backdrop{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;padding:20px;background:#0000005c;box-sizing:border-box}.profile-editor{position:relative;display:grid;width:min(92vw,560px);aspect-ratio:auto;border:0;padding:0;background:transparent;box-sizing:border-box}.profile-editor--login{width:min(92vw,560px)}.profile-editor__login-shell{display:grid;justify-items:center;gap:0;width:100%;transform:translateY(100px)}.profile-editor__login-empty-window{display:block;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-editor__login-id-card-wrap{position:relative;width:75%;max-width:560px;margin-bottom:-100px;filter:drop-shadow(-8px 12px 0 rgb(0 0 0 / 88%)) drop-shadow(0 16px 10px rgb(0 0 0 / 18%))}.profile-editor__login-id-card{position:relative;z-index:1;display:block;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-editor__id-card-fields{position:absolute;inset:0;z-index:3;color:#e4f8fcdb;font-family:Schoolbell,Comic Sans MS,cursive;pointer-events:none;text-transform:uppercase}.profile-editor__id-card-avatar{position:absolute;top:33.2%;left:7.8%;z-index:0;width:26.6%;aspect-ratio:3 / 4;overflow:hidden;background:#fffef9;isolation:isolate;pointer-events:none}.profile-editor__id-card-avatar:before{content:"";position:absolute;inset:0;z-index:0;display:none}.profile-editor__id-card-avatar img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.profile-editor__id-card-avatar--pop-art{background:#174f3a}.profile-editor__id-card-avatar--pop-art:before{display:block;background:#174f3a}.profile-editor__id-card-avatar--pop-art img{mix-blend-mode:screen}.profile-editor__id-card-avatar--anime,.profile-editor__id-card-avatar--pastel{background:#fffef9}.profile-editor__id-card-value{position:absolute;left:60.5%;max-width:31%;overflow:hidden;font-size:clamp(14px,2.9vw,23px);line-height:.9;text-overflow:ellipsis;white-space:nowrap}.profile-editor__id-card-value--name{top:34%}.profile-editor__id-card-value--dob{top:46.8%}.profile-editor__id-card-value--weapon{top:61.8%}.profile-editor__login-window{position:relative;width:85%;max-width:620px;transform:translate(-13px);--window-content-top: 30.5%;--window-content-left: 14%;--window-content-width: 76%;--window-content-height: 25%}.profile-editor__login-empty-window{width:100%;filter:drop-shadow(0 12px 18px rgb(0 0 0 / 28%))}.profile-editor__login-panel{position:absolute;top:var(--window-content-top);left:var(--window-content-left);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(96px,.6fr);align-items:center;gap:16px;width:var(--window-content-width);height:var(--window-content-height);color:#161616;font-family:VT323,Courier New,monospace}.profile-editor__login-fields{display:grid;gap:8px}.profile-editor__login-field{display:grid;gap:2px;color:#161616;font:400 20px/.9 VT323,Courier New,monospace;text-transform:uppercase}.profile-editor__login-field input{width:100%;min-width:0;border:2px solid #161616;padding:5px 7px;background:#ffffffe0;box-sizing:border-box;color:#161616;font:400 20px/1 VT323,Courier New,monospace}.profile-editor__login-actions{display:grid;gap:8px;justify-items:stretch}.profile-editor__login-art-button{min-height:24px;border:2px solid #161616;padding:0 6px;background:#ffffffeb;color:#161616;cursor:pointer;font:400 17px/.9 VT323,Courier New,monospace;text-transform:uppercase;box-shadow:-3px 4px #000000e0}.profile-editor__login-art-button:hover,.profile-editor__login-art-button:focus-visible{background:#161616;color:#fff;outline:0}.profile-editor__login-art-button:disabled{cursor:wait;opacity:.58}.profile-editor__login-status{margin:2px 0 0;color:#5c2f2f;font:400 16px/.95 VT323,Courier New,monospace}.profile-editor__profile-panel{position:absolute;top:var(--window-content-top);left:var(--window-content-left);display:grid;grid-template-columns:minmax(0,1fr) 122px;align-items:center;gap:22px;width:var(--window-content-width);height:var(--window-content-height);color:#161616;font-family:VT323,Courier New,monospace}.profile-editor__profile-panel--step-0{grid-template-columns:minmax(0,1fr) 118px}.profile-editor__profile-fields,.profile-editor__profile-actions{display:grid;gap:6px}.profile-editor__profile-actions{align-content:center;justify-items:stretch}.profile-editor__profile-panel--step-0 .profile-editor__profile-fields{gap:7px}.profile-editor__profile-panel--step-0 .profile-editor__profile-actions{align-content:center;gap:9px}.profile-editor__profile-panel--step-0 .profile-editor__primary-button,.profile-editor__profile-panel--step-0 .profile-editor__secondary-button{width:100%;min-height:36px;font-size:18px}.profile-editor__profile-panel--step-0 .profile-editor__field{gap:4px;font-size:18px}.profile-editor__profile-panel--step-0 .profile-editor__field input{min-height:36px;padding:5px 8px;font-size:20px}.profile-editor__profile-panel--step-1{grid-template-columns:minmax(0,1fr) 118px}.profile-editor__profile-panel--step-1 .profile-editor__profile-fields{gap:7px}.profile-editor__profile-panel--step-1 .profile-editor__profile-actions{gap:8px}.profile-editor__profile-panel--step-1 .profile-editor__primary-button,.profile-editor__profile-panel--step-1 .profile-editor__secondary-button{width:100%;min-height:30px}.profile-editor__profile-panel--avatar{grid-template-columns:minmax(0,1fr) 118px;gap:22px}.profile-editor__profile-panel--avatar .profile-editor__profile-fields,.profile-editor__profile-panel--avatar .profile-editor__profile-actions{align-content:center}.profile-editor__profile-panel--avatar .profile-editor__profile-actions{width:100%;gap:8px}.profile-editor__profile-panel--avatar .profile-editor__primary-button,.profile-editor__profile-panel--avatar .profile-editor__secondary-button{width:100%;min-height:30px;padding:0 6px;font-size:17px;line-height:.9}.profile-editor__weapon-field{display:grid;gap:4px;color:#161616;font:400 18px/.9 VT323,Courier New,monospace;text-transform:uppercase}.profile-editor__weapon-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.profile-editor__weapon-option{min-width:0;min-height:26px;border:2px solid #161616;padding:0 3px;background:#ffffffe0;color:#161616;cursor:pointer;font:400 14px/.9 VT323,Courier New,monospace;text-transform:uppercase;box-shadow:-2px 3px #000000e0}.profile-editor__weapon-option--selected,.profile-editor__weapon-option:hover,.profile-editor__weapon-option:focus-visible{background:#161616;color:#fff;outline:0}.profile-editor__avatar-stage{display:grid;grid-template-columns:86px minmax(116px,128px);align-items:center;justify-content:start;gap:16px}.profile-editor__avatar-filter-options{display:grid;gap:7px}.profile-editor__avatar-filter-option{width:86px;min-height:30px;border:2px solid #161616;padding:0 6px;background:#ffffffe0;color:#161616;cursor:pointer;font:400 17px/.9 VT323,Courier New,monospace;text-transform:uppercase;box-shadow:-2px 3px #000000e0}.profile-editor__avatar-filter-option--selected,.profile-editor__avatar-filter-option:hover,.profile-editor__avatar-filter-option:focus-visible{background:#161616;color:#fff;outline:0}.profile-editor__camera-shell{position:relative;width:128px;justify-self:center}.profile-editor__camera-shell-image{position:relative;z-index:1;display:block;width:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-editor__camera-preview-screen{position:absolute;top:16.8%;left:2.7%;z-index:2;display:grid;place-items:center;width:94.6%;height:75.5%;overflow:hidden;background:#050505}.profile-editor__camera-preview-canvas{display:block;width:100%;height:100%}.profile-editor__camera-video-source{position:fixed;top:-1px;left:-1px;width:1px;height:1px;opacity:0;pointer-events:none}.profile-editor__profile-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-editor__eyebrow,.profile-editor__title,.profile-editor__status{margin:0}.profile-editor__eyebrow{max-width:190px;overflow:hidden;color:#4d4d4d;font:400 16px/.95 VT323,Courier New,monospace;text-overflow:ellipsis;white-space:nowrap}.profile-editor__title{margin-top:2px;color:#161616;font:400 24px/.85 VT323,Courier New,monospace}.profile-editor__avatar{display:grid;flex:0 0 auto;place-items:center;width:42px;aspect-ratio:1;overflow:hidden;border:2px solid #161616;background:#161616}.profile-editor__avatar img{display:block;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box}.profile-editor__avatar span{width:48%;aspect-ratio:1;border-radius:50%;background:#ffffffad}.profile-editor__field{display:grid;gap:2px;color:#161616;font:400 18px/.9 VT323,Courier New,monospace;text-transform:uppercase}.profile-editor__field input,.profile-editor__field textarea{width:100%;min-width:0;border:2px solid #161616;padding:4px 6px;background:#ffffffe0;box-sizing:border-box;color:#161616;font:400 19px/.95 VT323,Courier New,monospace}.profile-editor__field textarea{resize:vertical}.profile-editor__status{color:#5c2f2f;font:400 15px/.95 VT323,Courier New,monospace}.profile-editor__primary-button,.profile-editor__secondary-button{min-height:28px;border:2px solid #161616;padding:0 6px;cursor:pointer;font:400 17px/.9 VT323,Courier New,monospace;text-transform:uppercase;box-shadow:-3px 4px #000000e0}.profile-editor__primary-button{min-width:64px;background:#161616;color:#fff}.profile-editor__primary-button:disabled{cursor:wait;opacity:.58}.profile-editor__secondary-button{background:#fffef9;color:#161616}.profile-editor__capture-button,.profile-editor__login-button{width:100%}@media(max-width:520px){.profile-editor{width:min(94vw,360px)}.profile-editor__profile-panel,.profile-editor__login-panel{gap:10px}.profile-editor__title{font-size:19px}.profile-editor__avatar{width:34px}}