:root{--rst-bg:hsl(var(--card));--rst-text:hsl(var(--card-foreground));--rst-border:hsl(var(--border));--rst-muted:hsl(var(--muted));--rst-muted-text:hsl(var(--muted-foreground));--rst-primary:hsl(var(--primary));--rst-primary-text:hsl(var(--primary-foreground));--rst-correct:hsl(140,60%,45%);--rst-incorrect:hsl(0,70%,50%)}.dark{--rst-correct:hsl(140,50%,60%);--rst-incorrect:hsl(0,60%,65%)}.rst-app{background-color:var(--rst-bg);color:var(--rst-text);border-radius:var(--radius);padding:1.5rem;max-width:56rem;margin:auto;border:1px solid var(--rst-border)}.rst-header{justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rst-border)}.controls,.rst-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.settings{display:flex;align-items:center;gap:.5rem}.settings label{font-size:.875rem;color:var(--rst-muted-text)}.rst-input,.rst-select{background-color:hsl(var(--input));border:1px solid var(--rst-border);border-radius:calc(var(--radius) - 2px);height:2.25rem;padding:0 .5rem;color:var(--rst-text)}.rst-input{width:4rem}.rst-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;height:2.25rem;padding:0 1rem;cursor:pointer;transition:background-color .15s;border:1px solid var(--rst-border);background-color:var(--rst-bg);color:var(--rst-text)}.rst-btn.primary{background-color:var(--rst-primary);color:var(--rst-primary-text);border-color:var(--rst-primary)}.rst-btn:hover:not(:disabled){background-color:var(--rst-muted)}.rst-btn.primary:hover:not(:disabled){background-color:hsl(var(--primary)/.9)}.game-area{display:flex;gap:1.5rem;flex-wrap:wrap}.hand-panel{flex:2;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background-color:hsl(var(--muted)/.4);border-radius:var(--radius);min-width:300px}.position{font-weight:600;color:var(--rst-muted-text);font-size:1.125rem}.hand{display:flex;gap:1rem;margin:1rem 0}.card-pill,.card-pill-placeholder{width:80px;height:112px;background-color:var(--rst-bg);border:1px solid var(--rst-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-placeholder{border-style:dashed;background-color:hsl(var(--muted))}.card-pill .rank{font-size:2rem}.card-pill .suit{font-size:1.75rem;align-self:flex-end}.suit-red{color:#ef4444}.suit-black{color:var(--rst-text)}.timer-display{position:relative;width:80px;height:80px;margin:.5rem 0}.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(--rst-primary);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;font-weight:700;font-family:monospace}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:300px}.action-btn{padding:.75rem;border-radius:var(--radius);border:1px solid var(--rst-border);background-color:var(--rst-bg);cursor:pointer;font-weight:500;transition:all .2s}.action-btn:hover:not(:disabled){border-color:var(--rst-primary);color:var(--rst-primary)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.result{min-height:24px;margin-top:.5rem;font-weight:500}.correct{color:var(--rst-correct)}.incorrect{color:var(--rst-incorrect)}.explain{font-size:.8rem;color:var(--rst-muted-text);text-align:center;margin-top:-.5rem;min-height:30px}.stats-panel{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:hsl(var(--muted)/.4);border-radius:var(--radius);min-width:200px}.stat-item{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rst-border);padding-bottom:.5rem}.stat-item span{font-size:.875rem;color:var(--rst-muted-text)}.stat-item strong{font-size:1.5rem;font-weight:700}