#kind-view[data-scene=match] .kind-shell{max-width:740px!important}#kind-view[data-scene=match] #kind-description{font-size:15px}.match-hud{display:flex;gap:14px;align-items:center;padding:10px 0}.match-hud strong{white-space:nowrap;color:#305e49}.match-hud progress{width:100%;height:18px;accent-color:#b181be}.match-stage{position:relative;aspect-ratio:1;width:min(100%,540px);margin:0 auto;background:linear-gradient(135deg,#ebcc8f,#3b7360);border:5px solid #b9a269;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px #28492e44;touch-action:none}.match-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.match-input{position:absolute;inset:2.83%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:0}.match-input button{min-height:0;min-width:0;padding:0;border:2px solid transparent;border-radius:12px;background:transparent!important;box-shadow:none;color:transparent;opacity:1;touch-action:none}.match-input button:hover{background:#ffffff14!important}.match-input button.selected,.match-input button.suggested{border-color:#fff7b3;box-shadow:inset 0 0 14px #fff59c88,0 0 8px #fff5c5}.match-input button:focus-visible{outline:3px solid #285474;outline-offset:-4px}.match-status{font-size:15px!important;min-height:26px;margin:8px 0!important}.match-tools{display:flex;gap:10px;flex-wrap:wrap}.match-finish{padding:18px;border-radius:18px;background:#fff4d4;border:1px solid #d3b66d}.match-finish button{margin:5px}.match-fallback canvas{visibility:hidden}.match-fallback .match-input button{color:#36485c;font-size:30px;background:#fff5e1!important}.match-fallback [data-type="0"]{color:#a52963!important}.match-fallback [data-type="1"]{color:#5c419e!important}.match-fallback [data-type="2"]{color:#916011!important}.match-fallback [data-type="3"]{color:#29714b!important}.match-fallback [data-type="4"]{color:#126777!important}@media(max-width:700px){#kind-view[data-scene=match] .kind-shell{padding:14px!important}#kind-view[data-scene=match] h1{font-size:29px}.match-stage{border-width:3px;border-radius:14px}.match-hud{font-size:14px}.match-input button{border-radius:8px}}


.match-stage{box-sizing:border-box;max-width:100%;min-width:0;flex:none;isolation:isolate}.match-input{z-index:1}.match-input button{font-size:0;overflow:hidden}.match-fallback .match-input button::after{content:attr(data-symbol);font-size:clamp(20px,6vw,36px)}

.match-score-pop{position:absolute;z-index:3;left:50%;top:38%;transform:translateX(-50%);pointer-events:none;white-space:nowrap;border-radius:18px;padding:9px 14px;color:#334e35;background:#fffceceF;border:2px solid #f8d878;box-shadow:0 4px 20px #243c3855;font:bold clamp(16px,4vw,24px) Georgia;text-shadow:0 1px white}.match-score-pop.big{background:#fff2b8;border-color:#eebc39;color:#72411f}

.match-stage{background:linear-gradient(135deg,rgba(207,245,190,.25),rgba(173,225,241,.2)),url('assets/scenery/meadow.webp') center/cover}
.match-input button{border:1px solid rgba(255,247,210,.55);border-radius:7px}
.match-petal-burst{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.match-petal-burst i{position:absolute;width:10px;height:15px;border-radius:80% 15% 80% 15%;box-shadow:0 0 6px rgba(255,255,230,.8)}