/* 0.14 / The Hall of a Thousand Choices — original palace and observatory art. */
body{--mirror-room:url('art/mirror-palace.webp');--mirror-glow:#e5c383;--mirror-cyan:#89e7ce}
body[data-theme=modern]{--mirror-room:url('art/mirror-orbit.webp');--mirror-glow:#a9c9fa;--mirror-cyan:#98e9f0}
.mirror-cover.salon-cover{height:272px;align-items:flex-end;padding-bottom:25px;background:#071d22;border-bottom:1px solid #cbb17c38}
.mirror-cover:before{display:none}.mirror-architecture{position:absolute;inset:0;background-image:linear-gradient(0deg,#081d22 0%,#081d2266 35%,transparent 75%),var(--mirror-room);background-size:cover;background-position:center,center 31%;z-index:-2;animation:mirror-room-enter 1.4s ease-out both}
.mirror-cover .salon-cover-copy{max-width:66%;text-shadow:0 2px 10px #021419}.mirror-cover .salon-cover-copy>span{color:#ffe6b0;font-size:10px;letter-spacing:.6px}.mirror-cover h1{font-size:34px;line-height:1.5;margin:6px 0 5px;color:#fff5df}.mirror-cover p{font-size:12px;color:#edf2eb;line-height:1.8}.mirror-cover .salon-cover-cards{bottom:27px;transform:rotate(-4deg);filter:drop-shadow(0 10px 10px #0008)}
[lang=en] .mirror-cover h1{font-size:27px;letter-spacing:-.7px;line-height:1.25}.mirror-cover .salon-cover-cards .card{box-shadow:inset 0 0 0 1px #d8cdb6,0 1px 0 #8b7b63,0 3px 0 #b5aa96,0 5px 0 #80766a}.mirror-dust{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 17% 18%,#ffe4b877 0 1px,transparent 2px),radial-gradient(circle at 62% 37%,#ffe4b866 0 1px,transparent 2px),radial-gradient(circle at 39% 57%,#ffe4b866 0 1px,transparent 2px),radial-gradient(circle at 88% 23%,#ffe4b866 0 1px,transparent 2px);animation:mirror-dust-drift 9s ease-in-out infinite alternate;z-index:-1}
.salon-profile.identity-strip{margin:8px 0 0;background:#ffffff05}.mirror-skill-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 4px;min-height:44px;margin:0 0 10px;text-align:start;background:transparent;color:var(--muted);font-size:12px;line-height:1.7}.mirror-skill-pill b{font-weight:600;color:var(--ink)}.mirror-skill-pill>span{flex:1}.mirror-skill-pill small{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;white-space:nowrap}.mirror-skill-pill svg{width:14px;height:14px}
.mirror-entry{position:relative;isolation:isolate;grid-column:1/-1;display:flex;align-items:center;gap:14px;width:100%;min-height:132px;margin:4px 0 5px;padding:16px;border:1px solid #e0c28270;border-radius:19px;background:radial-gradient(ellipse at 5% 0%,#559e9c44,transparent 65%),linear-gradient(110deg,#173c42,#101e2d);text-align:start;box-shadow:inset 0 1px 0 #f6d89833,0 8px 20px #0003;overflow:hidden}.mirror-entry:after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(60deg,transparent 0 38px,#d7cd9c06 39px 40px);pointer-events:none}.mirror-entry>span:not(.mirror-glyph){flex:1;min-width:0}.mirror-entry em{display:block;font-style:normal;font-size:10px;color:#ecce91;letter-spacing:.4px}.mirror-entry b{display:block;font-family:Lalezar;font-size:29px;font-weight:400;line-height:1.6;color:#fff2d7}.mirror-entry small{display:block;font-size:12px;line-height:1.9;color:#dae4e2}.mirror-entry>svg{width:18px;color:#e8c888;flex-shrink:0}[lang=en] .mirror-entry b{font:700 22px/1.7 Vazirmatn}
.mirror-glyph{direction:ltr;display:block;position:relative;width:67px;height:85px;flex:0 0 67px;filter:drop-shadow(0 8px 8px #0005)}.mirror-glyph i{position:absolute;top:11px;left:0;width:43px;height:60px;border:1px solid #e8cc8a;border-radius:6px;background:linear-gradient(145deg,#fcf3d2,#d0c6a9);color:#183538;font:normal 31px/60px Georgia;text-align:center;transform:rotate(-16deg)}.mirror-glyph i:nth-child(2){left:25px;top:17px;transform:rotate(18deg);background:linear-gradient(130deg,#142736dd,#365761);color:#f3d392;border-color:#bddde4}.mirror-glyph em{position:absolute;bottom:0;left:23px;width:24px;height:24px;text-align:center;border-radius:50%;background:#d6ba7c;color:#09252a;font:700 18px/24px sans-serif;border:2px solid #122a32}
.mirror-kicker{display:block;color:var(--accent);font-size:12px;letter-spacing:1px;line-height:2.2}.mirror-hub-cover{padding:26px 22px 22px;border-radius:22px;background:linear-gradient(0deg,#071923f5,#07192388),var(--mirror-room) center 37%/cover;text-align:center;border:1px solid var(--line);margin-bottom:18px;min-height:238px}.mirror-hub-cover .mirror-glyph{margin:0 auto 8px;transform:scale(1.18)}.mirror-hub-cover>b{display:block;color:#fff4d9;font-size:20px;line-height:1.8;margin-top:12px}.mirror-hub-cover>p{font-size:13px;color:#dce7e6;line-height:1.9;margin:6px 0 0}.mirror-section-title{font-size:20px;margin:28px 0 13px}.mirror-empty{border:1px dashed var(--line);padding:20px;border-radius:17px;text-align:center}.mirror-empty p{font-size:14px;line-height:1.9;color:var(--muted)}
.mirror-records{display:grid;gap:10px}.mirror-records>button{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 12px;text-align:start;color:var(--ink);min-height:93px}.mirror-records>button>span:nth-child(2){flex:1}.mirror-records b{font-size:16px;display:block}.mirror-records small{display:block;font-size:11px;color:var(--muted);line-height:1.9;margin-top:3px}.mirror-records svg{width:18px}.mirror-record-score{font-size:23px;color:var(--accent);display:flex;align-items:center;gap:4px;white-space:nowrap}.mirror-record-score small{font-size:16px}
.mirror-skills{display:grid;gap:10px}.mirror-skills>button{display:flex;align-items:center;gap:13px;text-align:start;padding:15px 12px;border-radius:17px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.mirror-skills>button.selected{border:2px solid var(--accent);padding:14px 11px;background:var(--soft)}.mirror-skills b{display:block;font-size:17px}.mirror-skills small{display:block;font-size:13px;line-height:1.9;color:var(--muted);margin-top:4px}.mirror-skills em{display:block;font-style:normal;font-size:11px;color:var(--accent);margin-top:6px}.mirror-medal{flex:0 0 47px;height:55px;display:grid;place-items:center;border-radius:15px;border:1px solid #d6bc7977;background:linear-gradient(150deg,#dabd7f26,#081920);color:#f5d697;font-size:30px;box-shadow:inset 0 0 0 4px #20353b}.mastered .mirror-medal{background:linear-gradient(130deg,#e1c993,#ad8b4f);color:#182e2d}
.mirror-decision-rail{display:flex;gap:8px;overflow:auto;padding:8px 2px 17px;margin-bottom:10px;scrollbar-width:thin}.mirror-decision-rail>button{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 69px;min-height:115px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:9px 8px;font-size:12px;color:var(--muted)}.mirror-decision-rail>button.selected{border:2px solid var(--accent);background:var(--soft);color:var(--accent)}.mirror-decision-rail .card{position:relative;width:39px;height:57px;border-radius:4px}.mirror-decision-rail .card .corner{font-size:10px}.mirror-decision-rail .pips{font-size:8px}.mirror-fork{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:16px}.mirror-fork-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:12px}.mirror-fork>p{font-size:13px;line-height:1.9;color:var(--muted)}.mirror-fork>h2{font-size:20px;margin-bottom:0}.mirror-public-cards{display:flex;justify-content:center;gap:18px;min-height:126px;align-items:center;padding-block:10px}.mirror-public-cards>div{display:flex;flex-direction:column;align-items:center;gap:6px}.mirror-public-cards .card,.mirror-original .card{position:relative;width:52px;height:75px;flex-shrink:0;border-radius:6px}.mirror-public-cards small{font-size:11px;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mirror-open-table{font-size:75px;color:var(--accent);opacity:.3}.mirror-original{display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:6px 0 20px}.mirror-original small{display:block;font-size:10px;color:var(--muted)}.mirror-original b{display:block;font-size:17px;margin-top:6px}.mirror-alternatives{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 0 18px;direction:ltr}.mirror-alternatives .card{position:relative;width:60px;height:87px;border-radius:6px;box-shadow:0 4px 0 #8b8570,0 7px 14px #0006;transition:transform .17s}.mirror-alternatives .card:hover,.mirror-alternatives .card:focus-visible{transform:translateY(-7px);outline:3px solid var(--accent)}.mirror-fork .card .corner{font-size:14px}.mirror-fork .card .pips{font-size:11px}.mirror-advice{border-inline-start:2px solid var(--accent);padding-inline-start:12px}
.mirror-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 16px}.mirror-comparison>div{padding:18px 10px;text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:18px}.mirror-comparison>div:last-child{border-color:var(--accent);background:linear-gradient(145deg,#547e7933,var(--soft))}.mirror-comparison small{display:block;font-size:13px;color:var(--muted)}.mirror-comparison b{font-size:34px;display:block;color:var(--ink);margin-top:5px}.mirror-verdict{text-align:center;font-weight:700;color:var(--accent2);font-size:18px}.mirror-trace{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:13px;margin:20px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mirror-trace>*{padding:8px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:400}.mirror-trace>*:nth-child(-n+3){background:var(--soft);font-size:12px}.mirror-trace .ours{color:var(--accent2);font-weight:700}.mirror-result-invite{display:flex;align-items:center;gap:13px;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:12px;text-align:start;margin:15px 0;color:var(--ink)}.mirror-result-invite .mirror-glyph{transform:scale(.8);width:58px;height:72px;flex-basis:58px}.mirror-result-invite>span:nth-child(2){flex:1}.mirror-result-invite b{display:block;font-size:16px;line-height:1.8}.mirror-result-invite small{display:block;color:var(--muted);font-size:12px;line-height:1.8}.mirror-result-invite>svg{width:18px}.mirror-unlocked{border:1px solid var(--accent);border-radius:15px;padding:14px;text-align:center;margin:16px 0;background:linear-gradient(110deg,#b28e4922,transparent)}.mirror-unlocked>span{display:block;color:var(--accent);font-size:30px}.mirror-unlocked b{display:block;font-size:17px}.mirror-unlocked small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.8}
/* Art sits outside the card reading surface. Geometry of the table stays stable. */
.mirror-table{background:linear-gradient(180deg,#071b2599,#091d25ed 45%),var(--mirror-room) center 18%/cover!important}.mirror-table .arena{background:radial-gradient(ellipse at 50% 45%,#21574bcf,#0b2c2ce6 65%,#071e28e8)!important;isolation:isolate}.mirror-table .arena:before{border:2px solid #c8aa7255!important;box-shadow:inset 0 0 0 5px #071a20aa,inset 0 0 0 6px #c8aa7220,0 0 25px #0003!important}.mirror-table .arena-mark{opacity:.13}.mirror-table .scorebar{background:#071b24bd!important;border-bottom:1px solid #dbc28638}.mirror-table .seat .name{color:#f4efdf;background:#0a242bcc;border-radius:6px;padding:2px 7px;line-height:1.6}.mirror-table .seat.active .portrait{box-shadow:0 0 0 3px #08262c,0 0 0 5px var(--mirror-glow),0 0 20px #b4d79c44}.mirror-table .hand-zone{background:linear-gradient(0deg,#0a222bef,#0c292ad9)!important;border-top:1px solid #d9c48f33}.mirror-table .hand-card{touch-action:none;box-shadow:inset 0 0 0 1px #d5ccb7,0 1px 0 #9a917f,0 2px 0 #b5ad9b,0 5px 12px #0005}.mirror-table .hand-card.selected{box-shadow:0 0 0 2px var(--accent),0 0 17px #e4d39444,0 8px 12px #0005}.mirror-table .controls{background:#081e27!important}.mirror-table .trump small{min-height:20px}.mirror-table-goal{min-height:24px;padding:0 9px;border-radius:10px;font-size:11px;background:#d6c08718;color:#f0d9a8;border:1px solid #d6c08755;line-height:1.5}.mirror-branch-table .scorebar{border-bottom-color:#96dadc88}.mirror-branch-table .arena:before{border-color:#95d7e088!important}.mirror-branch-table .table-heading{color:#bcece9}
[data-theme=modern] .mirror-table .arena{background:radial-gradient(ellipse at 50% 45%,#213e69d9,#0e223ef0 67%,#081324ed)!important}[data-theme=modern] .mirror-table .hand-zone{background:linear-gradient(0deg,#111b31ef,#172b49d9)!important}[data-theme=modern] .mirror-table .controls{background:#101c32!important}[data-theme=modern] .mirror-architecture{background-image:linear-gradient(0deg,#101831,transparent 85%),var(--mirror-room)}
.mirror-drop-zone{position:absolute;pointer-events:none;z-index:12;inset:30% 21% 28%;border:2px dashed var(--mirror-cyan);border-radius:32%;display:grid;place-items:center;opacity:0;transition:opacity .12s;background:#81cab318;box-shadow:0 0 24px #70d2b722}.mirror-drop-zone span{font-size:13px;background:#10242eee;color:#e5fff8;padding:7px 11px;border-radius:20px}.mirror-dragging .mirror-drop-zone{opacity:.6}.mirror-drag-over .mirror-drop-zone{opacity:1;background:#81cab342;border-style:solid}.mirror-drag-source{opacity:.25!important}.mirror-drag-card{position:fixed!important;z-index:1000!important;pointer-events:none!important;border-radius:7px!important;transition:none!important;animation:none!important;box-shadow:0 18px 25px #0008!important;will-change:transform}
@keyframes mirror-room-enter{from{transform:scale(1.055);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes mirror-dust-drift{to{transform:translate(5px,-14px);opacity:.45}}
.reduced .mirror-architecture,.reduced .mirror-dust{animation:none}.reduced .mirror-alternatives .card,.reduced .mirror-drop-zone{transition:none}
@media(prefers-reduced-motion:reduce){.mirror-architecture,.mirror-dust{animation:none}.mirror-alternatives .card,.mirror-drop-zone{transition:none}}
@media(max-width:359px){.mirror-cover.salon-cover{height:217px}.mirror-cover h1{font-size:29px}.mirror-cover .salon-cover-cards{transform:scale(.8) rotate(-4deg);transform-origin:bottom left;left:20px!important}.mirror-cover p{font-size:11px}.mirror-cover .salon-cover-copy{max-width:67%}[lang=en] .mirror-cover h1{font-size:23px}.mirror-entry{gap:10px;padding:12px}.mirror-entry b{font-size:27px}.mirror-entry .mirror-glyph{transform:scale(.87);flex-basis:57px;width:57px}.mirror-entry small{font-size:11px}.mirror-skill-pill{font-size:11px}.mirror-fork{padding:12px}}
@media(max-height:700px){.mirror-cover.salon-cover{height:180px;padding-bottom:18px}.mirror-cover .salon-cover-cards{bottom:18px}.mirror-cover h1{font-size:29px}.mirror-cover .salon-cover-copy>span{font-size:9px}.mirror-skill-pill{margin-bottom:7px}.mirror-entry{min-height:116px}.mirror-table-goal{min-height:18px;font-size:9px;padding:0 5px}.mirror-table .trump small{min-height:18px}}
@media(min-height:900px){.mirror-cover.salon-cover{height:308px}.mirror-cover h1{font-size:38px}}
.mirror-skills button:focus-visible,.mirror-decision-rail button:focus-visible,.mirror-entry:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
@media(max-width:359px){html[dir=ltr] .mirror-cover .salon-cover-cards{left:auto!important;right:18px!important;transform-origin:bottom right}}
.mirror-cover .salon-cover-copy>span{background:#081c2bcc;display:inline;padding:3px 7px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.mirror-table .arena:before{background:radial-gradient(ellipse at 47% 35%,#406e5555,transparent 70%),repeating-linear-gradient(45deg,#b7c69d04 0 1px,transparent 1px 3px),linear-gradient(135deg,#153c36,#1b5546 45%,#102f32)!important;border:1px solid #f4d39799!important;box-shadow:inset 0 0 0 4px #19332f,inset 0 0 0 5px #b99f6666,inset 0 0 60px #001a22aa,0 0 0 3px #101e25,0 0 0 5px #90714455,0 12px 25px #0005!important}
[data-theme=modern] .mirror-table .arena:before{background:radial-gradient(ellipse at 50% 35%,#44689e66,transparent 70%),repeating-linear-gradient(45deg,#b3cbe804 0 1px,transparent 1px 3px),linear-gradient(135deg,#142641,#2a4565 45%,#111e34)!important;border-color:#a1cde799!important;box-shadow:inset 0 0 0 4px #152938,inset 0 0 0 5px #8cc4d355,inset 0 0 60px #071328aa,0 0 0 3px #0d1829,0 0 0 5px #637d9c55,0 12px 25px #0005!important}
.mirror-trick-spark{position:fixed;width:4px;height:4px;border-radius:50%;background:#a5ede2;box-shadow:0 0 7px #b1ffff;pointer-events:none;z-index:1100}.mirror-trick-spark.cut{width:5px;height:5px;background:#fbe0a6;box-shadow:0 0 9px #f9c673}.mirror-cut-ring{position:fixed;width:88px;height:88px;border:2px solid #f5d290;border-radius:50%;box-shadow:0 0 10px #efc07155,inset 0 0 10px #efc07144;pointer-events:none;z-index:1099}
body[data-view=mirror-decision] .page-heading{margin-bottom:8px}body[data-view=mirror-decision] .page-heading h1{font-size:23px;line-height:1.6}body[data-view=mirror-decision] .page-heading>p{font-size:13px;line-height:1.8}
.mirror-choice-context{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.mirror-choice-context>div>p{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 4px}.mirror-choice-context .mirror-public-cards{gap:8px;min-height:102px;padding:4px 0}.mirror-choice-context .mirror-public-cards small{max-width:58px;font-size:10px}.mirror-choice-context .mirror-original{display:flex;flex-direction:column;gap:6px;border:0;border-inline-start:1px solid var(--line);padding:8px 0 8px 8px;margin:10px 0 0;text-align:center}.mirror-choice-context .mirror-original small{font-size:9px}.mirror-choice-context .mirror-original b{font-size:12px;margin-top:2px}.mirror-fork>h2{font-size:18px;margin-top:0}.mirror-result-paths .mirror-trace{margin:0 0 14px}
@media(max-width:359px){.mirror-choice-context{gap:6px;grid-template-columns:minmax(0,1fr) 65px}.mirror-choice-context .mirror-public-cards{gap:5px}.mirror-choice-context .mirror-public-cards .card{width:43px;height:63px}.mirror-choice-context .mirror-public-cards small{max-width:43px}}