/* Each screen-comedy paper has its own prop reaction, without moving the arena or HUD. */
.character-table,.character-bouquet,.character-teacup,.character-magnifier,.character-water,.character-contract,.character-moustache{transform-box:fill-box;transform-origin:center;transition:transform .3s ease-out}
.paper-doll.is-crying .character-table{animation:character-table-flip .55s cubic-bezier(.2,.8,.3,1)}
.paper-doll.is-crying .character-bouquet,.paper-doll.is-crying .character-teacup{animation:character-prop-wobble .48s ease-in-out}
.paper-doll.is-crying .character-magnifier,.paper-doll.is-crying .character-water,.paper-doll.is-crying .character-contract{animation:character-prop-hop .5s ease-out}
.paper-doll.is-crying .character-moustache{animation:character-whiskers .42s ease-in-out}
.paper-doll[data-comedy-act=wrap] .character-bouquet{transform:rotate(22deg) translateY(5px)}
.paper-doll[data-comedy-act=wrap] .character-glasses{transform:translate(5px,7px) rotate(8deg);transform-origin:center}
.paper-doll[data-comedy-act=wrap] .character-beard{transform:translate(6px,4px) rotate(12deg);transform-origin:center}
@keyframes character-table-flip{0%,100%{transform:rotate(0)}35%{transform:translateY(-5px) rotate(-14deg)}65%{transform:rotate(9deg)}}
@keyframes character-prop-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-15deg)}65%{transform:rotate(12deg)}}
@keyframes character-prop-hop{0%,100%{transform:translateY(0)}35%{transform:translateY(-7px) rotate(9deg)}70%{transform:rotate(-5deg)}}
@keyframes character-whiskers{0%,100%{transform:scale(1)}35%{transform:scale(1.15,.8)}70%{transform:scale(.95,1.12)}}
@media(prefers-reduced-motion:reduce){.character-table,.character-bouquet,.character-teacup,.character-magnifier,.character-water,.character-contract,.character-moustache{transition:none}.paper-doll.is-crying .character-table,.paper-doll.is-crying .character-bouquet,.paper-doll.is-crying .character-teacup,.paper-doll.is-crying .character-magnifier,.paper-doll.is-crying .character-water,.paper-doll.is-crying .character-contract,.paper-doll.is-crying .character-moustache{animation:none}}
/* The gold selected border sits on a dark card: retain readable names, uses and bonuses. */
.skin-card[aria-pressed=true]{color:#fff4d4}
.skin-card[aria-pressed=true] .skin-bonus{color:#ffe08c}
/* A perimeter glint stays outside the copy and never changes card geometry. */
.skin-card,.skin-free-card{position:relative;isolation:isolate}
.skin-selection-glint{display:none;position:absolute;inset:-3px;border-radius:inherit;pointer-events:none;z-index:1}
[aria-pressed=true]>.skin-selection-glint{display:block}
.skin-card .skin-selection-glint svg,.skin-free-card .skin-selection-glint svg{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:visible;filter:none}
.skin-selection-glint rect{width:calc(100% - 4px);height:calc(100% - 4px);fill:none;stroke:#fff9cf;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 92;filter:drop-shadow(0 0 3px #ffdf77);animation:skin-perimeter-glint 3.2s linear infinite}
@keyframes skin-perimeter-glint{to{stroke-dashoffset:-100}}
#site-update-title{font-size:21.6px}
@media(prefers-reduced-motion:reduce){.skin-selection-glint rect{animation:none}}
/* Two colourful, tactile shortcuts stay separate from the main Start control. */
.kit-shortcuts{gap:12px;margin-top:4px;margin-bottom:22px}
.kit-shortcuts button{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:68px;padding:12px 10px;border:2px solid #ffe6ac;border-radius:14px;background:linear-gradient(145deg,#ffe3a1,#eec36b);color:#3f4431;box-shadow:0 4px 0 #977044,0 7px 15px #102d2944;font-weight:800;text-align:left;line-height:1.45;transition:transform .16s ease,box-shadow .16s ease}
.kit-shortcuts [data-shortcut=stall]{background:linear-gradient(145deg,#d7f1d5,#a7d5ba);border-color:#e9f9df;box-shadow:0 4px 0 #5b957d,0 7px 15px #102d2944;color:#234a3d}
.kit-shortcuts button .shortcut-icon{display:grid;place-items:center;width:30px;height:36px;flex:none;color:inherit}
.kit-shortcuts .shortcut-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 1px #715b3428)}
.kit-shortcuts button:hover{background:linear-gradient(145deg,#ffedbd,#f6cf82);border-color:#fff1cd;transform:translateY(-1px);box-shadow:0 5px 0 #977044,0 8px 19px #ecc46b33}
.kit-shortcuts [data-shortcut=stall]:hover{background:linear-gradient(145deg,#e3f8df,#bee4cc);border-color:#f2ffe9;box-shadow:0 5px 0 #5b957d,0 8px 19px #9ed6ba33}
.kit-shortcuts button:active{transform:translateY(3px);box-shadow:0 1px 0 #977044}.kit-shortcuts [data-shortcut=stall]:active{box-shadow:0 1px 0 #5b957d}
.kit-shortcuts button:focus-visible{outline:3px solid #fff2c9;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.kit-shortcuts button{transition:none}}
/* History-series props stay playful and yield to the shared crying/damage poses. */
.history-prop,.history-beard,.history-moustache,.history-bird-wing{transform-box:fill-box;transform-origin:center}
.paper-doll.is-crying .history-prop{animation:history-prop-fumble .58s cubic-bezier(.2,.8,.25,1)}
.paper-doll.is-crying .history-moustache,.paper-doll.is-crying .history-beard{animation:character-whiskers .46s ease-in-out}
.paper-doll.is-crying .history-bird-wing{animation:history-bird-flap .36s ease-in-out 2;transform-origin:90% 70%}
.paper-doll[data-comedy-act=pleading] .history-balloon{scale:.88 1;rotate:7deg}
.paper-doll[data-comedy-act=wrap] .history-balloon{scale:.7 .55;rotate:18deg;translate:0 12px}
.paper-doll[data-comedy-act=wrap] .history-scroll{rotate:-12deg;translate:0 5px}
.paper-doll[data-comedy-act=wrap] .history-coins,.paper-doll[data-comedy-act=wrap] .history-cart{rotate:16deg;translate:3px 6px}
.paper-doll[data-comedy-act=wrap] .history-beard,.paper-doll[data-comedy-act=wrap] .history-moustache{rotate:12deg;translate:4px 5px}
@keyframes history-prop-fumble{0%,100%{transform:translate(0,0) rotate(0)}28%{transform:translate(-3px,-8px) rotate(-13deg) scale(.94,1.06)}63%{transform:translate(4px,-2px) rotate(11deg) scale(1.04,.96)}}
@keyframes history-bird-flap{0%,100%{transform:rotate(0)}45%{transform:rotate(-24deg) scaleY(.8)}}
@media(prefers-reduced-motion:reduce){.paper-doll.is-crying :is(.history-prop,.history-beard,.history-moustache,.history-bird-wing){animation:none}}