.di-loading{text-align:center;padding:40px}.di-create{background:var(--surface);grid-template-columns:220px 1fr;align-items:start;gap:22px;padding:22px;display:grid}.di-preview{border:3px solid var(--ink);border-radius:4px;width:220px;height:220px}.di-options{flex-direction:column;gap:14px;min-width:0;display:flex}.di-options .eyebrow{margin-bottom:6px;display:block}.di-name{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.di-name .eyebrow{width:100%;margin:0}.di-name b{font-family:var(--f-word);font-size:22px;font-weight:400}.di-swatches,.di-hats{flex-wrap:wrap;gap:8px;display:flex}.di-swatch{border:2px solid var(--line);cursor:pointer;width:34px;height:34px;box-shadow:inset 0 0 0 2px var(--surface);border-radius:50%}.di-swatch.none{background:repeating-linear-gradient(45deg,var(--surface)0 5px,var(--sunk)5px 10px)}.di-swatch[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.di-options>.btn{align-self:flex-start}.di-map{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px;display:grid}.di-isle{background:var(--surface);flex-direction:column;gap:10px;padding:12px;display:flex}.di-thumb{aspect-ratio:16/9;border:2px solid var(--ink);background:var(--board);border-radius:4px;width:100%}.di-isle-text{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.di-isle-text p{margin:0;font-size:14px}.di-isle-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.di-map-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.di-wrap{flex-direction:column;gap:10px;width:min(100%,177.778dvh - 444.444px);min-width:min(100%,300px);margin-inline:auto;display:flex;position:relative}.di-stage{aspect-ratio:16/9;width:100%;position:relative}.di-stage canvas{background:var(--board);border:3px solid var(--ink);outline:1.5px solid var(--ink);outline-offset:3px;touch-action:none;cursor:pointer;border-radius:4px;width:100%;height:100%}.di-toasts{pointer-events:none;z-index:3;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.di-toast{background:var(--surface);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700}.di-dialog{z-index:4;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);cursor:pointer;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:10px 12px 10px 16px;display:grid;position:absolute;top:14px;left:14px;right:14px}.di-dialog p{grid-column:1;margin:0;font-size:16px;line-height:1.4}.di-dialog .di-note{color:var(--muted);font-style:italic}.di-dialog .btn{grid-area:1/2/span 2}.di-who{font-family:var(--f-word);color:var(--accent);grid-column:1;font-size:15px;font-weight:400}.di-who.me{color:var(--info)}.di-panel{z-index:4;background:var(--surface);flex-direction:column;align-items:flex-start;gap:10px;width:min(340px,100% - 24px);max-height:calc(100% - 24px);padding:16px;display:flex;position:absolute;top:12px;right:12px;overflow:auto}.di-panel p{margin:0;font-size:14px}.di-bag{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.di-bag li{align-items:center;gap:10px;display:flex}.di-bag li div{flex-direction:column;display:flex}.di-bag small{font-size:13px}.di-icon{background:var(--sunk);border-radius:var(--radius);flex:none;width:44px;height:44px}.di-goal .eyebrow{display:block}.di-hud{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.di-goal-line{text-align:center;flex-basis:100%;margin:0;font-size:13px}.di-pad{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;gap:10px;display:flex}.di-pad>div{gap:8px;display:flex}.di-pad button{border:2px solid var(--line);background:var(--surface);min-width:64px;height:54px;color:var(--ink);border-radius:var(--radius);cursor:pointer;touch-action:none;font-size:18px;font-weight:700}.di-pad button:active{border-color:var(--accent);background:color-mix(in srgb,var(--accent)14%,var(--surface))}.di-pad .jump{min-width:84px}@media (hover:none){.di-keys{display:none}}@media (max-width:600px){.di-create{grid-template-columns:1fr;justify-items:center;padding:16px}.di-options{width:100%}.di-dialog{margin-top:10px;position:static}.di-stage{aspect-ratio:auto}.di-stage canvas{aspect-ratio:16/9;height:auto}.di-panel{width:auto;max-height:60dvh;position:fixed;inset:auto 12px 12px}}@media (orientation:landscape) and (max-height:520px){.di-wrap{gap:6px;width:min(100%,177.778dvh - 124.444px)}.di-pad{pointer-events:none;z-index:2;position:absolute;bottom:52px;left:12px;right:12px}.di-pad button{pointer-events:auto;opacity:.82;min-width:56px;height:48px}.di-goal-line{display:none}}