.layout-controls{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.layout-controls label{display:grid;gap:8px;min-width:200px;color:var(--muted);font-size:13px}.layout-controls [hidden]{display:none}.layout-controls select{max-width:100%;padding:12px;border:1px solid #839590;border-radius:5px;background:#142a2e;color:var(--text);font:inherit;min-height:44px}.layout-controls select:focus-visible,.layout-viewport:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.method-surface{margin-top:32px;background:#142a2e;border:1px solid var(--line);border-radius:12px;padding:28px}.method-surface>p{color:var(--muted)}#layout-status{font-size:13px}.layout-viewport{overflow-x:auto;padding:20px 10px}.method-layout{margin:auto}.method-slot{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:12px}.position-label{font:500 14px/1.5 Segoe UI,sans-serif;color:var(--text);margin:0;width:100%;overflow-wrap:anywhere}.method-slot .tarot-card{flex-shrink:0}.method-slot .tarot-card figcaption{font-size:11px}.layout-group{position:relative}.group-label{font:500 13px/1.4 Segoe UI,sans-serif;color:var(--gold);margin:0;text-align:center}.three-layout{display:grid;grid-template-columns:repeat(3,180px);justify-content:center;gap:48px;padding:16px 0}.cross-layout{display:grid;grid-template-columns:repeat(3,180px);grid-template-rows:auto auto auto;justify-content:center;gap:22px;margin:auto}.cross-layout>.group-label{grid-column:1/-1}.cross-layout>.pos-1,.cross-layout>.pos-8{grid-column:2;grid-row:2}.cross-layout>.pos-2,.cross-layout>.pos-9{grid-column:1;grid-row:3}.cross-layout>.pos-3,.cross-layout>.pos-10{grid-column:2;grid-row:4}.cross-layout>.pos-4,.cross-layout>.pos-11{grid-column:3;grid-row:3}.cross-layout>.pos-q{grid-column:2;grid-row:3}.arc-layout{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:16px;min-width:880px;padding:0 0 130px}.arc-layout>.group-label{grid-column:1/-1;margin-bottom:12px}.arc-layout>.pos-1,.arc-layout>.pos-7{transform:translateY(108px)}.arc-layout>.pos-2,.arc-layout>.pos-6{transform:translateY(60px)}.arc-layout>.pos-3,.arc-layout>.pos-5{transform:translateY(24px)}.arc-layout>.pos-4 .position-label{color:var(--gold);font-weight:700}.method-layout[data-method=CROSS_ARC]>.cross-layout{margin-top:40px;grid-template-columns:repeat(3,160px)}.celtic-layout{display:grid;grid-template-columns:150px 300px 150px 160px 155px;grid-template-rows:230px 340px 340px;gap:24px;min-width:1011px;padding-top:32px;align-items:center;justify-content:center}.celtic-layout>.group-label{position:absolute;top:0;left:0;right:0}.central-pair{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;align-self:start;padding-top:170px}.central-pair>.group-label{position:absolute;top:0;left:0;right:0}.central-pair .tarot-card{position:absolute;top:30px;left:calc(50% - 60px)}.central-pair .pos-2 .tarot-card{top:58px;left:calc(50% - 10px)}.central-pair .pos-2 .tarot-face{transform:rotate(90deg)}.central-pair .pos-2 .card-content{transform:rotate(-90deg)}.central-pair figcaption{display:none}.celtic-layout>.pos-3{grid-column:2;grid-row:1}.celtic-layout>.pos-4{grid-column:2;grid-row:3}.celtic-layout>.pos-5{grid-column:1;grid-row:2}.celtic-layout>.pos-6{grid-column:3;grid-row:2}.celtic-column{grid-column:4;grid-row:1/4;display:flex;flex-direction:column;gap:20px;align-self:stretch;justify-content:space-between}.celtic-column>.group-label{order:-1}.celtic-column>.pos-10{order:0}.celtic-column>.pos-9{order:1}.celtic-column>.pos-8{order:2}.celtic-column>.pos-7{order:3}.celtic-layout>.pos-11{grid-column:5;grid-row:3;align-self:end}.method-layout[data-method=DECISION]{display:grid;gap:28px;max-width:850px}.decision-theme{display:grid;justify-items:center;gap:12px}.decision-path{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px;border:1px solid var(--line);border-radius:8px}.decision-path>.group-label{grid-column:1/-1}.time-cards{display:grid;grid-template-columns:repeat(3,200px);gap:32px;justify-content:center}.time-message{text-align:center;color:var(--gold)}.time-result{margin:28px auto 0;padding:20px;border:1px solid var(--line);max-width:670px;border-radius:8px}.time-result h3{font-size:16px;font-weight:500}.time-result strong{color:var(--gold)}@media(max-width:1100px){.three-layout{gap:24px}.method-surface{padding:18px}.top{flex-wrap:wrap}nav{flex-wrap:wrap}}@media(max-width:760px){.three-layout{grid-template-columns:repeat(3,150px);min-width:500px;gap:16px}.cross-layout{min-width:530px;grid-template-columns:repeat(3,160px)}.time-cards{min-width:560px;grid-template-columns:repeat(3,170px);gap:16px}.decision-path{min-width:510px}.layout-controls label{min-width:0;width:100%}.method-surface{padding:12px}}@media(prefers-reduced-motion:reduce){.central-pair .pos-2 .tarot-face{transform:rotate(90deg)!important} .central-pair .pos-2 .card-content{transform:rotate(-90deg)}}
/* 14G-UX-R4-FIX-05: mirror only the Arc's visual columns; DOM order remains 1-7. */
.arc-layout{column-gap:clamp(8px,1.3vw,16px);padding-bottom:24px}.arc-layout>.arc-geometry-slot{grid-row:2;display:flex;justify-content:center;align-items:flex-start;min-width:0;padding-top:var(--arc-drop)}.arc-layout>.arc-geometry-slot>.method-slot{width:100%;min-width:0}.arc-layout>[data-arc-slot=left-extreme]{grid-column:1;--arc-drop:84px}.arc-layout>[data-arc-slot=left-middle]{grid-column:2;--arc-drop:50px}.arc-layout>[data-arc-slot=left-inner]{grid-column:3;--arc-drop:22px}.arc-layout>[data-arc-slot=center]{grid-column:4;--arc-drop:0}.arc-layout>[data-arc-slot=right-inner]{grid-column:5;--arc-drop:22px}.arc-layout>[data-arc-slot=right-middle]{grid-column:6;--arc-drop:50px}.arc-layout>[data-arc-slot=right-extreme]{grid-column:7;--arc-drop:84px}.arc-layout>[data-arc-slot=center] .position-label{color:var(--gold);font-weight:700}