.creator{--stone-edge:#3a2f52;--dim:#9c92b8;background:var(--void);color:var(--parchment);touch-action:manipulation;justify-content:center;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.creator-col{flex-direction:column;width:min(390px,100vw);min-height:0;display:flex}.creator .px{font-family:var(--font-px);font-weight:400;line-height:1.6}.creator .mono{font-family:var(--font-mono)}.creator-top{padding:14px 16px 10px;padding-top:calc(14px + env(safe-area-inset-top));flex:none;justify-content:space-between;align-items:center;display:flex}.creator-top .title{color:var(--torch);font-size:11px}.creator-top .party{color:var(--dim);letter-spacing:.1em;font-size:10px}.creator-top .party b{color:var(--mana)}.creator-stage{border:1px solid var(--stone-edge);background:radial-gradient(ellipse 70% 55% at 50% 20%, #f2b1341a, transparent 70%), var(--stone);flex:none;height:250px;margin:4px 16px 0;position:relative}.creator-stage canvas{width:100%;height:100%;display:block}.creator-stage .anim{gap:6px;display:flex;position:absolute;bottom:10px;left:10px}.creator-stage button{min-width:44px;min-height:44px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);background:var(--void);border:1px solid var(--stone-edge);cursor:pointer;padding:5px 10px;font-size:10px}.creator-stage button[aria-pressed=true]{color:var(--torch);border-color:var(--torch)}.creator-stage .flip{font-size:20px;line-height:1;position:absolute;bottom:10px;right:10px}.creator-name{flex:none;align-items:center;gap:10px;padding:12px 16px 4px;display:flex}.creator-name input{background:var(--stone);border:1px solid var(--stone-edge);min-height:44px;color:var(--parchment);font-family:var(--font-mono);-webkit-user-select:text;user-select:text;touch-action:manipulation;outline:none;flex:1;padding:10px 12px;font-size:16px}.creator-name input:focus{border-color:var(--potion)}.creator-name .dice{border:1px solid var(--stone-edge);background:var(--stone);min-width:48px;min-height:44px;color:var(--parchment);cursor:pointer;font-size:18px}.creator-slots{scrollbar-width:none;touch-action:pan-x;flex:none;gap:8px;padding:12px 16px 4px;display:flex;overflow-x:auto}.creator-slots::-webkit-scrollbar{display:none}.creator-slots button{min-height:44px;font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--stone-edge);background:var(--stone);color:var(--dim);text-transform:uppercase;cursor:pointer;flex:none;padding:8px 14px;font-size:11px}.creator-slots button[aria-selected=true]{color:var(--void);background:var(--torch);border-color:var(--torch);font-weight:600}.creator-items{box-sizing:border-box;touch-action:pan-y;flex:0 auto;grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;min-height:0;padding:12px 16px 10px;display:grid;overflow-y:auto}.creator-items button{aspect-ratio:1;border:1px solid var(--stone-edge);background:var(--stone);cursor:pointer;justify-content:center;align-items:center;min-height:44px;padding:0;display:flex;position:relative}.creator-items canvas{width:auto;max-width:82%;height:82%;image-rendering:pixelated}.creator-items button[aria-pressed=true]{border-color:var(--potion);box-shadow:0 0 0 1px var(--potion)}.creator-items button.locked{opacity:.35}.creator-items button.locked:after{content:"?";font-family:var(--font-px);color:var(--dim);font-size:12px;position:absolute}.creator-items button.fresh:before,.creator-dye button.fresh:before{content:"new!";z-index:1;background:var(--potion);color:var(--void);font-family:var(--font-px);pointer-events:none;padding:2px 4px;font-size:6px;line-height:1;position:absolute;top:-5px;right:-4px}.creator-dye button.fresh{position:relative;overflow:visible}.creator-items button.none:before{content:"";border:1px dashed var(--dim);width:45%;height:45%}.creator-items.loading button{animation:1.1s ease-in-out infinite creator-shimmer}@keyframes creator-shimmer{0%,to{opacity:.35}50%{opacity:.7}}.creator-dye{scrollbar-width:none;touch-action:pan-x;flex:none;align-items:center;gap:10px;padding:2px 16px 12px;display:flex;overflow-x:auto}.creator-dye::-webkit-scrollbar{display:none}.creator-dye[hidden]{display:none}.creator-dye .lbl,.creator-dye button{flex:none}.creator-dye .lbl{font-family:var(--font-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.creator-dye button{border:1px solid var(--stone-edge);background:var(--stone);cursor:pointer;background-clip:content-box;width:44px;height:44px;padding:9px}.creator-dye button[aria-pressed=true]{border-color:var(--torch);box-shadow:0 0 0 1px var(--torch)}.creator-slack{flex:auto;min-height:0}@supports (animation-timeline:scroll()){@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:0}.creator-slots,.creator-dye{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start)), linear-gradient(to left, transparent, #000 var(--fade-end));mask-image:linear-gradient(to right, transparent, #000 var(--fade-start)), linear-gradient(to left, transparent, #000 var(--fade-end));animation-name:creator-fade-start,creator-fade-end;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes creator-fade-start{0%{--fade-start:0px}12%,to{--fade-start:28px}}@keyframes creator-fade-end{0%,88%{--fade-end:28px}to{--fade-end:0px}}}.creator-bottom{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--stone-edge);background:var(--void);flex:none;gap:10px;display:flex}.creator-bottom button{text-align:center;min-height:48px;font-family:var(--font-px);border:1px solid var(--stone-edge);background:var(--stone);color:var(--parchment);cursor:pointer;flex:1;padding:14px 4px;font-size:9px;line-height:1.6}.creator-bottom button.primary{background:var(--potion);border-color:var(--potion);color:var(--void)}.creator-bottom button[aria-disabled=true]{opacity:.45}.creator-scrim{z-index:1;background:#14101fd1;animation:.22s ease-out creator-scrim-in;position:fixed;inset:0}.creator-scrim[hidden]{display:none}.creator-portrait{z-index:2;border:1px solid var(--torch);background:var(--void);flex-direction:column;gap:10px;height:min(62vh,520px);padding:10px;animation:.22s ease-out creator-portrait-in;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 12px 32px #0009}.creator-portrait[hidden]{display:none}.creator-portrait img{object-fit:contain;background:var(--stone);flex:auto;width:100%;min-height:0}.creator-portrait img[hidden],.creator-portrait .mono[hidden]{display:none}.creator-portrait .mono{text-align:center;color:var(--dim);flex:auto;justify-content:center;align-items:center;margin:0;padding:0 20px;font-size:12px;display:flex}.creator-portrait .actions{flex:none;gap:10px;display:flex}.creator-portrait .actions button{font-family:var(--font-px);color:var(--parchment);background:var(--stone);flex:1;font-size:9px}.creator-portrait .actions button:first-child{color:var(--torch);border-color:var(--torch)}@keyframes creator-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes creator-portrait-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.creator-toast{background:var(--stone);border:1px solid var(--torch);color:var(--parchment);font-family:var(--font-mono);pointer-events:none;opacity:0;padding:10px 16px;font-size:12px;transition:opacity .16s ease-out;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.creator-toast.on{opacity:1}.dungeon{--stone-edge:#3a2f52;--dim:#9c92b8;background:var(--void);color:var(--parchment);touch-action:manipulation;justify-content:center;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.dungeon-col{flex-direction:column;width:min(390px,100vw);min-height:0;display:flex;position:relative}.dungeon .px{font-family:var(--font-px);font-weight:400;line-height:1.6}.dungeon .mono{font-family:var(--font-mono)}.dungeon-top{padding:14px 16px 10px;padding-top:calc(14px + env(safe-area-inset-top));flex:none;justify-content:space-between;align-items:center;display:flex}.dungeon-top .title{color:var(--torch);font-size:11px}.dungeon-top .back{min-width:44px;min-height:44px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);border:1px solid var(--stone-edge);cursor:pointer;background:0 0;padding:6px 12px;font-size:10px}.dungeon-rooms{flex:none;gap:6px;padding:0 16px 10px;display:flex}.dungeon-rooms .room{border:1px solid var(--stone-edge);background:var(--stone);min-height:44px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--dim);text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.dungeon-rooms .room .glyph{font-size:15px;line-height:1}.dungeon-rooms .room[data-state=done]{color:var(--mana);border-color:var(--mana);opacity:.7}.dungeon-rooms .room[data-state=current]{color:var(--torch);border-color:var(--torch);box-shadow:0 0 0 1px var(--torch)}.dungeon-stage{border:1px solid var(--stone-edge);background:radial-gradient(ellipse 75% 55% at 50% 15%, #f2b13417, transparent 70%), var(--stone);flex:auto;min-height:0;margin:0 16px;position:relative}.dungeon-stage canvas{width:100%;height:100%;display:block}.dungeon-stage .speed{min-width:48px;min-height:44px;font-family:var(--font-mono);color:var(--torch);border:1px solid var(--stone-edge);cursor:pointer;background:#14101fcc;font-size:11px;position:absolute;top:8px;right:8px}.dungeon-stage .speed[hidden]{display:none}.dungeon-stage .limit{min-width:140px;min-height:52px;font-family:var(--font-px);letter-spacing:.12em;color:var(--void);background:var(--potion);border:2px solid var(--parchment);cursor:pointer;padding:6px 18px;font-size:12px;animation:.9s ease-in-out infinite limit-pulse;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.dungeon-stage .limit[hidden]{display:none}@keyframes limit-pulse{0%,to{background:var(--potion);box-shadow:0 0 #e85d9bb3}50%{background:var(--torch);box-shadow:0 0 0 12px #e85d9b00}}@media (prefers-reduced-motion:reduce){.dungeon-stage .limit{animation:none}}.dungeon-panel{padding:12px 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:10px;display:flex}.dungeon-hint{font-family:var(--font-mono);color:var(--dim);letter-spacing:.06em;text-align:center;min-height:16px;font-size:11px}.dungeon-actions{gap:10px;display:flex}.dungeon-actions button{min-height:52px;font-family:var(--font-px);border:1px solid var(--stone-edge);background:var(--stone);color:var(--parchment);cursor:pointer;flex:1;padding:14px 4px;font-size:9px;line-height:1.6}.dungeon-actions button.primary{background:var(--potion);border-color:var(--potion);color:var(--void)}.dungeon-actions button.ghost{color:var(--dim);background:0 0}.dungeon-actions[hidden]{display:none}.dungeon[data-phase=prepare] .dungeon-stage{flex:none;height:45vh;min-height:210px}.dungeon[data-phase=prepare] .dungeon-panel{flex:auto;gap:8px;min-height:0;padding-top:8px}.dungeon-prep{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow-y:auto}.dungeon-prep[hidden]{display:none}.dungeon-prep .hero{border:1px solid var(--stone-edge);background:var(--stone);grid-template-columns:40px 1fr;grid-template-areas:"face who""sockets sockets""note note";gap:6px 10px;padding:8px 10px;display:grid}.dungeon-prep .hero[data-who=you]{border-color:var(--torch)}.dungeon-prep .face{border:1px solid var(--stone-edge);background:var(--void);grid-area:face;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.dungeon-prep .face canvas{width:auto;max-width:100%;height:100%;image-rendering:pixelated}.dungeon-prep .who{flex-direction:column;grid-area:who;justify-content:center;gap:5px;display:flex}.dungeon-prep .name{color:var(--torch);font-size:9px}.dungeon-prep .innate{color:var(--dim);letter-spacing:.04em;font-size:10px}.dungeon-prep .sockets{grid-area:sockets;grid-template-columns:1fr 1fr;gap:8px;display:grid}.dungeon-prep .socket{text-align:left;border:1px dashed var(--stone-edge);background:var(--void);min-height:44px;color:var(--parchment);align-items:center;gap:8px;padding:6px 8px;display:flex}.dungeon-prep .hero[data-who=you] .socket{cursor:pointer;border-style:solid}.dungeon-prep .hero[data-who=ally] .socket{min-height:36px}.dungeon-prep .socket .glyph{color:var(--dim);font-size:17px;line-height:1}.dungeon-prep .socket .label{font-family:var(--font-mono);font-size:10px;line-height:1.3}.dungeon-prep .socket[data-rarity=empty] .label{color:var(--dim)}.dungeon-prep .note{letter-spacing:.06em;color:var(--mana);grid-area:note;font-size:9px}.dungeon-picker{z-index:2;padding:14px 16px calc(14px + env(safe-area-inset-bottom));padding-top:calc(14px + env(safe-area-inset-top));background:var(--void);flex-direction:column;display:flex;position:absolute;inset:0}.dungeon-picker[hidden]{display:none}.dungeon-picker .picker-top{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.dungeon-picker .picker-title{color:var(--torch);font-size:11px}.dungeon-picker .picker-close{letter-spacing:.08em;min-width:44px;min-height:44px;color:var(--dim);border:1px solid var(--stone-edge);cursor:pointer;background:0 0;padding:6px 12px;font-size:10px}.dungeon-picker .picker-grid{flex:auto;grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;min-height:0;padding:8px 6px;display:grid;overflow-y:auto}.dungeon-picker .orb{text-align:left;border:1px solid var(--stone-edge);background:var(--stone);min-height:86px;color:var(--parchment);cursor:pointer;grid-template-columns:auto 1fr;gap:3px 8px;padding:8px 10px;display:grid;position:relative}.dungeon-picker .orb[aria-pressed=true]{border-color:var(--potion);box-shadow:0 0 0 1px var(--potion)}.dungeon-picker .orb .glyph{grid-row:1/span 2;align-self:center;font-size:22px;line-height:1}.dungeon-picker .orb .name{font-family:var(--font-px);color:var(--torch);font-size:8px;line-height:1.5}.dungeon-picker .orb .rarity{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:9px}.dungeon-picker .orb[data-rarity=rare] .rarity{color:var(--torch)}.dungeon-picker .orb .flavor{font-family:var(--font-mono);color:var(--dim);grid-column:1/-1;font-size:9px;line-height:1.4}.dungeon-picker .orb .badge{background:var(--potion);color:var(--void);font-family:var(--font-px);padding:3px 5px;font-size:6px;line-height:1;position:absolute;top:-7px;right:-5px}.dungeon-loot{justify-content:center;gap:10px;display:flex}.dungeon-loot[hidden]{display:none}.dungeon-loot .card{border:1px solid var(--torch);background:var(--stone);flex-direction:column;flex:0 150px;align-items:center;gap:8px;padding:10px 8px 12px;display:flex;position:relative}.dungeon-loot .art{justify-content:center;align-items:center;width:64px;height:64px;display:flex}.dungeon-loot .art canvas{width:auto;max-width:100%;height:100%;image-rendering:pixelated}.dungeon-loot .swatch{border:1px solid var(--stone-edge);width:44px;height:44px}.dungeon-loot .label{font-family:var(--font-mono);text-align:center;font-size:11px;line-height:1.35}.dungeon-loot .card[data-kind=materia]{border-color:var(--mana);background:radial-gradient(ellipse 70% 50% at 50% 30%, #5ec2b729, transparent 70%), var(--stone)}.dungeon-loot .card[data-kind=materia][data-rarity=rare]{border-color:var(--torch);background:radial-gradient(ellipse 70% 50% at 50% 30%, #f2b1342e, transparent 70%), var(--stone)}.dungeon-loot .orb{color:var(--mana);font-size:44px;line-height:1}.dungeon-loot .card[data-rarity=rare] .orb{color:var(--torch)}.dungeon-loot .flavor{font-family:var(--font-mono);text-align:center;color:var(--dim);font-size:9px;line-height:1.4}.dungeon-loot .badge{background:var(--potion);color:var(--void);font-family:var(--font-px);padding:3px 6px;font-size:7px;line-height:1;position:absolute;top:-8px;right:-6px}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-px:"Press Start 2P", ui-monospace, monospace;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}