/* Ian Says No. Airport at 5am: navy terminal, strip lights, yellow queue tape, one angry man behind glass. */
#ian { background: radial-gradient(120% 70% at 50% 0%, #1c2f52 0%, #10203a 50%, #080e1c 100%); }
#ianRoot { display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: 0; }
#ianRoot .ia-stage { position: relative; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 6px; padding: 4px 10px 8px; overflow: hidden; }
#ianRoot .ia-ctl { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; padding: 8px 14px 14px; overflow-y: auto; }
#ianRoot.ia-both .ia-stage { flex: 0 0 auto; border-bottom: 2px dashed rgba(255,255,255,.14); gap: 4px; padding-bottom: 6px; }
#ianRoot.ia-both .ia-head { display: none; }
#ianRoot.ia-both .ia-stand { display: none; }
#ianRoot.ia-both .ia-key { display: none; }
#ianRoot.ia-both .ia-sq { height: 28px; border-radius: 6px; }
#ianRoot.ia-both .ia-sq .ia-ic { font-size: 11px; }
#ianRoot.ia-both .ia-sq .ia-n { font-size: 7px; }
#ianRoot.ia-both .ia-sq.t-desk { width: 58px; } #ianRoot.ia-both .ia-face { font-size: 18px; } #ianRoot.ia-both .ia-sq.t-desk b { display: none; }
#ianRoot.ia-both .ia-zone { font-size: 8px; }
#ianRoot.ia-both .ia-tok .avatar { width: 20px; height: 20px; font-size: 9px; }
#ianRoot.ia-both .ia-panel { min-height: 56px; max-height: 120px; padding: 6px 10px; }
#ianRoot.ia-both .ia-panel .ia-card { padding: 6px 10px; gap: 2px; }
#ianRoot.ia-both .ia-card-name { font-size: 16px; } #ianRoot.ia-both .ia-card-text { font-size: 11px; max-height: 3.9em; overflow: hidden; } #ianRoot.ia-both .ia-card-top { font-size: 9px; } #ianRoot.ia-both .ia-card-who { display: none; }
#ianRoot.ia-both .ia-die { width: 40px; height: 40px; padding: 5px; gap: 2px; } #ianRoot.ia-both .ia-roll { flex-direction: row; gap: 10px; } #ianRoot.ia-both .ia-roll-lbl { font-size: 14px; }
#ianRoot.ia-both .ia-wait-av { display: none; } #ianRoot.ia-both .ia-wait-big { font-size: 18px; } #ianRoot.ia-both .ia-wait-sub { font-size: 11px; } #ianRoot.ia-both .ia-wait { padding: 2px; gap: 2px; }
#ianRoot.ia-both .ia-no-big, #ianRoot.ia-both .ia-thru-big { font-size: 24px; } #ianRoot.ia-both .ia-no-sub, #ianRoot.ia-both .ia-thru-sub { font-size: 11px; }
#ianRoot.ia-both .ia-move-big { font-size: 18px; } #ianRoot.ia-both .ia-move-sub { font-size: 11px; }
#ianRoot.ia-both .ia-text { font-size: 12px; } #ianRoot.ia-both .ia-who .avatar { width: 22px; height: 22px; font-size: 9px; } #ianRoot.ia-both .ia-who b { font-size: 12px; }
#ianRoot.ia-both .ia-pow-icon { font-size: 26px; } #ianRoot.ia-both .ia-pow-name { font-size: 16px; }
#ianRoot.ia-both .ia-over { gap: 4px; } #ianRoot.ia-both .ia-podium { display: none; } #ianRoot.ia-both .ia-over-title { font-size: 22px; }
#ianRoot.ia-both .ia-ctl .ia-stand.ctl { display: grid; }

