/* Brotherhood dojo campus (Codex, 2026-10-26), moved out of component-demo.css so the new site can load it on its own. */
.component-stage.dojo-mode{background:#08090c}
.component-stage.dojo-mode .component-stage-top,.component-stage.dojo-mode .component-stage-bottom{display:none}
.dojo-interface{position:absolute;z-index:1;inset:0;overflow:auto;padding:20px;background:linear-gradient(180deg,#050a11a8 0%,#07101873 44%,#050910d9 100%),url('dojo-courtyard.jpg') center 46%/cover;color:#f2f4f0;scrollbar-color:#937457 #090a0c}
.dojo-interface[hidden]{display:none}
.dojo-head{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 12px;text-shadow:0 2px 10px #000}
.dojo-head h3{margin:3px 0 4px;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.04em}
.dojo-head p:not(.dojo-eyebrow){max-width:52ch;margin:0;color:#d3d9d3;font-size:11px}
.dojo-eyebrow{margin:0;color:#edc58f;font:9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}
.dojo-head>span{padding:6px 8px;border:1px solid #edc58f55;border-radius:999px;background:#10100eb8;color:#ffe4b5;font:8px ui-monospace,Consolas,monospace;letter-spacing:.08em}
.dojo-campus{position:relative;height:calc(100% - 112px);min-height:300px;overflow:hidden;border:1px solid #e0b78149;border-radius:15px;background:linear-gradient(180deg,#080c12a6,#08090bd9),url('dojo-courtyard.jpg') center 53%/cover;box-shadow:inset 0 0 60px #0009,0 15px 40px #0008;perspective:1000px}
.dojo-campus-ground{position:absolute;inset:26% 4% -3%;overflow:hidden;border:1px solid #edc58f25;border-radius:48% 48% 18% 18%;background:linear-gradient(160deg,#1a1e1bdb,#080d0edb 67%);transform:rotateX(53deg) scale(1.06);transform-origin:center 76%;box-shadow:0 -30px 60px #e8b77512}
.dojo-campus-ground:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#efd1a327 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#efd1a322 50%,transparent 50.3%);background-size:84px 70px;opacity:.55}
.dojo-walkway{position:absolute;left:38%;right:38%;top:-2%;height:108%;background:linear-gradient(90deg,#d9b87a14,#f5d7a526 50%,#d9b87a14);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);border-inline:1px solid #f1d3a51c}
.dojo-tree{position:absolute;bottom:14%;width:82px;height:74px;border-radius:50%;background:radial-gradient(ellipse at 58% 49%,#e6783ecf 0 11%,#b13f2dd9 38%,#551f20ea 70%,transparent 74%);filter:drop-shadow(0 10px 8px #0009)}
.dojo-tree:after{content:"";position:absolute;top:56px;left:47%;width:8px;height:52px;background:linear-gradient(90deg,#33241c,#6d4930,#211b17);transform:perspective(70px) rotateX(-18deg)}
.dojo-map-structures{position:absolute;inset:7% 5% 8%;transform-style:preserve-3d}
.dojo-structure{position:absolute;display:grid;align-content:end;gap:3px;width:clamp(120px,22%,230px);min-height:88px;padding:10px;border:1px solid #f0d2a37a;border-radius:8px;background:linear-gradient(165deg,#241b15ef,#080e13ef 76%);color:#f5f2eb;text-align:left;cursor:pointer;box-shadow:0 17px 22px #000b,0 0 20px #e4b46b1c;transform:translate(-50%,-50%) rotateX(8deg);transform-style:preserve-3d;transition:transform .2s,border-color .2s,box-shadow .2s}
.dojo-structure:before{content:"";position:absolute;left:-5%;right:-5%;top:-23px;height:31px;border:1px solid #f0ce9577;border-bottom:0;background:repeating-linear-gradient(90deg,#151517 0 12px,#22201d 13px 14px);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transform:translateZ(12px);box-shadow:0 -4px 12px #ebb86a21}
.dojo-structure:after{content:"";position:absolute;left:8%;right:8%;bottom:34px;height:12px;background:repeating-linear-gradient(90deg,#e3ba794a 0 2px,transparent 2px 15px);opacity:.85}
.dojo-structure:hover,.dojo-structure[aria-pressed=true]{z-index:3;transform:translate(-50%,-55%) rotateX(4deg) scale(1.04);border-color:#ffe0a8;box-shadow:0 22px 25px #000c,0 0 24px #efbf7a70}
.dojo-structure span{color:#efc48c;font:8px ui-monospace,Consolas,monospace;letter-spacing:.15em}
.dojo-structure strong{font-size:12px}
.dojo-structure small{color:#bdc6c4;font-size:9px}
.dojo-structure-main{left:50%;top:49%;width:clamp(160px,25%,270px);min-height:118px;z-index:2}
.dojo-structure-left{left:22%;top:55%;}
.dojo-structure-right{left:78%;top:55%}
.dojo-structure-back{left:38%;top:24%;}
.dojo-structure-court{left:80%;top:26%;}
.dojo-selected-card{position:absolute;z-index:4;right:14px;bottom:13px;width:min(250px,42%);padding:12px;border:1px solid #f0ce9552;border-radius:12px;background:#070b10e8;box-shadow:0 15px 32px #0009;backdrop-filter:blur(8px)}
.dojo-selected-card h4,.dojo-room-controls h4{margin:4px 0 6px;font-size:16px}
.dojo-selected-card p:not(.dojo-eyebrow),.dojo-room-controls>p:not(.dojo-eyebrow){margin:0 0 9px;color:#c3cecd;font-size:10px;line-height:1.45}
.dojo-interface button{border:1px solid #eac89183;border-radius:999px;padding:8px 11px;background:#211b16ed;color:#fff2d9;font-size:10px;cursor:pointer}
.dojo-interface button:hover,.dojo-interface button[aria-pressed=true]{border-color:#ffe3ac;background:#4a3525;box-shadow:0 0 15px #f0c98330}
.dojo-room{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.72fr);gap:12px;min-height:300px;height:calc(100% - 112px)}
.dojo-room[hidden]{display:none}
.dojo-interface[data-dojo-view=room] .dojo-campus{display:none}
.dojo-room-scene{position:relative;min-height:280px;overflow:hidden;border:1px solid #e0b78154;border-radius:15px;background:linear-gradient(180deg,#080b10a6,#070a0eea),url('dojo-courtyard.jpg') center/cover;perspective:850px;box-shadow:inset 0 0 55px #0009,0 15px 40px #0008}
.dojo-room-window{position:absolute;inset:8% 8% 30%;overflow:hidden;border:12px solid #120f0d;border-bottom-width:18px;background:linear-gradient(#0a11135a,#090c0cc9),url('dojo-courtyard.jpg') center 47%/cover;box-shadow:0 0 0 2px #d8a96044,inset 0 0 20px #0008}
.dojo-moon{position:absolute;right:17%;top:13%;width:22px;height:22px;border:1px solid #ffd48b;border-radius:50%;background:#ffca746e;box-shadow:0 0 28px #ffb857c9}
.dojo-leaves{position:absolute;width:90px;height:65px;border-radius:50%;background:radial-gradient(ellipse at 30% 60%,#ef7841 0 10%,#a52e26 48%,#471b20 76%,transparent 78%);filter:drop-shadow(0 0 8px #ed763f47)}
.dojo-room-floor{position:absolute;left:8%;right:8%;bottom:-7%;height:55%;border:1px solid #efce8a52;border-radius:8px;background:linear-gradient(180deg,#221c18,#0c1114);transform:rotateX(58deg);transform-origin:center bottom;box-shadow:0 -16px 22px #0009}
.dojo-room-floor:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#f1d49a24 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#f1d49a24 50%,transparent 50.3%);background-size:68px 42px}
.dojo-mat{position:absolute;left:24%;right:24%;top:14%;bottom:16%;border:2px solid #dbbb7b77;border-radius:8px;background:repeating-linear-gradient(0deg,#52544356 0 24px,#302e2856 25px 26px),repeating-linear-gradient(90deg,transparent 0 47px,#d8bd8b2a 48px 49px);box-shadow:0 0 20px #eccb8620}
.dojo-room-figure{position:absolute;bottom:40%;width:29px;height:82px;z-index:2;filter:drop-shadow(0 8px 4px #0009)}
.dojo-room-figure i{position:absolute;top:0;left:9px;width:14px;height:14px;border-radius:50%;background:#d7c1a1;border:1px solid #e7d2b2}
.dojo-room-figure b{position:absolute;top:15px;left:5px;width:22px;height:33px;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#34323a,#77717d,#292931);transform:perspective(70px) rotateY(-8deg)}
.dojo-room-figure span{position:absolute;top:44px;left:9px;width:15px;height:36px;border-left:5px solid #25262c;border-right:5px solid #25262c;transform:perspective(48px) rotateX(8deg)}
.dojo-room-scene[data-focus=mobility] .figure-one{transform:translateY(-4px) rotate(-5deg)}
.dojo-room-scene[data-focus=review] .dojo-mat{box-shadow:0 0 28px #f2c88775}
.dojo-room-lantern{position:absolute;right:5%;top:13%;width:18px;height:40px;border:1px solid #edc88c;border-radius:5px;background:#d9983e50;box-shadow:0 0 24px #e9a74d9c}
.dojo-room-controls{align-self:stretch;padding:15px;border:1px solid #f0ce954c;border-radius:13px;background:#080c12df;box-shadow:0 12px 32px #0008;backdrop-filter:blur(8px)}
.dojo-practice-options{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.dojo-scope-note{padding-top:9px;border-top:1px solid #f0ce9526;color:#aeb9b8!important;font-size:9px!important}
.dojo-return{margin-top:6px}
.dojo-foot{display:flex;justify-content:space-between;gap:10px;margin:8px 2px 0;color:#c4c8c4;font:8px/1.4 ui-monospace,Consolas,monospace}
.dojo-interface{padding:13px}
.dojo-head{display:block}
.dojo-head>span{display:inline-block;margin-top:7px}
.dojo-campus{height:64vh;min-height:390px}
.dojo-map-structures{inset:7% 2% 8%}
.dojo-structure{width:clamp(100px,27%,170px);min-height:72px;padding:8px}
.dojo-structure-main{width:clamp(130px,36%,210px);min-height:100px}
.dojo-structure strong{font-size:10px}
.dojo-structure small{font-size:8px}
.dojo-selected-card{right:8px;bottom:8px;width:min(220px,53%);padding:9px}
.dojo-room{grid-template-columns:1fr;height:auto}
.dojo-room-scene{min-height:260px}
.dojo-room-controls{padding:12px}
.dojo-foot{display:block}
.dojo-foot span{display:block;margin-top:4px}
.dojo-campus{min-height:420px}
.dojo-structure-left{left:20%;top:53%}
.dojo-structure-right{left:80%;top:52%}
.dojo-structure-back{left:34%;top:25%}
.dojo-structure-court{left:82%;top:25%}
.dojo-selected-card{width:min(190px,58%);font-size:9px}
.dojo-selected-card h4{font-size:14px}
.dojo-room-scene{min-height:235px}
.dojo-structure{transition:none}