.pcs-layout{display:flex;flex-direction:column;gap:var(--mx-gap)}@media (min-width:768px){.pcs-layout{flex-direction:row;align-items:flex-start}.pcs-board-col{flex:0 1 320px;max-width:360px}.pcs-play-col{flex:1 1 0;min-width:0}}.pcs-card{background:#fff;border:1px solid #d8dae0;border-radius:16px;overflow:hidden}.pcs-card-head{padding:12px 16px;background:#1f2937;color:#f9fafb;text-align:center}.pcs-card-head h2{margin:0;font-size:18px;font-weight:700}.pcs-card-head p{margin:4px 0 0;font-size:13px;color:#9ca3af}.pcs-card-body{padding:16px;background:#f8fafc}.pcs-math{background:#1f2937;color:#f9fafb;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;box-shadow:inset 0 2px 10px rgba(0,0,0,.45)}.pcs-math-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;width:100%;max-width:220px;text-align:center;line-height:1.2}.pcs-math-col{position:relative;display:flex;justify-content:center;align-items:center;min-height:1.2em}.pcs-op{text-align:right;padding-right:4px}.pcs-divider{width:100%;max-width:220px;height:3px;background:#f9fafb;margin:8px 0}.pcs-fade{opacity:.3}.pcs-highlight{color:#fbbf24;transform:scale(1.15)}.pcs-success-digit{color:#34d399}.pcs-hidden{opacity:0}.pcs-cross{position:absolute;width:120%;height:3px;background:#ef4444;top:50%;left:-10%;transform:rotate(25deg);display:none}.pcs-cross.is-on{display:block}.pcs-note{position:absolute;top:-18px;right:-8px;font-size:.85rem;color:#34d399;opacity:0}.pcs-note.is-on{opacity:1}.pcs-note.is-warn{color:#fbbf24}.pcs-explain{margin-top:12px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;font-size:14px;color:#1e3a8a;min-height:72px}.pcs-play-head{padding:16px;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;text-align:center}.pcs-play-head h2{margin:0;font-size:clamp(1.15rem,4vw,1.6rem);font-weight:800}.pcs-play-head p{margin:6px 0 0;font-size:14px;color:#e0e7ff}.pcs-section{margin:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.pcs-section-title{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;font-size:16px;font-weight:700}.pcs-section-title.is-wallet{color:#1d4ed8}.pcs-section-title.is-store{color:#dc2626}.pcs-zones{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pcs-zone-label{margin:0 0 4px;font-size:12px;font-weight:700;color:#6b7280;text-align:center}.pcs-zone{position:relative;border-radius:12px;min-height:120px;border:2px dashed #93c5fd;background:#eff6ff;transition:background .2s,border-color .2s,box-shadow .2s;overflow-x:auto}.pcs-zone.is-store{border-color:#fca5a5;background:#fef2f2}.pcs-zone.is-ready{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.pcs-zone.is-done{border-style:solid;border-color:#10b981;background:#ecfdf5}.pcs-zone-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:12px;font-weight:700;color:#f87171;opacity:.75;pointer-events:none;z-index:0}.pcs-zone-hint.is-soft{color:#3b82f6;opacity:.45}.pcs-zone-hint.is-ok{color:#059669;opacity:1}.pcs-zone-inner{position:absolute;inset:0;overflow:visible;border-radius:10px;z-index:1}.pcs-coin{position:absolute;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;box-shadow:0 4px 6px -1px rgba(0,0,0,.28),inset 0 -3px 0 0 rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s,left .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1)}.pcs-coin:active{cursor:grabbing;z-index:1000;transform:scale(1.08)}.pcs-coin.is-10{background:radial-gradient(circle at 30% 30%,#fde047,#f59e0b);border:2px solid #b45309;color:#78350f}.pcs-coin.is-1{background:radial-gradient(circle at 30% 30%,#fff,#d1d5db);border:2px solid #6b7280;color:#1f2937}.pcs-coin.is-change{animation:pcs-pop .9s forwards}@keyframes pcs-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.25)}to{transform:scale(1)}}.pcs-float{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);color:#059669;font-weight:700;font-size:1.25rem;pointer-events:none;z-index:50;animation:pcs-float 1.4s forwards;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}@keyframes pcs-float{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-90px) scale(1.15)}}.pcs-actions{display:flex;justify-content:flex-end;padding:0 12px 12px}