.dc-chart-wrap{position:relative;width:100%;max-width:480px;height:130px;background:var(--game-bg-canvas);border:2px solid var(--game-border-color);border-radius:var(--game-radius-md);overflow:hidden;flex-shrink:1;min-height:0}#dc-canvas{width:100%;height:100%;display:block}.dc-question{width:100%;max-width:340px;text-align:center;padding:10px;font:700 1.2rem/1.3 var(--game-font-mono);border-color:var(--game-border-color);transition:border-color .3s ease}.dc-question--trap{border-color:#4a3050}.dc-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px}.dc-option{min-height:46px;background:var(--game-bg-surface);border:var(--game-border-thick) solid var(--game-border-color);border-radius:var(--game-radius-md);box-shadow:var(--game-shadow-sm);color:var(--game-text-primary);font:700 1.1rem/1 var(--game-font-mono);cursor:pointer}.dc-option:active{transform:translate(2px,2px)}.dc-option--correct{background:var(--game-accent-green);color:var(--game-text-on-accent)}.dc-option--wrong{background:var(--game-accent-red);color:#fff}#hud-points.dc-points--green{color:var(--game-accent-green)}#hud-points.dc-points--yellow{color:var(--game-accent-yellow)}#hud-points.dc-points--red{color:var(--game-accent-red)}@media(max-height:700px){.dc-chart-wrap{height:110px}.dc-question{padding:10px;font-size:1.1rem}.dc-option{min-height:42px;font-size:.95rem}}@media(max-height:580px){.dc-chart-wrap{height:80px}.dc-question{padding:6px;font-size:1rem}.dc-option{min-height:36px;font-size:.85rem}}