/* ----- stage head ----- */
.ia-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 30px; }
.ia-title { font-family: var(--display); font-weight: 700; font-size: 22px; letter-spacing: .02em; color: #fff; text-shadow: 2px 2px 0 #0a1020; }
.ia-title em { font-style: normal; color: #ffb703; }
.ia-turn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; background: rgba(255,255,255,.1); border-radius: 999px; padding: 3px 10px 3px 3px; }
.ia-turn .avatar { width: 24px; height: 24px; font-size: 10px; }

/* ----- board ----- */
.ia-board { position: relative; display: flex; flex-direction: column; gap: 3px; flex: 0 0 auto; }
.ia-row { display: grid; gap: 1px; }
.ia-zone { font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55); padding-left: 2px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ia-zone i { font-style: normal; color: #ffb703; }
.ia-row.rev .ia-zone { text-align: right; padding-right: 2px; }
.ia-cells { display: flex; gap: 3px; }
.ia-row.rev .ia-cells { flex-direction: row-reverse; }
.ia-sq { position: relative; flex: 1 1 0; min-width: 0; height: 40px; border-radius: 8px; background: #e8e4d8; color: #1d1a14; display: grid; place-items: center; box-shadow: inset 0 -3px 0 rgba(0,0,0,.18); }
.ia-sq .ia-n { position: absolute; top: 2px; left: 4px; font-style: normal; font-size: 9px; font-weight: 900; opacity: .55; line-height: 1; }
.ia-sq .ia-ic { font-size: 16px; line-height: 1; margin-top: 4px; }
.ia-sq.t-plain { background: #d9d4c7; }
.ia-sq.t-ian { background: linear-gradient(180deg, #ff6b6b, #d7263d); color: #fff; }
.ia-sq.t-ian .ia-n { opacity: .8; }
.ia-sq.t-luck { background: linear-gradient(180deg, #ffe08a, #f6c453); }
.ia-sq.t-bog { background: linear-gradient(180deg, #9ec5ff, #5b8fd6); }
.ia-sq.t-trav { background: linear-gradient(180deg, #7bd3a4, #2e9e5b); color: #063; }
.ia-sq.t-power { background: linear-gradient(180deg, #c99cff, #7c4dff); color: #fff; }
.ia-sq.t-start { background: #fff; } .ia-sq.t-end { background: linear-gradient(180deg, #fff, #ffe08a); }
.ia-sq.t-desk { flex: 0 0 auto; width: 82px; height: 56px; align-self: end; background: linear-gradient(180deg, #2b2b2b, #0f0f0f); color: #fff; border: 3px solid #ffb703; border-radius: 10px; box-shadow: 0 0 0 2px #0a1020, 0 6px 0 #6b4e00; display: grid; grid-template-rows: 1fr auto; place-items: center; overflow: visible; }
.ia-sq.t-desk b { font-size: 9px; letter-spacing: .2em; font-weight: 900; color: #ffb703; line-height: 1; padding-bottom: 3px; }
.ia-sq.t-desk .ia-n { color: #ffb703; opacity: .9; }
.ia-face { font-size: 30px; line-height: 1; transition: transform .2s; display: block; margin-top: 2px; }
.ia-sq.t-desk.shout { animation: ia-shout .4s ease-in-out 3; border-color: #ff3d3d; }
.ia-sq.t-desk.shout .ia-face { transform: scale(1.2); }
.ia-sq.t-desk.happy { border-color: #2e9e5b; }
@keyframes ia-shout { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-3px) rotate(-2deg); } 75% { transform: translateX(3px) rotate(2deg); } }
.ia-toks { position: absolute; inset: 0; pointer-events: none; }
.ia-tok { position: absolute; left: 0; top: 0; transition: transform .14s linear; filter: drop-shadow(0 2px 2px rgba(0,0,0,.5)); }
.ia-tok .avatar { width: 26px; height: 26px; font-size: 11px; border: 2px solid #fff; }
.ia-tok.up .avatar { box-shadow: 0 0 0 3px #ffb703, 0 0 14px 4px rgba(255,183,3,.6); animation: ia-bob .7s ease-in-out infinite alternate; }
@keyframes ia-bob { from { transform: translateY(0); } to { transform: translateY(-3px); } }
.ia-key { font-size: 9px; font-weight: 800; color: rgba(255,255,255,.5); text-align: center; letter-spacing: .04em; }

/* ----- panel (what is happening now) ----- */
.ia-panel { flex: 1 1 auto; min-height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; border-radius: 16px; background: rgba(255,255,255,.07); border: 2px solid rgba(255,255,255,.1); padding: 8px 12px; overflow: hidden; animation: ia-in .3s both; }
.ia-panel[data-kind="desk"] { background: rgba(215,38,61,.22); border-color: #d7263d; }
.ia-panel[data-kind="through"], .ia-panel[data-kind="finish"] { background: rgba(46,158,91,.22); border-color: #2e9e5b; }
.ia-panel[data-kind="card"] { padding: 4px; background: transparent; border-color: transparent; }
.ia-panel[data-kind="power"] { background: rgba(124,77,255,.22); border-color: #7c4dff; }
@keyframes ia-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.ia-who { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; }
.ia-who .avatar { width: 30px; height: 30px; font-size: 12px; }
.ia-who b { font-size: 15px; }
.ia-wait { display: grid; justify-items: center; gap: 4px; text-align: center; padding: 6px; }
.ia-wait-av .avatar { width: 64px; height: 64px; font-size: 26px; box-shadow: 0 0 0 4px #ffb703; }
.ia-wait-big { font-family: var(--display); font-weight: 700; font-size: 28px; line-height: 1.1; }
.ia-wait-sub { font-size: 14px; font-weight: 800; color: var(--ink-dim); text-wrap: balance; }
.ia-wait-last { margin-top: 10px; font-size: 12px; font-weight: 800; color: rgba(255,255,255,.45); } .ia-wait-last b { color: #ffb703; }
#ianRoot.ia-both .ia-wait-last { display: none; }
.ia-roll { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ia-roll-lbl { font-size: 18px; font-weight: 800; color: var(--ink-dim); } .ia-roll-lbl b { font-size: 26px; color: #fff; }
.ia-die { width: 76px; height: 76px; border-radius: 14px; background: #fff; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 4px; padding: 10px; box-sizing: border-box; box-shadow: 0 6px 0 #b9b2a3, 0 12px 20px rgba(0,0,0,.4); }
.ia-die i { border-radius: 50%; background: transparent; }
.ia-die.roll { animation: ia-tumble .35s linear infinite; }
@keyframes ia-tumble { from { transform: rotate(-12deg) scale(1.05); } 50% { transform: rotate(10deg) scale(.95); } to { transform: rotate(-12deg) scale(1.05); } }
.ia-die.v1 .d4, .ia-die.v2 .d0, .ia-die.v2 .d8, .ia-die.v3 .d0, .ia-die.v3 .d4, .ia-die.v3 .d8, .ia-die.v4 .d0, .ia-die.v4 .d2, .ia-die.v4 .d6, .ia-die.v4 .d8, .ia-die.v5 .d0, .ia-die.v5 .d2, .ia-die.v5 .d4, .ia-die.v5 .d6, .ia-die.v5 .d8, .ia-die.v6 .d0, .ia-die.v6 .d2, .ia-die.v6 .d3, .ia-die.v6 .d5, .ia-die.v6 .d6, .ia-die.v6 .d8 { background: #1d1a14; }
.ia-move { display: grid; justify-items: center; gap: 4px; text-align: center; }
.ia-move-big { font-family: var(--display); font-weight: 700; font-size: 30px; line-height: 1; } .ia-move-big b { color: #ffb703; }
.ia-move.back .ia-move-big b { color: #ff6b6b; }
.ia-move-sub { font-size: 14px; font-weight: 800; color: var(--ink-dim); }
.ia-text { display: grid; justify-items: center; gap: 6px; text-align: center; font-size: 16px; font-weight: 800; line-height: 1.25; text-wrap: balance; }
.ia-text.swap { grid-template-columns: auto auto auto; align-items: center; } .ia-text.swap > div { grid-column: 1 / -1; }
.ia-swap-arrow { font-size: 22px; color: #ffb703; }
.ia-no, .ia-thru { display: grid; justify-items: center; gap: 4px; text-align: center; }
.ia-no-big { font-family: var(--display); font-weight: 700; font-size: 40px; line-height: 1; color: #fff; text-shadow: 3px 3px 0 #6b0a16; animation: ia-stamp .4s cubic-bezier(.2,1.5,.4,1) both; }
.ia-no-big em { font-style: normal; color: #ff3d3d; }
.ia-no-sub, .ia-thru-sub { font-size: 14px; font-weight: 800; line-height: 1.25; text-wrap: balance; }
.ia-thru-big { font-family: var(--display); font-weight: 700; font-size: 44px; line-height: 1; color: #7bd3a4; text-shadow: 3px 3px 0 #0b3d2e; animation: ia-stamp .4s cubic-bezier(.2,1.5,.4,1) both; }
.ia-thru.fin .ia-thru-big { color: #ffb703; text-shadow: 3px 3px 0 #6b4e00; }
@keyframes ia-stamp { from { transform: scale(2.2) rotate(-8deg); opacity: 0; } to { transform: scale(1) rotate(-1deg); opacity: 1; } }
.ia-card { position: relative; display: grid; gap: 5px; text-align: center; border-radius: 16px; padding: 10px 14px 10px; color: #1d1a14; background: #fbf3dd; border: 3px solid #fff; box-shadow: 0 8px 0 #b8902e, 0 14px 26px rgba(0,0,0,.45); animation: ia-stamp .45s cubic-bezier(.2,1.5,.4,1) both; }
.ia-card.deck-ian { background: linear-gradient(170deg, #fff1f1, #ffd6d6); box-shadow: 0 8px 0 #8a0f20, 0 14px 26px rgba(0,0,0,.45); }
.ia-card-top { font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; color: #8a5f0d; }
.ia-card.deck-ian .ia-card-top { color: #a0144f; }
.ia-card-name { font-family: var(--display); font-weight: 700; font-size: 24px; line-height: 1.05; text-wrap: balance; }
.ia-card-text { font-size: 15px; font-weight: 700; line-height: 1.3; text-wrap: pretty; }
.ia-card-who { display: inline-flex; justify-self: center; align-items: center; gap: 6px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; color: #6b5a2a; }
.ia-card-who .avatar { width: 22px; height: 22px; font-size: 9px; }
.ia-stamp { position: absolute; top: 8px; right: 10px; transform: rotate(12deg); border: 3px solid #2e9e5b; color: #2e9e5b; padding: 1px 8px; border-radius: 8px; font-family: var(--display); font-weight: 700; font-size: 16px; letter-spacing: .14em; animation: ia-stamp .4s .3s cubic-bezier(.2,1.5,.4,1) both; }
.ia-pow { display: grid; justify-items: center; gap: 4px; text-align: center; }
.ia-pow-icon { font-size: 40px; line-height: 1; }
.ia-pow-name { font-family: var(--display); font-weight: 700; font-size: 24px; line-height: 1.05; text-transform: uppercase; color: #c99cff; }
.ia-pow-who { display: flex; align-items: center; gap: 8px; }

/* standings strip */
.ia-stand { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 5px; flex: 0 0 auto; }
.ia-st { display: flex; align-items: center; gap: 5px; background: rgba(255,255,255,.08); border-radius: 10px; padding: 4px 6px; min-width: 0; border: 2px solid transparent; }
.ia-st.up { border-color: #ffb703; }
.ia-st .avatar { width: 24px; height: 24px; font-size: 10px; }
.ia-st-pos { font-family: var(--display); font-weight: 700; font-size: 13px; color: var(--ink-dim); width: 10px; }
.ia-st-body { display: grid; min-width: 0; line-height: 1.1; }
.ia-st-body b { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ia-st-body small { font-size: 9px; color: var(--ink-dim); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* game over */
.ia-over { display: grid; gap: 8px; text-align: center; }
.ia-over-title { font-family: var(--display); font-weight: 700; font-size: 32px; color: #ffb703; text-shadow: 3px 3px 0 #0a1020; line-height: 1; }
.ia-over-sub { font-size: 13px; font-weight: 800; color: var(--ink-dim); }
.ia-podium { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 6px; }
.ia-pod { display: grid; justify-items: center; gap: 3px; animation: ia-in .5s both; }
.ia-pod b { font-size: 13px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ia-pod span { font-size: 11px; font-weight: 800; color: var(--ink-dim); }
.ia-pod-av .avatar { width: 46px; height: 46px; font-size: 18px; }
.ia-pod.p0 .ia-pod-av .avatar { width: 64px; height: 64px; font-size: 26px; box-shadow: 0 0 0 4px #ffb703; }
.ia-pod-block { width: 100%; border-radius: 8px 8px 0 0; background: rgba(255,255,255,.12); display: grid; place-items: center; font-size: 22px; }
.ia-pod.p0 .ia-pod-block { height: 48px; background: linear-gradient(180deg, #f6c453, #b8902e); } .ia-pod.p1 .ia-pod-block { height: 34px; } .ia-pod.p2 .ia-pod-block { height: 24px; }

/* ----- phone controls ----- */
.ia-me { display: flex; align-items: center; gap: 10px; }
.ia-me .avatar { width: 38px; height: 38px; font-size: 15px; }
.ia-me-body { display: grid; min-width: 0; line-height: 1.15; }
.ia-me-body > b { font-size: 16px; }
.ia-me-body small { font-size: 12px; color: var(--ink-dim); font-weight: 800; } .ia-me-body small b { color: #ffb703; font-size: 14px; }
.ia-me-cards { margin-left: auto; font-size: 13px; font-weight: 900; background: rgba(255,255,255,.1); border-radius: 999px; padding: 4px 10px; }
.ia-flags { display: flex; flex-wrap: wrap; gap: 6px; }
.ia-flag { font-style: normal; font-size: 11px; font-weight: 900; letter-spacing: .04em; padding: 3px 8px; border-radius: 999px; background: rgba(255,255,255,.12); }
.ia-flag.bad { background: rgba(215,38,61,.3); border: 1px solid #d7263d; } .ia-flag.good { background: rgba(46,158,91,.3); border: 1px solid #2e9e5b; }
.ia-ctl-note { text-align: center; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: var(--ink-dim); }
.ia-ctl-note.mine { color: #ffb703; font-size: 14px; }
.ia-roll-btn { display: grid; justify-items: center; gap: 2px; width: 100%; padding: 22px 10px 18px; border-radius: 22px; border: 4px solid #fff; background: linear-gradient(180deg, #ffd166, #f6a000); color: #2a1d05; font: inherit; cursor: pointer; box-shadow: 0 10px 0 #8a5f0d, 0 16px 30px rgba(0,0,0,.4); animation: ia-pulse 1.2s ease-in-out infinite; }
.ia-roll-btn.desk { background: linear-gradient(180deg, #ff8a8a, #d7263d); color: #fff; box-shadow: 0 10px 0 #6b0a16, 0 16px 30px rgba(0,0,0,.4); }
.ia-roll-btn:active { transform: translateY(6px); box-shadow: 0 4px 0 #8a5f0d; animation: none; }
.ia-roll-btn:disabled { filter: grayscale(.5) brightness(.7); animation: none; }
.ia-roll-big { font-family: var(--display); font-weight: 700; font-size: 54px; line-height: 1; letter-spacing: .06em; }
.ia-roll-sub { font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
@keyframes ia-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }
.ia-roll-note { text-align: center; font-size: 13px; font-weight: 700; color: var(--ink-dim); line-height: 1.3; text-wrap: balance; }
.ia-hand { display: grid; gap: 8px; }
.ia-hand.peek { opacity: .55; }
.ia-pc { position: relative; display: flex; align-items: center; gap: 12px; text-align: left; width: 100%; padding: 12px 14px; border-radius: 16px; border: 3px solid #fff; color: #fff; font: inherit; cursor: pointer; box-shadow: 0 6px 0 #0a1020; background: linear-gradient(160deg, #7c4dff, #3b1d9a); }
.ia-pc:active { transform: translateY(3px); box-shadow: 0 3px 0 #0a1020; }
.ia-pc:disabled { opacity: .5; filter: saturate(.4); box-shadow: none; cursor: default; }
.ia-pc.bribe { background: linear-gradient(160deg, #f6a000, #b8600b); } .ia-pc.complaint { background: linear-gradient(160deg, #d7263d, #6b0a16); } .ia-pc.lanyard { background: linear-gradient(160deg, #2e9e5b, #145a30); } .ia-pc.fakepass { background: linear-gradient(160deg, #5c6b7a, #1f2a33); } .ia-pc.football { background: linear-gradient(160deg, #2a2a2a, #000); } .ia-pc.pilot { background: linear-gradient(160deg, #1f6fd6, #0b3a7a); } .ia-pc.goose { background: linear-gradient(160deg, #b0a89a, #6d665b); color: #1d1a14; } .ia-pc.bag { background: linear-gradient(160deg, #ff3d8a, #a0144f); }
.ia-pc-icon { font-size: 34px; line-height: 1; flex: 0 0 auto; }
.ia-pc-body { display: grid; gap: 3px; min-width: 0; }
.ia-pc-body b { font-family: var(--display); font-weight: 700; font-size: 19px; line-height: 1.05; }
.ia-pc-body small { font-size: 12px; font-weight: 700; line-height: 1.25; opacity: .92; }
.ia-pc em { position: absolute; top: -9px; right: 10px; font-style: normal; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; background: #fff; color: #1d1a14; padding: 2px 7px; border-radius: 999px; }
.ia-pc em.lock { right: auto; left: 10px; background: #1d1a14; color: #fff; }
.ia-nohand { text-align: center; font-size: 13px; font-weight: 700; color: var(--ink-dim); padding: 8px; }
.ia-wait.ctl { padding: 12px 8px 4px; }
.ia-last-insult { display: grid; gap: 2px; background: rgba(215,38,61,.18); border: 2px solid rgba(215,38,61,.6); border-radius: 14px; padding: 10px 12px; }
.ia-last-insult span { font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #ff8a8a; }
.ia-last-insult b { font-family: var(--display); font-weight: 700; font-size: 17px; line-height: 1.1; }
.ia-last-insult small { font-size: 12px; font-weight: 700; line-height: 1.3; color: var(--ink-dim); }
.ia-targets { display: grid; gap: 8px; }
.ia-tbtn { display: flex; align-items: center; gap: 12px; text-align: left; width: 100%; padding: 10px 12px; border-radius: 14px; border: 2px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: var(--ink); font: inherit; cursor: pointer; }
.ia-tbtn .avatar { width: 40px; height: 40px; font-size: 16px; }
.ia-tbtn span { display: grid; min-width: 0; } .ia-tbtn b { font-size: 17px; } .ia-tbtn small { font-size: 12px; color: var(--ink-dim); }
.ia-tbtn.immune { opacity: .6; border-style: dashed; }
.ia-mine { display: grid; gap: 6px; }
.ia-res { padding: 12px 14px; border-radius: 14px; font-family: var(--display); font-weight: 700; font-size: 17px; line-height: 1.2; background: rgba(255,255,255,.08); animation: ia-in .4s both; }
.ia-res.good { background: rgba(46,158,91,.3); border: 2px solid var(--good); }
.ia-res.bad { background: rgba(215,38,61,.25); border: 2px solid var(--bad); }
.ia-res.meh { color: var(--ink-dim); font-size: 15px; } .ia-res.dim { opacity: .6; }
.ia-stand.ctl { grid-template-columns: 1fr; }
.ia-stand.ctl .ia-st { padding: 8px 10px; } .ia-stand.ctl .ia-st .avatar { width: 32px; height: 32px; font-size: 13px; } .ia-stand.ctl .ia-st-body b { font-size: 15px; } .ia-stand.ctl .ia-st-body small { font-size: 11px; }
.ia-ctl-foot { margin-top: auto; display: grid; gap: 8px; text-align: center; }

/* pops */
.event-pop.ia-pop .ev-text small { display: block; font-size: 12px; opacity: .8; font-weight: 600; margin-top: 2px; }
.event-pop.ia-pop .ev-icon { font-size: 28px; }
.taunt-blast.ia-blast { background: rgba(120, 10, 25, .96); }
.taunt-blast.ia-blast .tb-from { font-size: 14px; }
.taunt-blast.ia-blast .tb-text { font-size: clamp(26px, 8vw, 44px); }
.taunt-blast.ia-blast .tb-to { font-size: 17px; line-height: 1.3; font-weight: 700; max-width: 340px; margin: 0 auto; text-wrap: pretty; }
.ia-blast-goose { margin-top: 14px; font-size: 16px; font-weight: 900; color: #7bd3a4; }