.ii-sky{max-width:640px;margin-left:auto;border:1px solid #22263A;background:linear-gradient(180deg,rgba(10,12,18,.88),rgba(16,12,12,.92));padding:18px;display:grid;gap:12px;color:#F4F5F8;box-shadow:0 40px 80px -40px rgba(255,91,26,.35)}
.ii-find{display:flex;align-items:center;gap:12px;border:1px solid #3A3F52;background:#07080C;padding:0 16px;height:56px;position:relative;transition:border-color .3s}
.ii-find:focus-within{border-color:#FF5B1A}
.ii-find>span{color:#FF5B1A;font-size:20px}
.ii-in{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:500 17px var(--f-sans);outline:none}
.ii-in::placeholder{color:#7E8396}
.ii-caret{width:2px;height:22px;background:#FF5B1A;animation:ii-blink .9s steps(2) infinite;display:none}
.ii-sky.ii-typing .ii-caret{display:block}
@keyframes ii-blink{50%{opacity:0}}
.ii-tries{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:#7E8396}
.ii-try{border:1px solid #2E3346;background:transparent;color:#C9CBD3;font:500 12.5px var(--f-sans);padding:5px 10px;cursor:pointer}
.ii-try:hover,.ii-try:focus-visible{border-color:#FF5B1A;color:#fff;outline:none}
.ii-city{position:relative;border-bottom:1px solid #22263A}
.ii-svg{width:100%;height:auto;display:block;overflow:visible}
.ii-ground{stroke:#3A3F52;stroke-width:1.5}
.ii-star{fill:#C9CBD3;opacity:.25;animation:ii-tw 3s ease-in-out infinite;animation-delay:calc(var(--d)*-.7s)}
@keyframes ii-tw{50%{opacity:.8}}
.ii-b{fill:none;stroke:#5C6176;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;transition:opacity .5s}
.ii-b path,.ii-b rect,.ii-b circle{transition:stroke .5s,fill .5s}
.ii-b .w,.ii-b .w2{fill:#12151F;stroke:#3A3F52;stroke-width:1}
.ii-b text{fill:#7E8396;stroke:none;font:500 15px var(--f-sans);text-anchor:middle;transition:fill .4s}
.ii-b .sm{stroke:#3A3F52;animation:ii-smoke 4s ease-in-out infinite}.ii-b .s2{animation-delay:-2s}
@keyframes ii-smoke{0%{transform:translate(0,0);opacity:.2}50%{opacity:.8}100%{transform:translate(8px,-18px);opacity:0}}
.ii-b .bk{fill:#FF5B1A;stroke:none;animation:ii-blink 1.6s steps(2) infinite}
.ii-b:hover{stroke:#A3A8B8}
.ii-b.on{stroke:#FF5B1A}
.ii-b.on .w,.ii-b.on .w2{fill:#FFA77F;stroke:#FF5B1A}
.ii-b.on .pl,.ii-b.on .fl,.ii-b.on .st{fill:#FF5B1A}
.ii-b.on text{fill:#fff}
.ii-sky.ii-has .ii-b:not(.on){opacity:.4}
.ii-res{min-height:96px;display:grid;gap:8px;align-content:start}
.ii-msg{font-size:13.5px;color:#7E8396}
.ii-hit{display:none;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:12px 16px;border:1px solid #3A2A22;background:#160D09;color:#F4F5F8;text-decoration:none;animation:ii-up .45s ease}
.ii-hit.on{display:grid}
.ii-hit small{font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F;grid-column:1}
.ii-hit b{font:500 16px/1.3 var(--f-sans);grid-column:1}
.ii-hit em{font-style:normal;font-size:13px;color:#FF5B1A;grid-column:2;grid-row:1/3;white-space:nowrap}
.ii-hit:hover,.ii-hit:focus-visible{border-color:#FF5B1A;outline:none}
@keyframes ii-up{from{opacity:0;transform:translateY(6px)}}

.ii-pf{background:var(--night);padding:0 0 clamp(56px,7vw,96px)}
.ii-pf-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,56px);align-items:center;border-top:1px solid #22263A;padding-top:clamp(28px,4vw,48px)}
.ii-pf-in>*{min-width:0}
.ii-pf-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:0}
.ii-pf-f dt{font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F;margin-bottom:6px}
.ii-pf-f dd{margin:0;font:500 clamp(17px,1.5vw,20px)/1.35 var(--f-sans);color:#F4F5F8}
.ii-pf-vis{position:relative;height:280px}
.ii-pf-svg{position:absolute;inset:0;width:100%;height:100%;fill:none}
.ii-pf-beam{stroke:#F4F5F8;stroke-width:3;stroke-dasharray:6 8;animation:ii-flow 1s linear infinite;opacity:.8}
.ii-pf-glass{fill:url(#ii-pg);stroke:#FFA77F;stroke-width:1.5;vector-effect:non-scaling-stroke}
.ii-pf-r{stroke:#C2410C;stroke-width:2.2;stroke-dasharray:8 8;animation:ii-flow 1.2s linear infinite;transition:stroke .3s,stroke-width .3s;vector-effect:non-scaling-stroke}
.ii-pf-r[data-i="1"]{stroke:#FF5B1A}.ii-pf-r[data-i="2"]{stroke:#FF8A5B}.ii-pf-r[data-i="3"]{stroke:#FFA77F}
.ii-pf-r.on{stroke-width:4;stroke:#fff}
@keyframes ii-flow{to{stroke-dashoffset:-16}}
.ii-pf-src{position:absolute;left:0;top:50%;transform:translateY(-130%);font-size:12px;color:#7E8396;display:grid}
.ii-pf-src b{font:500 15px var(--f-sans);color:#fff;transition:opacity .3s}
.ii-pf-rays{position:absolute;right:0;top:0;bottom:0;width:52%}
.ii-pf-ray{position:absolute;right:0;width:100%;transform:translateY(-50%);text-align:left;border:1px solid #262A36;background:rgba(10,12,18,.92);color:#F4F5F8;padding:8px 12px;cursor:pointer;display:grid;gap:2px;transition:border-color .3s,background .3s}
.ii-pf-ray[data-i="0"]{top:11%}.ii-pf-ray[data-i="1"]{top:38%}.ii-pf-ray[data-i="2"]{top:65%}.ii-pf-ray[data-i="3"]{top:92%}
.ii-pf-ray small{font:600 11px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:#FFA77F}
.ii-pf-ex{font-size:13px;line-height:1.35;color:#C9CBD3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .3s}
.ii-pf-ray.on,.ii-pf-ray:hover,.ii-pf-ray:focus-visible{border-color:#FF5B1A;background:#160D09;outline:none}
.ii-pf.ii-swap .ii-pf-ex,.ii-pf.ii-swap .ii-pf-n{opacity:0}

.ii-th-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,1.3fr) minmax(0,1fr);row-gap:0}
.ii-th-col{display:grid;gap:8px;align-content:center;position:relative;z-index:2}
.ii-th-col.l{grid-column:1}.ii-th-col.r{grid-column:3}
.ii-th-i,.ii-th-s{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #262A36;background:#0D0F16;color:#E4E6EC;font:500 15px/1.25 var(--f-sans);padding:10px 14px;cursor:pointer;transition:border-color .3s,background .3s,color .3s,opacity .3s}
.ii-th-s{flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px}
.ii-th-s small{font-size:12px;color:#7E8396;font-weight:400}
.ii-th-i i{width:18px;height:40px;flex:none}
.ii-th-ic{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.ii-th-ic .w,.ii-th-ic .w2,.ii-th-ic text{display:none}
.ii-th-i.on,.ii-th-s.on{border-color:#FF5B1A;background:#1A0F0A;color:#fff}
.ii-th-in.ii-sel .ii-th-i:not(.on),.ii-th-in.ii-sel .ii-th-s:not(.on){opacity:.4}
.ii-th-i:focus-visible,.ii-th-s:focus-visible{outline:2px solid #FF5B1A;outline-offset:2px}
.ii-th-svg{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible;pointer-events:none}
.ii-th-svg path{stroke:#2A2F40;stroke-width:1.3;transition:stroke .4s,stroke-width .4s,opacity .4s}
.ii-th-svg path.on{stroke:#FF5B1A;stroke-width:2.2;stroke-dasharray:6 6;animation:ii-flow 1s linear infinite}
.ii-th-in.ii-sel .ii-th-svg path:not(.on){opacity:.35}
.ii-th-dets{display:grid;margin-top:28px}
.ii-th-d{grid-area:1/1;display:grid;grid-template-columns:auto 1fr auto;gap:8px 20px;align-items:center;border:1px solid #262A36;background:#0D0F16;padding:18px 22px;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.ii-th-d.on{opacity:1;visibility:visible}
.ii-th-d small{font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F}
.ii-th-d p{display:flex;flex-wrap:wrap;gap:8px}
.ii-th-d p a{font:500 14px var(--f-sans);color:#fff;text-decoration:none;border:1px solid #3A3F52;padding:6px 12px}.ii-th-d p a:hover{border-color:#FF5B1A}
.ii-th-d>span{font-size:13.5px;color:#A3A8B8;max-width:280px}.ii-th-d>span a{color:#FF5B1A;text-decoration:none}

.ii-cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.ii-cs-chip{border:1px solid #2E3346;background:transparent;color:#C9CBD3;font:500 14px var(--f-sans);padding:9px 14px;cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.ii-cs-chip:hover,.ii-cs-chip:focus-visible{border-color:#FF5B1A;color:#fff;outline:none}
.ii-cs-chip[aria-pressed=true]{background:#FF5B1A;border-color:#FF5B1A;color:#fff}
.ii-cs-in{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(18px,3vw,36px);align-items:stretch}
.ii-cs-in>*{min-width:0}
.ii-cs-sky{border:1px solid #22263A;background:radial-gradient(90% 80% at 50% 100%,#1A1210,#07080C 70%);position:relative}
.ii-cs-svg{width:100%;height:auto;display:block}
.ii-cs-bg circle{fill:#C9CBD3;opacity:.2;animation:ii-tw 4s ease-in-out infinite;animation-delay:calc(var(--d)*-.6s)}
.ii-cs-line{fill:none;stroke:#FF5B1A;stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:4 5;transition:d .6s}
.ii-cs-pt{cursor:pointer}
.ii-cs-pt circle{fill:#07080C;stroke:#5C6176;stroke-width:1.5;transition:fill .4s,stroke .4s}
.ii-cs-pt .h{fill:#FF5B1A;stroke:none;opacity:0}
.ii-cs-pt text{fill:#7E8396;font:600 13px var(--f-sans);text-anchor:middle;transition:fill .3s}
.ii-cs-pt.done circle{stroke:#FF5B1A;fill:#2A140C}.ii-cs-pt.done text{fill:#FFA77F}
.ii-cs-pt.on circle{fill:#FF5B1A;stroke:#fff}.ii-cs-pt.on text{fill:#fff}
.ii-cs-pt.on .h{animation:ii-halo 1.6s ease-out infinite}
@keyframes ii-halo{from{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}
.ii-cs-pt .h{transform-box:fill-box;transform-origin:center}
.ii-cs-side{display:grid;grid-template-rows:auto 1fr;gap:14px}
.ii-cs-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ii-cs-steps button{display:flex;gap:12px;align-items:baseline;width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;cursor:pointer;color:#7E8396;font:500 14.5px/1.35 var(--f-sans);border-left:2px solid #1C2030;transition:color .3s,border-color .3s,background .3s}
.ii-cs-steps small{font-size:11.5px;color:#5C6176;flex:none}
.ii-cs-steps li.done button{color:#C9CBD3;border-left-color:#C2410C}
.ii-cs-steps li.on button{color:#fff;border-left-color:#FF5B1A;background:#10131B}.ii-cs-steps li.on small{color:#FFA77F}
.ii-cs-steps button:focus-visible{outline:2px solid #FF5B1A}
.ii-cs-site{border:1px solid #3A2A22;background:#160D09;padding:16px 18px;align-self:end}
.ii-cs-site small{font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F}
.ii-cs-b{font-size:15.5px;line-height:1.55;color:#F4F5F8;margin-top:6px;transition:opacity .3s}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .ii-pf-in,.ii-cs-in{grid-template-columns:minmax(0,1fr)}
  .ii-th-d{grid-template-columns:1fr}
}
@media (max-width:600px){
  .ii-sky{padding:12px}
  .ii-b text{display:none}
  .ii-find{height:50px}.ii-in{font-size:15.5px}
  .ii-pf-facts{grid-template-columns:1fr}
  .ii-pf-vis{height:auto;display:grid;gap:8px}
  .ii-pf-svg{display:none}
  .ii-pf-src{position:static;transform:none;margin-bottom:4px}
  .ii-pf-rays{position:static;width:auto;display:grid;gap:8px}
  .ii-pf-ray{position:static;transform:none;border-left:3px solid #FF5B1A}
  .ii-th-in{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}
  .ii-th-i,.ii-th-s{font-size:12.5px;padding:8px}
  .ii-th-i i{display:none}
  .ii-th-s small{display:none}
  .ii-th-col{gap:6px}
  .ii-cs-steps button{font-size:13.5px;padding:7px 10px}
  .ii-hit{grid-template-columns:minmax(0,1fr);gap:4px}.ii-hit em{grid-column:1;grid-row:auto;white-space:normal;margin-top:4px}
  .ii-cs-pt circle{r:24}.ii-cs-pt text{font-size:22px;transform:translateY(3px)}.ii-cs-line{stroke-width:3}
}
@media (prefers-reduced-motion:reduce){
  .ii-star,.ii-b .sm,.ii-b .bk,.ii-pf-beam,.ii-pf-r,.ii-th-svg path.on,.ii-cs-bg circle,.ii-cs-pt.on .h,.ii-caret{animation:none!important}
}

/* ---------- all sectors: turntable ---------- */
.ii-tt-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center}
.ii-tt-in>*{min-width:0}
.ii-tt-stage{--r:300px;--fw:150px;position:relative;height:480px;background:radial-gradient(70% 60% at 50% 70%,#1A1210,#0B0C10 70%);overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;box-shadow:0 40px 80px -40px rgba(11,12,16,.5)}
.ii-tt-stage.drag{cursor:grabbing}
.ii-tt-scene{position:absolute;left:50%;top:44%;width:var(--fw);height:calc(var(--fw)*1.55);margin:calc(var(--fw)*-.78) 0 0 calc(var(--fw)*-.5);perspective:1100px}
.ii-tt-ring{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--r)*-1)) rotateY(var(--a,0deg));transition:transform .9s cubic-bezier(.3,.1,.2,1)}
.ii-tt-stage.drag .ii-tt-ring{transition:none}
.ii-tt-f{position:absolute;inset:0;transform:rotateY(calc(var(--k)*45deg)) translateZ(var(--r));border:1px solid #2E3346;background:linear-gradient(180deg,#151822,#0B0C10);color:#A3A8B8;display:grid;grid-template-rows:1fr auto;justify-items:center;padding:12px 8px 12px;cursor:pointer;font:500 13px var(--f-sans);transition:border-color .4s,color .4s,opacity .4s;opacity:.55}
.ii-tt-f.on{border-color:#FF5B1A;color:#fff;opacity:1;box-shadow:0 20px 40px -20px rgba(255,91,26,.6)}
.ii-tt-f:focus-visible{outline:2px solid #FF5B1A}
.ii-tt-svg{height:100%;width:auto;max-height:calc(var(--fw)*1.15);fill:none;stroke:#7E8396;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.ii-tt-svg .w,.ii-tt-svg .w2{fill:#12151F;stroke:#3A3F52;stroke-width:1}
.ii-tt-svg .bk{fill:#FF5B1A;stroke:none}
.ii-tt-f.on .ii-tt-svg{stroke:#FF5B1A}.ii-tt-f.on .ii-tt-svg .w,.ii-tt-f.on .ii-tt-svg .w2{fill:#FFA77F;stroke:#FF5B1A}
.ii-tt-plate{position:absolute;left:50%;bottom:58px;width:calc(var(--r)*2.3);height:70px;margin-left:calc(var(--r)*-1.15);border-radius:50%;border:2px solid #3A3F52;background:radial-gradient(closest-side,#1C2030,#0B0C10);box-shadow:0 12px 0 -4px #22263A}
.ii-tt-plate::after{content:"";position:absolute;inset:14px 18%;border-radius:50%;border:1px dashed #3A3F52;animation:ii-spin 20s linear infinite}
@keyframes ii-spin{to{transform:rotate(360deg)}}
.ii-tt-ctl{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;align-items:center;gap:16px;color:#7E8396;font:500 14px var(--f-sans)}
.ii-tt-ctl b{color:#fff}
.ii-tt-btn{width:40px;height:40px;border:1px solid #3A3F52;background:#0B0C10;color:#fff;font-size:17px;cursor:pointer}
.ii-tt-btn:hover,.ii-tt-btn:focus-visible{border-color:#FF5B1A;outline:none}
.ii-tt-infos{display:grid}
.ii-tt-i{grid-area:1/1;display:grid;gap:12px;align-content:start;opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity .45s,transform .45s,visibility .45s}
.ii-tt-i.on{opacity:1;visibility:visible;transform:none}
.ii-tt-i>small{font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#C2410C}
.ii-tt-i h3{font:400 clamp(28px,2.8vw,38px)/1.08 var(--f-flex);letter-spacing:-.035em;color:#8F8A80}.ii-tt-i h3 b{display:block;color:#0B0C10;font-weight:700}
.ii-tt-i>p{font-size:16px;line-height:1.6;color:#4B4E58}
.ii-tt-i dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;border-top:1px solid #DDD6CC;padding-top:14px}
.ii-tt-i dt{font:600 10.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:#8F8A80}
.ii-tt-i dd{margin:3px 0 0;font-size:14.5px;line-height:1.45;color:#0B0C10}
.ii-tt-i ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ii-tt-i li{font-size:13px;padding:6px 10px;background:#fff;border:1px solid #E3DCD2}
.ii-tt-i>a{justify-self:start;margin-top:4px;font:500 15px var(--f-sans);color:#0B0C10;text-decoration:none;display:flex;gap:10px;align-items:center}
.ii-tt-i>a span{width:30px;height:30px;background:#FF5B1A;color:#fff;display:grid;place-items:center}
.ii-tt-i>a:hover{color:#C2410C}

/* ---------- rules: highlighter ---------- */
.ii-hl-in{display:grid;grid-template-columns:230px 1fr;gap:0;align-items:stretch}
.ii-hl-in>*{min-width:0}
.ii-hl-tabs{display:grid;gap:4px;align-content:start;padding-top:14px}
.ii-hl-tab{display:flex;gap:10px;align-items:baseline;text-align:left;border:1px solid #D6D0C6;border-right:0;background:#EDE6DC;padding:12px 14px;cursor:pointer;font:500 15px var(--f-sans);color:#4B4E58;border-radius:8px 0 0 8px;transition:background .3s,color .3s,transform .3s}
.ii-hl-tab small{font-size:11.5px;color:#8F8A80}
.ii-hl-tab:hover{background:#F5F2EE;color:#0B0C10}
.ii-hl-tab[aria-pressed=true]{background:#fff;color:#0B0C10;transform:translateX(1px);box-shadow:-6px 6px 14px -10px rgba(11,12,16,.4)}.ii-hl-tab[aria-pressed=true] small{color:#C2410C}
.ii-hl-tab:focus-visible{outline:2px solid #FF5B1A}
.ii-hl-sheets{position:relative;display:grid;background:#fff;border:1px solid #D6D0C6;box-shadow:0 40px 70px -40px rgba(11,12,16,.4);background-image:repeating-linear-gradient(180deg,transparent 0 33px,#F0EAE2 33px 34px);background-position:0 18px}
.ii-hl-sh{grid-area:1/1;padding:clamp(22px,3vw,40px) clamp(22px,3vw,44px);display:grid;gap:18px;align-content:start;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.ii-hl-sh.on{opacity:1;visibility:visible}
.ii-hl-hd{display:flex;justify-content:space-between;gap:12px;font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#8F8A80;border-bottom:2px solid #0B0C10;padding-bottom:10px}
.ii-hl-hd em{font-style:normal;color:#C2410C}
.ii-hl-p{font-size:clamp(17px,1.5vw,20px);line-height:1.75;color:#2A2D35}
.ii-hl-s{background-image:linear-gradient(transparent 55%,rgba(255,167,127,.75) 55%,rgba(255,167,127,.75) 92%,transparent 92%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .2s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ii-hl-sh.on .ii-hl-s{background-size:100% 100%;transition:background-size 1.1s ease-in-out;transition-delay:calc(.4s + var(--d)*1.3s)}
.ii-hl-ft{display:grid;gap:10px;border-top:1px dashed #D6D0C6;padding-top:16px}
.ii-hl-ft small{font:600 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#8F8A80}
.ii-hl-ft ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.ii-hl-ft li{font-size:13px;padding:6px 10px;border:1px solid #E3DCD2;background:#F5F2EE}
.ii-hl-ft a{justify-self:start;font:500 14.5px var(--f-sans);color:#C2410C;text-decoration:none}.ii-hl-ft a:hover{text-decoration:underline}
.ii-hl-pen{position:absolute;right:-14px;top:-44px;width:22px;height:120px;border-radius:5px;background:linear-gradient(90deg,#FF8A5B,#FF5B1A);transform:rotate(28deg);box-shadow:0 10px 20px -8px rgba(0,0,0,.4)}
.ii-hl-pen::before{content:"";position:absolute;left:3px;right:3px;bottom:-14px;height:16px;background:#FFA77F;clip-path:polygon(0 0,100% 0,70% 100%,30% 100%)}
.ii-hl-pen::after{content:"";position:absolute;left:0;right:0;top:0;height:34px;border-radius:5px 5px 0 0;background:#0B0C10}

@media (max-width:900px){.ii-tt-in{grid-template-columns:minmax(0,1fr)}.ii-hl-in{grid-template-columns:minmax(0,1fr)}
  .ii-hl-tabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:0;gap:4px}.ii-hl-tab{flex:0 0 auto;border:1px solid #D6D0C6;border-bottom:0;border-radius:8px 8px 0 0;font-size:13.5px}.ii-hl-pen{display:none}}
@media (max-width:600px){.ii-tt-stage{--r:170px;--fw:96px;height:360px}.ii-tt-f{font-size:10.5px;padding:8px 4px}.ii-tt-plate{bottom:56px;height:50px}.ii-hl-p{font-size:16px}}
@media (prefers-reduced-motion:reduce){.ii-tt-plate::after{animation:none}.ii-hl-s{background-size:100% 100%!important;transition:none!important}}

/* QA: the answer cards covered half of the prism on laptops */
@media (min-width:901px){.ii-pf-rays{width:41%}}
/* QA: rulebook page link was an 18px tap target on phones */
.ii-hl-ft a{display:inline-block;padding:5px 0}