#dnd-game-root{font:16px/1.5 Arial,sans-serif;color:#242424}
#dnd-game-root *{box-sizing:border-box}
#dnd-game-root [hidden]{display:none!important}
#dnd-game-root button{font:700 15px/1.3 Arial,sans-serif;cursor:pointer}
#dnd-game-root button:focus-visible,#dnd-game-root select:focus-visible{outline:3px solid #1565c0;outline-offset:4px}
#dnd-game-root button:disabled{cursor:default;opacity:.55}
#dnd-game-root .dnd-sprite{display:block;background:url('mascot.png') no-repeat 0 0 / 200% 200%;width:120px;height:120px}
#dnd-game-root [data-pose=think] .dnd-sprite{background-position:100% 0}
#dnd-game-root [data-pose=match] .dnd-sprite{background-position:0 100%}
#dnd-game-root [data-pose=win] .dnd-sprite{background-position:100% 100%}
#dnd-game-root .dnd-launch{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:99990;border:0;background:transparent;padding:0;color:white;display:flex;align-items:center;filter:drop-shadow(0 3px 5px #0002)}
#dnd-game-root .dnd-launch .dnd-sprite{width:88px;height:88px}
#dnd-game-root .dnd-launch-label{max-width:145px;background:#ae002c;border-radius:14px;padding:12px;text-align:left}
#dnd-game-root .dnd-pop{animation:dnd-game-pop .55s ease}
#dnd-game-root .dnd-dialog{width:min(850px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;border:0;border-radius:22px;padding:0;background:#fff8f1;color:#242424;box-shadow:0 20px 80px #0004;overflow:auto}
#dnd-game-root .dnd-dialog::backdrop{background:#17202ac9}
#dnd-game-root .dnd-content{padding:24px}
#dnd-game-root .dnd-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
#dnd-game-root h2{margin:0;color:#ae002c;font-size:clamp(23px,4vw,34px)}
#dnd-game-root .dnd-close{background:white;color:#242424;border:1px solid #ddd;border-radius:50%;width:44px;height:44px;font-size:25px;flex-shrink:0}
#dnd-game-root .dnd-buddy-row{display:flex;gap:16px;align-items:center;margin:14px 0}
#dnd-game-root .dnd-buddy{background:none;border:0;padding:0;flex-shrink:0}
#dnd-game-root .dnd-speech{background:white;border:1px solid #edddd3;padding:14px;border-radius:16px;flex:1}
#dnd-game-root .dnd-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}
#dnd-game-root .dnd-stats span{background:white;border-radius:9px;padding:8px 12px}
#dnd-game-root .dnd-board{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:620px;margin:auto}
#dnd-game-root .dnd-board.large{grid-template-columns:repeat(6,minmax(0,1fr))}
#dnd-game-root .dnd-card{aspect-ratio:1;min-width:0;border:2px solid #ae002c;border-radius:10px;color:#fff;background:#ae002c;padding:4px;font-size:clamp(13px,3vw,19px);box-shadow:0 3px 0 #76001e}
#dnd-game-root .dnd-card.open{background:#fff;color:#242424;font-size:clamp(25px,5vw,42px);box-shadow:none}
#dnd-game-root .dnd-card.matched{background:#e7f5eb;border-color:#25783c;box-shadow:none;opacity:1}
#dnd-game-root .dnd-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}
#dnd-game-root .dnd-action{border:0;background:#242424;color:white;padding:12px 18px;border-radius:9px}
#dnd-game-root .dnd-next{background:#ae002c}
#dnd-game-root .dnd-status{text-align:center;min-height:24px;font-weight:700}
#dnd-game-root .dnd-level-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
#dnd-game-root select{font:inherit;background:white;color:#242424;border:1px solid #bbb;padding:8px;border-radius:8px}
#dnd-game-root .dnd-note{font-size:12px;color:#656565;text-align:center;margin:12px 0 0}
@keyframes dnd-game-pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-12px) rotate(-5deg)}70%{transform:rotate(5deg)}}
@media(max-width:480px){#dnd-game-root .dnd-content{padding:16px}#dnd-game-root .dnd-sprite{width:90px;height:90px}#dnd-game-root .dnd-board.large{grid-template-columns:repeat(4,minmax(0,1fr))}#dnd-game-root .dnd-board{gap:7px}#dnd-game-root .dnd-launch .dnd-sprite{width:65px;height:65px}#dnd-game-root .dnd-launch-label{max-width:115px;font-size:12px;padding:10px}}
@media(prefers-reduced-motion:reduce){#dnd-game-root *{animation:none!important;transition:none!important}}