:root{--qr-bg:hsl(var(--card));--qr-text:hsl(var(--card-foreground));--qr-border:hsl(var(--border));--qr-muted:hsl(var(--muted));--qr-muted-text:hsl(var(--muted-foreground));--qr-primary:hsl(var(--primary));--qr-primary-text:hsl(var(--primary-foreground));--qr-correct:hsl(140,60%,45%);--qr-incorrect:hsl(0,70%,50%)}.dark{--qr-correct:hsl(140,50%,60%);--qr-incorrect:hsl(0,60%,65%)}.qr-app{background-color:var(--qr-bg);color:var(--qr-text);border-radius:var(--radius);padding:1.5rem;max-width:56rem;margin:auto;border:1px solid var(--qr-border)}.qr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--qr-border)}.score-display{font-size:1.125rem;font-weight:500;text-align:right}.score-display strong{font-weight:700;color:var(--qr-primary);font-size:1.5rem;display:block}.qr-intro-area{display:block}.qr-intro-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;background-color:hsl(var(--muted)/.4);border-radius:var(--radius)}.game-area-qr{display:flex;flex-wrap:wrap;gap:1.5rem}.qr-main-content{flex:2;display:flex;flex-direction:column;gap:1.5rem;min-width:320px}.qr-sidebar{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:240px}.board-panel-qr,.hand-panel-qr,.options-panel-qr{background-color:hsl(var(--muted)/.4);border-radius:var(--radius);padding:1rem}.panel-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--qr-muted-text);text-align:center}.card-container{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.card-pill{width:64px;height:90px;background-color:var(--qr-bg);border:1px solid var(--qr-border);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.05)}.card-pill .rank{font-size:1.5rem}.card-pill .suit{font-size:1.25rem;align-self:flex-end}.suit-red{color:#ef4444}.suit-black{color:var(--qr-text)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-btn{padding:.75rem;border-radius:var(--radius);border:1px solid var(--qr-border);background-color:var(--qr-bg);color:var(--qr-text);cursor:pointer;font-weight:500;transition:all .2s;text-align:center}.action-btn.primary{background-color:var(--qr-primary);color:var(--qr-primary-text);border-color:var(--qr-primary)}.action-btn:hover:not(:disabled){border-color:var(--qr-primary);color:var(--qr-primary)}.action-btn.primary:hover:not(:disabled){background-color:hsl(var(--primary)/.9);border-color:hsl(var(--primary)/.9);color:var(--qr-primary-text)}.action-btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--qr-muted)}.result-qr{min-height:24px;margin-top:1rem;font-weight:500;text-align:center}.result-qr .correct{color:var(--qr-correct)}.result-qr .incorrect{color:var(--qr-incorrect)}.result-qr .final-score{margin-top:.5rem;font-size:1.1rem}.timer-display-container{position:relative;width:100px;height:100px;margin:0 auto}.timer-ring{transform:rotate(-90deg);width:100%;height:100%}.timer-bg,.timer-fg{fill:none;stroke-width:4}.timer-bg{stroke:hsl(var(--border))}.timer-fg{stroke:var(--qr-primary);stroke-linecap:round}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;font-family:monospace}