@font-face{font-family:Alagard;src:url(/fonts/alagard.ttf) format("truetype");font-weight:400;font-style:normal}html{background:#000}body{margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:-webkit-fill-available;background:#000;font-family:Alagard,monospace;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#game-container{background:#000;overflow:hidden;border:2px solid #16213e;box-shadow:0 0 20px #00000080}#game-container canvas{height:100vh;width:calc(100vh * 352 / 640);image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast}@media (pointer: coarse){body{position:fixed;width:100%;height:100%;height:-webkit-fill-available}#game-container{width:100vw;height:100vh;border:none;border-radius:0;box-shadow:none;display:flex;justify-content:center;align-items:flex-start}}html{position:fixed;width:100%;height:100%;height:-webkit-fill-available;overflow:hidden}#landscape-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;z-index:10000;justify-content:center;align-items:center;flex-direction:column;color:#e0e0e0;font-family:Alagard,monospace;font-size:18px;text-align:center;padding:20px}#landscape-overlay .rotate-icon{font-size:48px;margin-bottom:16px}@media (pointer: coarse) and (orientation: landscape) and (max-height: 600px){#landscape-overlay{display:flex}}@font-face{font-family:Romulus;src:url(/fonts/romulus.ttf) format("truetype")}.creator{--ink: #222034;--leather: #3d2510;--leather-deep: #2b1a0e;--brass: #d27d2c;--brass-dark: #8f563b;--gold: #fbf236;--gold-soft: #dad45e;--parchment: #eec39a;--text: #fff6e0;--muted: #a8886a;position:fixed;left:0;top:0;width:352px;height:640px;transform-origin:0 0;z-index:50;pointer-events:none;font-family:Alagard,monospace;color:var(--text);image-rendering:pixelated;-webkit-tap-highlight-color:transparent;transition:opacity .4s ease}.creator.is-leaving{opacity:0}.creator :where(button,input){font:inherit;color:inherit;pointer-events:auto}.creator :where(button){cursor:pointer;background:none;border:0;padding:0}.creator :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cc-hud-btn{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;background:#291709;border-radius:4px;box-shadow:inset 0 0 0 1px #c8a04a}.cc-hud-btn:hover{box-shadow:inset 0 0 0 1px #8a6030}.cc-hud-btn.is-current{color:#ffe060;background:#6a4a18;box-shadow:inset 0 0 0 2px #dab040}.cc-hud-btn:active{transform:translateY(1px)}.cc-turn,.cc-tile,.cc-btn{position:relative;isolation:isolate}.cc-turn:before,.cc-card:before,.cc-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-style:solid;border-width:12px;border-image:url(/ui/creator/art/card.png) 6 fill / 12px}.px-icon{position:relative;z-index:1;display:block;image-rendering:pixelated}.cc-outlined{text-shadow:2px 0 var(--ink),-2px 0 var(--ink),0 2px var(--ink),0 -2px var(--ink),2px 2px var(--ink),-2px 2px var(--ink),2px -2px var(--ink),-2px -2px var(--ink),0 4px var(--ink)}.cc-light,.cc-spot{position:absolute;left:calc(-1 * var(--side, 0px));right:calc(-1 * var(--side, 0px));top:0;height:296px;pointer-events:none}.cc-light{background:radial-gradient(ellipse 70% 55% at 15% -5%,rgba(255,214,120,.42),transparent 70%),repeating-linear-gradient(115deg,rgba(255,230,160,.1) 0 14px,transparent 14px 46px),linear-gradient(to bottom,#ffaa501a,#783c781f);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent);transition:opacity .3s}.cc-motes{position:absolute;left:0;right:0;top:0;height:290px;pointer-events:none;transition:opacity .3s}.cc-motes i{position:absolute;width:2px;height:2px;background:#fff3c4;box-shadow:0 0 4px 1px #ffd678cc;animation:cc-mote 9s ease-in-out infinite}@keyframes cc-mote{0%,to{transform:translate(0);opacity:.2}30%{opacity:.9}50%{transform:translate(10px,-14px);opacity:.7}80%{opacity:.35}}.cc-spot{background:radial-gradient(ellipse 120px 150px at 50% 150px,transparent 55%,rgba(20,12,30,.72) 100%);opacity:0;transition:opacity .3s}.creator.is-customizing .cc-spot{opacity:1}.creator.is-customizing .cc-light,.creator.is-customizing .cc-motes{opacity:0}.cc-logo{position:absolute;top:6px;left:0;right:0;margin:0;text-align:center;font-size:32px;font-weight:400;letter-spacing:1px;line-height:40px;background:linear-gradient(to bottom,#fbf236 0,#fbf236 14px,#dad45e 14px,#dad45e 20px,#d27d2c 20px,#d27d2c 28px,#8f563b 28px);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(0 3px 0 rgba(34,32,52,.6))}.cc-stage-hit{position:absolute;left:52px;right:52px;top:52px;height:180px;pointer-events:auto;cursor:grab;touch-action:none}.cc-turn-wrap,.cc-roll{position:absolute;top:110px;width:66px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:3}.cc-turn-wrap{left:4px}.cc-roll{right:4px}.cc-turn{width:40px;height:40px;display:grid;place-items:center}.cc-turn:hover .px-icon{transform:rotate(30deg)}.cc-turn .px-icon{transition:transform .16s}.cc-turn:hover:before{border-image-source:url(/ui/creator/art/card_on.png)}.cc-turn:active{transform:translateY(1px)}.cc-roll-die{position:relative;isolation:isolate;width:40px;height:40px;display:grid;place-items:center}.cc-roll-die:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-style:solid;border-width:12px;border-image:url(/ui/creator/art/card_on.png) 6 fill / 12px;box-shadow:0 3px #2220348c}.cc-roll-die .px-icon{transition:transform .12s}.cc-roll:hover .cc-roll-die .px-icon{transform:rotate(-10deg) translateY(-1px)}.cc-roll:active .cc-roll-die{transform:translateY(2px)}.cc-roll-die.is-rolling .px-icon{animation:cc-roll .52s steps(8) both}@keyframes cc-roll{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-90deg) translateY(-10px)}50%{transform:rotate(-180deg) translateY(-14px)}75%{transform:rotate(-270deg) translateY(-6px)}to{transform:rotate(-360deg) translateY(0)}}.cc-side-label{font-family:Romulus,monospace;font-size:16px;line-height:15px;text-align:center;color:var(--gold);text-shadow:1px 0 var(--ink),-1px 0 var(--ink),0 1px var(--ink),0 -1px var(--ink),0 2px var(--ink);white-space:nowrap;pointer-events:none}.cc-side-label>span{display:block}.cc-move{position:absolute;top:224px;left:0;right:0;text-align:center;font-family:Romulus,monospace;font-size:16px;color:var(--parchment);text-shadow:1px 0 var(--ink),-1px 0 var(--ink),0 1px var(--ink),0 -1px var(--ink)}.cc-namebar{position:absolute;top:248px;left:50%;transform:translate(-50%);height:32px;display:flex;align-items:center;gap:2px;padding:0 22px;background:var(--ink);box-shadow:inset 0 2px 0 var(--brass),inset 0 -2px 0 var(--brass-dark),inset 0 4px #45283c;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%);white-space:nowrap}.cc-name{pointer-events:auto;min-width:60px;max-width:250px;height:28px;padding:0 4px;text-align:center;font-size:19px;background:transparent;border:0;color:var(--text);caret-color:var(--gold)}.cc-name:focus{outline:none;color:var(--gold)}.cc-namebar .cc-name-dice,.cc-namebar.is-editing .cc-name-edit{display:none}.cc-namebar.is-editing .cc-name-dice{display:grid}.cc-icon-btn{width:26px;height:26px;display:grid;place-items:center;flex:none}.cc-icon-btn:hover .px-icon{transform:rotate(-12deg)}.cc-icon-btn:active .px-icon{transform:rotate(20deg)}.cc-panel{position:absolute;left:calc(-1 * var(--side, 0px));right:calc(-1 * var(--side, 0px));top:296px;bottom:0;padding:16px calc(10px + var(--side, 0px)) 0;box-shadow:inset 0 0 0 1px #c8a04a;background:url(/ui/creator/art/leather.png) 0 0 / 32px 32px repeat,var(--leather);pointer-events:auto;isolation:isolate}.cc-row{position:relative;display:grid;margin-bottom:8px}.cc-row--sex{grid-template-columns:1fr 1fr;gap:4px;width:196px;height:28px;margin:0 auto 6px}.cc-row--race{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.cc-card{height:70px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6px;font-size:14px;color:var(--muted)}.cc-card.is-current:before{border-image-source:url(/ui/creator/art/card_on.png)}.cc-card.is-current{color:var(--text)}.cc-portrait{position:absolute;top:-24px;left:50%;width:80px;height:80px;transform:translate(-50%);image-rendering:pixelated;filter:saturate(.7) brightness(.85);transition:filter .16s;pointer-events:none}.cc-card:hover .cc-portrait,.cc-card.is-current .cc-portrait{filter:none}.cc-card>span{position:relative;z-index:1;align-self:stretch;margin:0 6px;padding:2px 0 1px;text-align:center;background:#222034d9;box-shadow:0 -1px #8f563b99}.cc-row--class{grid-template-columns:repeat(5,1fr);height:78px;margin-top:8px;margin-bottom:4px;background:linear-gradient(to bottom,transparent 54px,#5b3a1e 54px 56px,var(--leather-deep) 56px 60px,transparent 60px)}.cc-hero{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--muted)}.cc-hero-figure{width:64px;height:64px;margin-bottom:2px;background-repeat:no-repeat;background-position:0 0;background-size:576px 64px;filter:saturate(.5) brightness(.75);transition:filter .16s}.cc-hero:hover .cc-hero-figure{filter:none}.cc-hero.is-current{color:var(--text)}.cc-hero{position:relative}.cc-hero.is-current:before{content:"";position:absolute;left:50%;bottom:18px;width:60px;height:70px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 85%,rgba(255,200,100,.35),transparent 65%);pointer-events:none}.cc-hero.is-current .cc-hero-figure{filter:drop-shadow(0 0 3px rgba(251,242,54,.35));animation:cc-walk .9s steps(9) infinite}@keyframes cc-walk{to{background-position:-576px 0}}.cc-tile.is-picked>span:last-child:after{content:"";display:inline-block;width:4px;height:4px;margin-left:4px;vertical-align:3px;background:var(--gold);box-shadow:0 0 0 1px var(--ink)}.cc-caret{position:absolute;top:-22px;width:24px;height:17px;margin-left:-12px;background:url(/ui/creator/art/caret.png) 0 0 / 24px 17px no-repeat;transition:left .18s ease-out;animation:cc-bob 1.1s ease-in-out infinite;pointer-events:none;z-index:2}.cc-row--class .cc-caret{top:-6px}@keyframes cc-bob{50%{transform:translateY(3px)}}.cc-tile:active{transform:translateY(1px)}.cc-customize-toggle{gap:6px;height:32px;margin:6px auto 0;padding:0 14px 0 8px}.cc-sound{position:absolute;top:10px;left:8px;z-index:4;width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#222034cc;box-shadow:0 0 0 1px #c8a04a}.cc-sound:hover{box-shadow:0 0 0 1px var(--gold)}.cc-sound:active{transform:translateY(1px)}.cc-footer{position:absolute;left:10px;right:10px;bottom:14px;display:grid;pointer-events:auto;z-index:2}.cc-btn{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;text-shadow:1px 1px var(--ink)}.cc-btn:before{border-width:0 26px 0 80px;border-image:url(/ui/creator/btn_brown.png) 0 13 0 40 fill / 0 26px 0 80px stretch}.cc-btn--play:before{border-image-source:url(/ui/creator/btn_green.png)}.cc-btn--play:hover:before,.cc-btn--play:focus-visible:before{border-image-source:url(/ui/creator/btn_green_hi.png)}.cc-btn .cc-btn-label{white-space:nowrap}.cc-btn:active{transform:translateY(2px)}.cc-btn--play{font-size:24px;color:#fff;text-shadow:2px 2px var(--ink)}.cc-btn--play:focus-visible{outline:none}.cc-btn--play.is-joining{filter:brightness(.85);pointer-events:none}.cc-sheet{position:absolute;left:calc(-1 * var(--side, 0px));right:calc(-1 * var(--side, 0px));top:296px;bottom:72px;padding:14px calc(12px + var(--side, 0px)) 8px;box-shadow:inset 0 0 0 1px #c8a04a;background:url(/ui/creator/art/leather.png) 0 0 / 32px 32px repeat,var(--leather);pointer-events:auto;transform:translateY(110%);visibility:hidden;transition:transform .22s ease-out,visibility 0s .22s;z-index:1;display:flex;flex-direction:column;gap:8px}.cc-sheet.is-open{transform:none;visibility:visible;transition:transform .22s ease-out}.cc-sheet-head{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--parchment)}.cc-done{font-size:14px;color:var(--gold-soft);padding:2px 6px}.cc-done:hover{color:var(--gold)}.cc-field{display:grid;grid-template-columns:58px 1fr 24px;align-items:center;gap:6px;min-height:28px;padding:3px 4px;background:#2b1a0ebf;box-shadow:inset 0 0 0 1px #222034cc,0 1px #5b3a1e}.cc-field-label{font-family:Romulus,monospace;font-size:16px;color:var(--muted)}.cc-field .cc-icon-btn{width:24px;height:24px}.cc-swatches{display:flex;flex-wrap:wrap;gap:3px}.cc-swatch{width:18px;height:18px;box-shadow:inset 0 0 0 2px var(--ink),inset 2px 2px 0 2px #ffffff2e}.cc-swatch.is-current{box-shadow:inset 0 0 0 2px var(--ink),0 0 0 2px var(--gold)}.cc-swatches--hair{gap:2px}.cc-swatches--hair .cc-swatch{width:15px;height:15px}.cc-cycler{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;height:26px}.cc-cycler-value{text-align:center;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;gap:6px}.cc-cycler-arrow{width:22px;height:22px;display:grid;place-items:center}.cc-cycler-arrow:before{content:"";border-top:5px solid transparent;border-bottom:5px solid transparent}.cc-cycler-arrow--prev:before{border-right:7px solid var(--parchment)}.cc-cycler-arrow--next:before{border-left:7px solid var(--parchment)}.cc-cycler-arrow:hover:before{border-left-color:var(--gold);border-right-color:var(--gold)}.cc-palette-dots{display:inline-flex;gap:1px}.cc-palette-dots i{display:block;width:8px;height:12px;box-shadow:inset 0 0 0 1px var(--ink)}.cc-chips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.cc-chip{height:26px;padding:0 4px;font-size:12px;white-space:nowrap}.cc-toast{position:absolute;left:24px;right:24px;top:52px;padding:6px 8px;text-align:center;font-family:Romulus,monospace;font-size:16px;background:var(--ink);color:var(--parchment);box-shadow:0 0 0 2px var(--brass);opacity:0;transition:opacity .2s}.cc-toast.is-visible{opacity:1}@media (prefers-reduced-motion: reduce){.creator,.cc-sheet,.cc-toast,.cc-caret,.cc-portrait,.cc-hero-figure{transition:none}.cc-caret,.cc-hero.is-current .cc-hero-figure,.cc-roll-die.is-rolling .px-icon,.cc-motes i{animation:none}}.acct{--ink: #222034;--leather: #3d2510;--gold: #fbf236;--gold-line: #c8a04a;--parchment: #eec39a;--text: #fff6e0;--muted: #a8886a;position:fixed;left:0;top:0;width:352px;height:640px;transform-origin:0 0;z-index:60;pointer-events:none;font-family:Alagard,monospace;color:var(--text);image-rendering:pixelated;-webkit-tap-highlight-color:transparent}.acct :where(button,input){font:inherit;color:inherit;pointer-events:auto}.acct :where(button){cursor:pointer;background:none;border:0;padding:0}.acct :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.acct-wrap{position:absolute;top:10px;right:8px;pointer-events:auto}.acct-chip{display:flex;align-items:center;gap:3px;height:30px;max-width:104px;padding:0 10px 0 4px;font-size:14px;color:var(--parchment);background:#222034cc;box-shadow:0 0 0 1px var(--gold-line)}.acct-chip:after{content:"";flex:none;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--parchment)}.acct-chip:hover{color:var(--gold)}.acct-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct--game .acct-wrap{top:4px;right:4px}.acct--game .acct-chip{height:24px;padding:0;width:24px;justify-content:center;box-shadow:none;background:none}.acct--game .acct-chip .acct-name,.acct--game .acct-chip:after{display:none}.acct-menu{position:absolute;top:38px;right:0;width:178px;padding:8px 10px 10px;background:var(--ink);box-shadow:0 0 0 2px #d27d2c,0 4px #0006;display:none}.acct--game .acct-menu{top:30px}.acct-wrap.is-open .acct-menu{display:grid;gap:6px}.acct-who{margin:0 0 2px;font-family:Romulus,monospace;font-size:16px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-item{height:28px;font-size:13px;color:#fff;background:#291709;border-radius:4px;box-shadow:inset 0 0 0 1px var(--gold-line);text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.acct-item:hover{color:#ffe060;background:#6a4a18}.acct-about-link{justify-self:center;margin-top:2px;font-family:Romulus,monospace;font-size:15px;color:var(--muted);text-decoration:underline}.acct-about-link:hover{color:var(--gold)}.acct-pages{display:grid;gap:6px}.acct-page{display:block;padding:8px 10px;font-size:14px;color:var(--text);text-decoration:none;background:#1a0e06bf;box-shadow:inset 0 0 0 1px #c8a04a73}.acct-page:after{content:" ↗";color:var(--muted)}.acct-page:hover{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-line)}.acct-sheet{position:absolute;left:calc(-1 * var(--side, 0px));right:calc(-1 * var(--side, 0px));top:0;bottom:0;display:none;place-items:center;background:#0c08149e;pointer-events:auto}.acct-sheet.is-open{display:grid}.acct-sheet-body{width:320px;max-height:600px;overflow-y:auto;padding:12px 14px 14px;box-sizing:border-box;background:url(/ui/creator/art/leather.png) 0 0 / 32px 32px repeat,var(--leather);box-shadow:0 0 0 1px var(--gold-line),0 0 0 3px var(--ink),0 8px 24px #0009;display:grid;gap:9px}.acct-head{display:flex;justify-content:space-between;align-items:center}.acct-head h2{margin:0;font-size:18px;font-weight:400;color:var(--gold);text-shadow:1px 1px var(--ink);white-space:pre}.acct-close{width:26px;height:26px;font-size:14px;color:var(--parchment)}.acct-close:hover{color:var(--gold)}.acct-lede{margin:0;font-family:Romulus,monospace;font-size:16px;line-height:15px;color:var(--parchment)}.acct-social{height:36px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;border-radius:4px}.acct-social--google{background:#fff;color:#1f1f1f;box-shadow:inset 0 0 0 1px #dadce0}.acct-social--discord{background:#5865f2;color:#fff}.acct-social:active{transform:translateY(1px)}.acct-or{display:flex;align-items:center;gap:8px;font-family:Romulus,monospace;font-size:15px;color:var(--muted)}.acct-or:before,.acct-or:after{content:"";flex:1;height:1px;background:#c8a04a80}.acct-form{display:grid;gap:7px}.acct-input{height:34px;padding:0 10px;font-size:14px;color:var(--text);background:#1a0e06;border:0;border-radius:3px;box-shadow:inset 0 0 0 1px #c8a04a99,inset 0 2px 4px #00000080}.acct-input::placeholder{color:var(--muted)}.acct-input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--gold-line)}.acct-error{min-height:15px;margin:0;font-family:Romulus,monospace;font-size:15px;color:#ff8a7a}.acct-submit{height:36px;font-size:15px;color:#ffe060;background:#6a4a18;border-radius:4px;box-shadow:inset 0 0 0 2px #dab040;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.acct-submit:disabled{filter:brightness(.7);cursor:wait}.acct-submit:active{transform:translateY(1px)}.acct-link{justify-self:center;font-family:Romulus,monospace;font-size:16px;color:var(--gold);text-decoration:underline}.acct-link--inline{font-size:16px}.acct-saves{display:grid;gap:6px}.acct-empty{margin:6px 0;text-align:center;font-family:Romulus,monospace;font-size:16px;color:var(--muted)}.acct-save{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:7px;padding:4px 6px 4px 4px;background:#1a0e06bf;box-shadow:inset 0 0 0 1px #c8a04a73}.acct-save.is-current{box-shadow:inset 0 0 0 2px #dab040}.acct-portrait{width:44px;height:44px;image-rendering:pixelated;object-fit:cover;object-position:top}.acct-save-info{display:grid;min-width:0}.acct-save-info strong{font-weight:400;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-save-kind,.acct-save-progress{font-family:Romulus,monospace;font-size:14px;line-height:13px;color:var(--parchment)}.acct-save-progress{color:var(--muted)}.acct-play{height:28px;padding:0 10px;font-size:13px;color:#fff;background:#2f5a1e;border-radius:4px;box-shadow:inset 0 0 0 1px #99e550;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.acct-play:disabled{background:#291709;box-shadow:inset 0 0 0 1px var(--gold-line);color:var(--muted);cursor:default}.acct-delete{min-width:22px;height:28px;font-size:12px;color:var(--muted)}.acct-delete.is-armed{color:#ff8a7a;font-size:12px}.acct-new{margin-top:2px}.acct-toast{position:absolute;left:24px;right:24px;top:52px;padding:6px 8px;text-align:center;font-family:Romulus,monospace;font-size:16px;background:var(--ink);color:var(--parchment);box-shadow:0 0 0 2px #d27d2c;opacity:0;transition:opacity .2s}.acct-toast.is-visible{opacity:1}.gear{--ink: #222034;--leather: #3d2510;--brass: #d27d2c;--brass-dark: #8f563b;--gold: #fbf236;--parchment: #eec39a;--text: #fff6e0;--muted: #a8886a;--well: #291709;position:fixed;left:0;top:0;width:352px;height:640px;transform-origin:0 0;z-index:55;pointer-events:none;font-family:Alagard,monospace;color:var(--text);image-rendering:pixelated;-webkit-tap-highlight-color:transparent}.gear[hidden]{display:none}.gear :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;pointer-events:auto}.gear :focus-visible{outline:2px solid var(--gold);outline-offset:1px}.gear-panel{position:absolute;top:32px;height:448px;left:calc(-1 * var(--side, 0px));right:calc(-1 * var(--side, 0px));padding:8px calc(10px + var(--side, 0px)) 6px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow-y:auto;pointer-events:auto;background:url(/ui/creator/art/leather.png) 0 0 / 32px 32px repeat,var(--leather);box-shadow:inset 0 0 0 1px #c8a04a,inset 0 0 24px #00000073;scrollbar-width:thin;scrollbar-color:var(--brass-dark) transparent}.gear-head{display:flex;align-items:center;gap:8px;min-height:40px}.gear-face{flex:none;width:52px;height:52px;background:var(--ink) center 12% / cover no-repeat;box-shadow:0 0 0 1px var(--ink),0 0 0 3px var(--gold),0 0 0 4px var(--brass-dark);margin:3px}.gear-face.is-blank{background:radial-gradient(circle at 50% 40%,#5a3a20,var(--ink))}.gear-who{flex:1;min-width:0}.gear-title{font-family:Romulus,monospace;font-size:15px;color:var(--gold);text-shadow:1px 1px var(--ink)}.gear-title--big{flex:1;font-size:20px}.gear-says{font-family:Romulus,monospace;font-size:12px;line-height:1.3;color:var(--parchment);margin-top:2px}.gear-purse{flex:none;padding:3px 8px;background:var(--well);border-radius:4px;box-shadow:inset 0 0 0 1px var(--brass-dark);font-size:15px}.gear-close{flex:none;width:28px;height:28px;font-size:16px;border-radius:4px;background:var(--well);box-shadow:inset 0 0 0 1px #c8a04a}.gear-close:active{transform:translateY(1px)}.gear-coins{display:inline-flex;align-items:center;gap:4px;color:var(--gold);text-shadow:1px 1px var(--ink);white-space:nowrap}.gear-coin{display:inline-block;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6a0,#fbf236 40%,#d27d2c 75%);box-shadow:0 0 0 1px #8f563b}.gear-coins.is-dear{color:#d95763}.gear-tabs{display:flex;gap:6px}.gear-tab{flex:1;height:26px;font-size:14px;color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;background:var(--well);border-radius:4px;box-shadow:inset 0 0 0 1px #c8a04a}.gear-tab.is-current{color:#ffe060;background:#6a4a18;box-shadow:inset 0 0 0 2px #dab040}.gear-list{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-height:90px;overflow-y:auto}.gear-row{display:flex;align-items:center;gap:8px;min-height:42px;padding:2px 8px 2px 3px;text-align:left;background:#291709d9;border-radius:3px;box-shadow:inset 0 0 0 1px #6a4a18}.gear-row:hover{box-shadow:inset 0 0 0 1px var(--brass)}.gear-row.is-current{background:#4a3012;box-shadow:inset 0 0 0 2px #dab040}.gear-row-name{flex:1;font-size:14px}.gear-row-slot{font-family:Romulus,monospace;font-size:11px;color:var(--muted)}.gear-row-act{color:var(--gold);font-size:13px}.gear-count{color:var(--parchment);font-size:12px}.gear-empty{padding:10px 6px;font-family:Romulus,monospace;font-size:13px;color:var(--parchment);text-align:center}.gear-icon{flex:none;position:relative;width:36px;height:36px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#4a3a52,var(--ink) 75%);box-shadow:inset 0 0 0 1px var(--brass-dark);border-radius:2px}.gear-icon img{width:32px;height:32px;image-rendering:pixelated}.gear-icon:not(.has-art):after{font-family:Romulus,monospace;font-size:10px;color:#5e5068;content:attr(data-slot)}.gear-icon--big{width:56px;height:56px}.gear-icon--big img{width:48px;height:48px}.gear-detail{display:flex;align-items:center;gap:8px;padding:6px;background:#222034bf;border-radius:3px;box-shadow:inset 0 0 0 1px #c8a04a}.gear-detail-words{flex:1;min-width:0}.gear-detail-name{color:var(--gold);font-size:15px;text-shadow:1px 1px var(--ink)}.gear-detail-about,.gear-detail-note{font-family:Romulus,monospace;font-size:12px;line-height:1.3;color:var(--parchment)}.gear-detail-note{color:var(--muted)}.gear-actions{display:flex;flex-direction:column;gap:4px;flex:none}.gear-btn{position:relative;z-index:0;min-width:92px;height:26px;padding:0 10px;font-size:13px;color:#fff;text-shadow:1px 1px var(--ink);display:inline-flex;align-items:center;justify-content:center}.gear-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-style:solid;border-width:0 13px 0 40px;border-image:url(/ui/creator/btn_brown.png) 0 13 0 40 fill / 0 13px 0 40px stretch}.gear-btn--go:before{border-image-source:url(/ui/creator/btn_green.png)}.gear-btn--go:hover:before{border-image-source:url(/ui/creator/btn_green_hi.png)}.gear-btn:active{transform:translateY(1px)}.gear-btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.gear-btn-label{display:inline-flex;gap:4px;align-items:center}.gear-btn .gear-coins{color:#fff}.gear-notice{min-height:15px;font-family:Romulus,monospace;font-size:12px;color:var(--gold);text-align:center}.gear-stage{position:relative;flex:none;height:168px;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse 60% 14% at 50% 88%,rgba(0,0,0,.45),transparent 70%),radial-gradient(ellipse 55% 75% at 50% 40%,#5b4a6e,#2b2440 60%,var(--ink));box-shadow:inset 0 0 0 1px #c8a04a}.gear-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 40% 60% at 50% 30%,rgba(255,214,120,.22),transparent 70%);pointer-events:none}.gear-hero{position:absolute;left:50%;bottom:-10px;width:192px;height:192px;margin-left:-96px;image-rendering:pixelated;cursor:pointer}.gear-turn{position:absolute;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;font-size:13px;color:var(--gold);background:#291709d9;box-shadow:inset 0 0 0 1px #c8a04a}.gear-turn--left{left:12px}.gear-turn--right{right:12px}.gear-stage.is-busy .gear-hero{filter:brightness(.6)}.gear-busy{position:absolute;left:0;right:0;top:12px;text-align:center;color:var(--gold);font-size:14px;text-shadow:1px 1px var(--ink)}.gear-slots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.gear-slot{display:flex;align-items:center;min-width:0;min-height:42px;background:#291709d9;border-radius:3px;box-shadow:inset 0 0 0 1px #6a4a18}.gear-slot.is-current{background:#4a3012;box-shadow:inset 0 0 0 2px #dab040}.gear-slot-pick{flex:1;min-width:0;display:flex;align-items:center;gap:6px;align-self:stretch;padding:2px 4px 2px 3px;text-align:left}.gear-slot-off{flex:none;width:24px;height:24px;margin-right:4px;font-size:12px;color:var(--parchment);border-radius:4px;background:var(--well);box-shadow:inset 0 0 0 1px var(--brass-dark)}.gear-slot-off:hover{color:#fff;box-shadow:inset 0 0 0 1px #c8a04a}.gear-slot-off:disabled{opacity:.5;cursor:default}.gear-slot-words{display:flex;flex-direction:column;min-width:0}.gear-slot-name{font-family:Romulus,monospace;font-size:11px;color:var(--muted)}.gear-slot-item{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear-pick{display:flex;flex-direction:column;gap:3px;padding:4px;background:#22203499;border-radius:3px;box-shadow:inset 0 0 0 1px var(--brass-dark)}.gear-pick>.gear-btn{align-self:center;margin-top:2px}.gear-power{display:flex;gap:8px;font-size:12px;color:var(--text);margin-top:2px}.gear-power .is-up{color:#99e550}.gear-power .is-down{color:#d95763}.gear-sheet{display:flex;gap:8px;align-items:stretch}.gear-portrait{position:relative;flex:none;width:96px;height:104px;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse 55% 75% at 50% 40%,#5b4a6e,#2b2440 60%,var(--ink));box-shadow:inset 0 0 0 1px #c8a04a}.gear-hero--small{width:128px;height:128px;margin-left:-64px;bottom:-14px;cursor:default}.gear-facts{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.gear-level{color:var(--gold);font-size:14px;text-shadow:1px 1px var(--ink)}.gear-bar{display:flex;align-items:center;gap:6px}.gear-bar-label{width:28px;font-size:12px;color:var(--parchment)}.gear-bar-track{position:relative;flex:1;height:14px;background:var(--well);border-radius:2px;box-shadow:inset 0 0 0 1px var(--brass-dark);overflow:hidden}.gear-bar-fill{position:absolute;left:0;top:0;bottom:0}.gear-bar--hp .gear-bar-fill{background:linear-gradient(#d95763,#ac3232)}.gear-bar--mp .gear-bar-fill{background:linear-gradient(#5fcde4,#306082)}.gear-bar--xp .gear-bar-fill{background:linear-gradient(#fbf236,#d27d2c)}.gear-bar-text{position:relative;display:block;text-align:center;font-size:11px;line-height:14px;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.gear-attrs{display:flex;flex-direction:column;gap:3px}.gear-attr{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;background:#291709d9;border-radius:3px;box-shadow:inset 0 0 0 1px #6a4a18}.gear-attr.is-current{background:#4a3012;box-shadow:inset 0 0 0 2px #dab040}.gear-attr-key{width:32px;text-align:left;font-size:14px;color:var(--gold);text-shadow:1px 1px var(--ink)}.gear-attr-value{width:24px;text-align:right;font-size:16px}.gear-attr-track{position:relative;flex:1;height:8px;background:var(--well);border-radius:2px;box-shadow:inset 0 0 0 1px var(--brass-dark);overflow:hidden}.gear-attr-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#eec39a,#d27d2c)}.gear-attr-max{width:26px;text-align:right;font-family:Romulus,monospace;font-size:11px;color:var(--muted)}.gear-powers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gear-power-tile{display:flex;flex-direction:column;align-items:center;padding:4px 0 3px;background:#222034bf;border-radius:3px;box-shadow:inset 0 0 0 1px #c8a04a}.gear-power-value{font-size:20px;color:var(--gold);text-shadow:1px 1px var(--ink)}.gear-power-name{font-family:Romulus,monospace;font-size:11px;color:var(--parchment)}.gear-sheet-note{text-align:center}