[data-scene-builder]{display:grid;gap:.7rem;padding-bottom:calc(215px + env(safe-area-inset-bottom,0px))}[data-scene-builder] .builder-status{min-height:24px;border-radius:8px;padding:.2rem .5rem;color:var(--muted);font-size:.8rem;font-weight:750}[data-scene-builder] .builder-status[data-tone=error]{color:var(--danger);background:#b23b2e14}[data-scene-builder] .builder-status[data-tone=ok]{color:var(--orange-dark);background:var(--orange-soft, #f6e7d4)}[data-scene-builder] .edit-panel{border:1px solid var(--line);border-radius:12px;background:var(--card, #fffdf8)}[data-scene-builder] .edit-panel summary{min-height:44px;padding:.5rem .8rem;cursor:pointer;font-weight:800;font-size:.86rem}[data-scene-builder] .edit-grid{display:grid;gap:.5rem;padding:.2rem .8rem .8rem}[data-scene-builder] .edit-row{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}[data-scene-builder] .edit-label{color:var(--muted);font-size:.72rem;font-weight:850;margin-right:.2rem}[data-scene-builder] .opt{min-height:40px;min-width:52px;border:1px solid var(--line);border-radius:8px;background:var(--card, #fffdf8);color:var(--ink-soft, #444);font-size:.82rem;font-weight:850}[data-scene-builder] .opt.selected{border-color:var(--orange);color:var(--orange-dark);background:var(--orange-soft, #f6e7d4)}[data-scene-builder] .num-label{display:grid;gap:.1rem;color:var(--muted);font-size:.68rem;font-weight:850}[data-scene-builder] .num-label input{width:90px;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:.25rem .4rem;font-size:16px;font-weight:800;color:var(--ink);background:var(--card, #fffdf8)}[data-scene-builder] .scores-row .num-label input{width:82px}[data-scene-builder] .board{--bs: min(94vw, 520px);--zd: calc(var(--bs) * .3);--span: calc(var(--bs) - 2 * var(--zd));position:relative;width:var(--bs);height:var(--bs);margin:0 auto;border-radius:14px;background:var(--tray, #e8dfd1);box-shadow:inset 0 0 0 1px var(--line)}[data-scene-builder] .zone-wrap{position:absolute}[data-scene-builder] .zw-top{top:4px;left:var(--zd);width:var(--span);height:var(--zd)}[data-scene-builder] .zw-bottom{bottom:4px;left:var(--zd);width:var(--span);height:var(--zd)}[data-scene-builder] .zw-left{left:4px;top:var(--zd);width:var(--zd);height:var(--span)}[data-scene-builder] .zw-right{right:4px;top:var(--zd);width:var(--zd);height:var(--span)}[data-scene-builder] .zone-rot{position:absolute;inset:0}[data-scene-builder] .zw-top .zone,[data-scene-builder] .zw-bottom .zone{width:100%;height:100%}[data-scene-builder] .rot-180{transform:rotate(180deg)}[data-scene-builder] .rot-90 .zone,[data-scene-builder] .rot-270 .zone{position:absolute;top:0;left:0;width:var(--span);height:var(--zd);transform-origin:top left}[data-scene-builder] .rot-90 .zone{transform:rotate(90deg) translateY(calc(-1 * var(--zd)))}[data-scene-builder] .rot-270 .zone{transform:rotate(-90deg) translate(calc(-1 * var(--span)))}[data-scene-builder] .zone{display:grid;grid-template-rows:auto 1fr;gap:2px;border:2px solid transparent;border-radius:10px;padding:2px 4px;background:transparent;cursor:pointer}[data-scene-builder] .zone.selected{border-color:var(--orange);background:color-mix(in srgb,var(--orange-soft, #f6e7d4) 40%,transparent)}[data-scene-builder] .zone-head{display:flex;gap:.4rem;align-items:baseline;justify-content:center}[data-scene-builder] .zone-name{color:var(--muted);font-size:.62rem;font-weight:900}[data-scene-builder] .zone-score{color:var(--ink-soft, #444);font-size:.66rem;font-weight:800;font-variant-numeric:tabular-nums}[data-scene-builder] .discard-grid{--dtw: calc((var(--span) - 8px - 10px) / 6);display:grid;grid-template-columns:repeat(6,var(--dtw));justify-content:center;align-content:start;gap:1px}[data-scene-builder] .placed{position:relative;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center;min-width:0;border-radius:3px}[data-scene-builder] .placed .sbtile{width:100%}[data-scene-builder] .discard-grid .placed{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-scene-builder] .discard-grid .placed .sbtile{-webkit-user-drag:none;pointer-events:none}[data-scene-builder] .discard-grid .placed.dragging{outline:2px solid var(--orange);outline-offset:1px;opacity:.9;z-index:2}[data-scene-builder] .placed.tsumogiri{opacity:.55}[data-scene-builder] .placed.starred .sbtile{outline:1.5px solid var(--orange);border-radius:2px}[data-scene-builder] .star-badge{position:absolute;top:-4px;right:-3px;color:var(--orange-dark);font-size:.58rem;font-weight:900;text-shadow:0 0 2px #fff;pointer-events:none}[data-scene-builder] .sbtile{display:block;height:auto;aspect-ratio:66 / 90;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(60,47,30,.14))}[data-scene-builder] .sbtile.unknown{display:grid;place-items:center;width:100%;aspect-ratio:66 / 90;background:var(--orange-soft, #f6e7d4);color:var(--orange-dark);border:1.5px solid var(--orange);border-radius:4px;font-weight:900;filter:none}[data-scene-builder] .meld-corner{--mth: calc(var(--zd) * .22);position:absolute;width:calc(var(--zd) - 8px);height:calc(var(--zd) - 8px);display:flex;flex-direction:column-reverse;align-items:flex-end;justify-content:flex-start;gap:2px;border:2px dashed transparent;border-radius:8px;cursor:pointer}[data-scene-builder] .mc-br{right:4px;bottom:4px}[data-scene-builder] .mc-tr{right:4px;top:4px;transform:rotate(-90deg)}[data-scene-builder] .mc-tl{left:4px;top:4px;transform:rotate(180deg)}[data-scene-builder] .mc-bl{left:4px;bottom:4px;transform:rotate(90deg)}[data-scene-builder] .meld-corner.selected{border-color:var(--orange);background:color-mix(in srgb,var(--orange-soft, #f6e7d4) 40%,transparent)}[data-scene-builder] .meld-row{display:flex;align-items:flex-end;gap:1px;border:0;padding:1px;background:transparent;cursor:pointer}[data-scene-builder] .meld-t{position:relative;display:grid;place-items:center}[data-scene-builder] .meld-t.up{width:calc(var(--mth) * 66 / 90);height:var(--mth)}[data-scene-builder] .meld-t.up .sbtile{width:100%}[data-scene-builder] .meld-t.side{width:var(--mth);height:calc(var(--mth) * 66 / 90)}[data-scene-builder] .meld-t.side .sbtile{width:calc(var(--mth) * 66 / 90);transform:rotate(90deg)}[data-scene-builder] .center{position:absolute;top:var(--zd);left:var(--zd);width:var(--span);height:var(--span);display:grid;align-content:center;justify-items:center;gap:2px;border-radius:10px;background:var(--panel, rgba(255,253,248,.92));box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}[data-scene-builder] .center-kyoku{font-size:1.02rem;font-weight:900;color:var(--ink)}[data-scene-builder] .center-sub{font-size:.62rem;font-weight:800;color:var(--muted)}[data-scene-builder] .center-turn{font-size:.68rem;font-weight:850;color:var(--blue-dark, #4e6077)}[data-scene-builder] .center-dora{display:flex;gap:1px;min-height:28px;align-items:center;border:2px solid transparent;border-radius:6px;padding:1px 3px}[data-scene-builder] .center-dora.selected{border-color:var(--orange)}[data-scene-builder] .center-dora .placed{width:20px}[data-scene-builder] .center-dora .empty-slot.dora-slot{width:20px;aspect-ratio:66/90}[data-scene-builder] .hand-panel{border:2px solid transparent;border-radius:12px;background:var(--card, #fffdf8);box-shadow:inset 0 0 0 1px var(--line);padding:.5rem .6rem .6rem;cursor:pointer}[data-scene-builder] .hand-panel.selected{border-color:var(--orange)}[data-scene-builder] .hand-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.3rem;font-size:.78rem;font-weight:850;color:var(--ink-soft, #444)}[data-scene-builder] .hand-head strong{color:var(--orange-dark)}[data-scene-builder] .hand-head strong[data-ready=true]{color:var(--blue-dark, #4e6077)}[data-scene-builder] .hand-slots{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:1px}[data-scene-builder] .hand-slots .placed,[data-scene-builder] .hand-slots .empty-slot{aspect-ratio:66 / 90}[data-scene-builder] .empty-slot{display:block;min-width:0;border-radius:3px;background:linear-gradient(180deg,#ffffff61,#ffffff0f),var(--paper-deep, #ebe3d6);box-shadow:inset 0 0 0 1px var(--line)}[data-scene-builder] .hand-text-row{display:flex;gap:.4rem;margin-top:.45rem}[data-scene-builder] .hand-text-row input{flex:1;min-width:0;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:.3rem .5rem;font-size:16px;color:var(--ink);background:var(--card, #fffdf8);font-family:ui-monospace,Consolas,monospace}[data-scene-builder] .mini-btn{min-height:40px;min-width:56px;border:1px solid var(--line);border-radius:8px;background:var(--paper-deep, #ebe3d6);color:var(--ink-soft, #444);font-size:.78rem;font-weight:850}[data-scene-builder] .output-panel{display:grid;gap:.5rem}[data-scene-builder] .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}[data-scene-builder] #json-output{width:100%;min-height:100px;border:1px solid var(--line);border-radius:10px;padding:.55rem;color:var(--ink-soft, #444);background:var(--card, #fffdf8);font-family:ui-monospace,Consolas,monospace;font-size:16px;line-height:1.5}[data-scene-builder] .palette-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 .55rem calc(.55rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--paper, #f5f0e7) 92%,#fff);border-top:1px solid var(--line);box-shadow:0 -4px 14px #3c2f1e14;transition:transform .22s ease}@media(prefers-reduced-motion:reduce){[data-scene-builder] .palette-dock{transition:none}}[data-scene-builder] .palette-dock.collapsed{transform:translateY(calc(100% - 44px))}[data-scene-builder] .dock-handle{display:flex;align-items:center;gap:.6rem;width:100%;min-height:36px;border:0;background:transparent;cursor:pointer;padding:.25rem .2rem 0}[data-scene-builder] .grabber{width:36px;height:4px;border-radius:999px;background:var(--line)}[data-scene-builder] .dock-handle-target{flex:1;text-align:left;color:var(--orange-dark);font-size:.74rem;font-weight:900}[data-scene-builder] .dock-handle-label{color:var(--muted);font-size:.68rem;font-weight:800}[data-scene-builder] .dock-head{display:flex;align-items:center;gap:.5rem;margin:.15rem auto .3rem;max-width:640px}[data-scene-builder] .dock-head strong{color:var(--orange-dark);font-size:.78rem;font-weight:900}[data-scene-builder] .dock-hint{flex:1;color:var(--muted);font-size:.64rem;font-weight:700}[data-scene-builder] .dock-hint[data-tone=error]{color:var(--danger)}[data-scene-builder] .meld-modes{display:inline-flex;gap:.25rem}[data-scene-builder] .mode-chip{min-height:34px;min-width:48px;border:1px solid var(--line);border-radius:999px;background:var(--card, #fffdf8);color:var(--ink-soft, #444);font-size:.74rem;font-weight:850}[data-scene-builder] .mode-chip.selected{border-color:var(--orange);color:var(--orange-dark);background:var(--orange-soft, #f6e7d4)}[data-scene-builder] .dock-btn{min-height:36px;min-width:74px;border:1px solid var(--line);border-radius:8px;background:var(--card, #fffdf8);color:var(--ink-soft, #444);font-size:.74rem;font-weight:850}[data-scene-builder] .tile-palette{display:grid;gap:2px;max-width:640px;margin:0 auto}[data-scene-builder] .palette-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}[data-scene-builder] .palette-tile{border:1px solid var(--line);border-radius:6px;background:var(--paper-deep, #ebe3d6);display:grid;place-items:center;min-height:40px;padding:2px;cursor:pointer}[data-scene-builder] .palette-tile:active,[data-scene-builder] .placed:active{transform:scale(.96)}[data-scene-builder] .palette-tile .sbtile,[data-scene-builder] .palette-tile .sbtile.unknown{width:min(100%,26px)}@media(min-width:640px){[data-scene-builder] .palette-tile{min-height:46px}[data-scene-builder] .palette-tile .sbtile{width:min(100%,32px)}}