@font-face{font-family:Alagard;src:url(/fonts/alagard.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:-webkit-fill-available;background:#1a1a2e;font-family:Alagard,monospace;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#game-container{background:#0f0f1e;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-turn,.cc-tile,.cc-btn,.cc-chip{position:relative;isolation:isolate}.cc-turn:before,.cc-card:before,.cc-btn:before,.cc-chip: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-vignette{position:absolute;left:0;top:0;width:352px;height:296px;background:radial-gradient(ellipse 70% 62% at 50% 52%,transparent 55%,rgba(34,32,52,.55) 100%),linear-gradient(to bottom,rgba(34,32,52,.5),transparent 70px)}.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:0;right:0;top:296px;bottom:0;padding:16px 10px 0;background:url(/ui/creator/art/leather.png) 0 0 / 32px 32px repeat,var(--leather);pointer-events:auto;isolation:isolate}.cc-rail{position:absolute;left:0;right:0;top:-4px;height:10px;background:url(/ui/creator/art/rail.png) 0 0 / 32px 10px repeat-x;box-shadow:0 2px #22203499}.cc-row{position:relative;display:grid;margin-bottom:8px}.cc-row--sex{grid-template-columns:1fr 1fr;width:196px;height:30px;margin:0 auto 6px;padding:3px;background:var(--leather-deep);box-shadow:inset 0 0 0 2px var(--ink),inset 0 2px 0 2px #00000059,0 1px #5b3a1e}.cc-switch-opt{font-size:14px;color:var(--muted)}.cc-switch-opt.is-current{color:var(--ink);background:linear-gradient(to bottom,#fbf236 0,#fbf236 2px,#dad45e 2px,#dad45e 4px,#d27d2c 4px,#d27d2c calc(100% - 4px),#8f563b calc(100% - 4px));box-shadow:0 0 0 2px var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.35)}.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.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{position:relative;isolation:isolate;display:flex;align-items:center;gap:6px;height:36px;margin:6px auto 0;padding:0 16px 0 10px;font-size:15px;color:var(--parchment)}.cc-customize-toggle: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}.cc-customize-toggle:hover{color:var(--gold)}.cc-customize-toggle:hover:before{border-image-source:url(/ui/creator/art/card_on.png)}.cc-customize-toggle:active{transform:translateY(1px)}.cc-account-wrap{position:absolute;top:10px;right:8px;z-index:4;pointer-events:auto}.cc-account{display:flex;align-items:center;gap:3px;height:30px;padding:0 10px 0 4px;font-size:14px;color:var(--parchment);background:#222034cc;box-shadow:0 0 0 2px var(--brass-dark),inset 0 2px #ffffff14}.cc-account:after{content:"";margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--parchment)}.cc-account:hover{color:var(--gold)}.cc-account-wrap .cc-account-menu{position:absolute;top:38px;right:0;width:150px;padding:8px 10px 10px;background:var(--ink);box-shadow:0 0 0 2px var(--brass),0 4px #0006;display:none}.cc-account-wrap.is-open .cc-account-menu{display:block}.cc-account-menu p{margin:0 0 8px;font-family:Romulus,monospace;font-size:16px;color:var(--muted)}.cc-account-menu button{width:100%;height:28px;font-size:14px;color:var(--ink);background:linear-gradient(to bottom,#fbf236 0,#fbf236 2px,#dad45e 2px,#dad45e 4px,#d27d2c 4px,#d27d2c calc(100% - 4px),#8f563b calc(100% - 4px));box-shadow:0 0 0 2px #000}.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:0;right:0;top:296px;bottom:72px;padding:14px 12px 8px;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:before{content:"";position:absolute;left:0;right:0;top:-4px;height:10px;background:url(/ui/creator/art/rail.png) 0 0 / 32px 10px repeat-x}.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:28px;padding:0 4px;font-size:12px;white-space:nowrap;color:var(--muted)}.cc-chip.is-current{color:var(--gold)}.cc-chip.is-current:before{border-image-source:url(/ui/creator/art/card_on.png)}.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{animation:none}}