*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,system-ui,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#111;background:#fff}header,main,footer{max-width:760px;margin:auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center}header a{color:#111;font-weight:700;text-decoration:none}nav a{margin-left:12px;font-weight:400;color:#444}h1{font-size:1.6rem;line-height:1.3}a{color:#333}button{padding:12px 18px;margin:4px 6px 4px 0;background:#111;color:#fff;border:0;border-radius:8px;font-size:1rem;cursor:pointer}button.g{background:#fff;color:#111;border:1px solid #111}input{width:100%;padding:12px;font-size:1rem;border:1px solid #bbb;border-radius:8px}.spread{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:16px}.c{border:1px solid #ddd;border-radius:10px;padding:14px;background:#f7f7f7}.c .pos{font-size:.8rem;color:#666}.c .nm{font-size:1.15rem;font-weight:700}.c .rv{font-size:.8rem;border:1px solid #111;border-radius:4px;padding:0 5px;margin-left:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.grid a{display:block;padding:10px;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#111;font-size:.92rem}.grid a:hover{border-color:#111}.kw{padding:12px;border-left:3px solid #111;background:#f7f7f7;margin:10px 0}.muted{color:#666;font-size:.85rem}footer{color:#777;font-size:.85rem;border-top:1px solid #eee;margin-top:30px}.tool{margin:18px 0;padding:20px;border:1px solid #111;border-radius:14px}.lbl{font-weight:600;margin:6px 0 10px}.center{text-align:center}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chip{background:#fff;color:#111;border:1px solid #bbb;margin:0;padding:9px 14px;border-radius:999px;font-size:.95rem}.chip.on{background:#111;color:#fff;border-color:#111}.go{width:100%;margin-top:12px;padding:15px;font-size:1.05rem}.deck{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:520px;margin:10px auto}.pk{cursor:pointer;transition:transform .25s,opacity .25s}.pk svg{display:block;width:100%;height:auto}.pk:hover{transform:translateY(-6px)}.pk.sel{transform:translateY(-10px) scale(.92);opacity:.25;pointer-events:none}.shuf .pk{animation:deal .5s calc(var(--d)*35ms) both}@keyframes deal{from{opacity:0;transform:translateY(30px) rotate(-8deg)}}#cnt{font-weight:400;color:#666}.qq{text-align:center;font-size:1.1rem;font-style:italic;margin:4px 0 14px}.table{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin:0 auto}.slot{text-align:center}.sp{font-size:.85rem;color:#444;margin-top:6px}.flip{position:relative;aspect-ratio:3/5;perspective:900px}.fc{position:absolute;inset:0;backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d)*.35s)}.fc svg{width:100%;height:100%;display:block}.front{transform:rotateY(180deg)}.flip.on .back{transform:rotateY(-180deg)}.flip.on .front{transform:rotateY(0)}.reading{opacity:0;transform:translateY(10px);transition:all .6s}.reading.in{opacity:1;transform:none}.rd{border-top:1px solid #e5e5e5;padding:14px 0}.rd h3{margin:4px 0 6px}.rd h3 a{color:#111}.rd-pos{font-size:.8rem;letter-spacing:.06em;color:#666;text-transform:uppercase}.rv{font-size:.75rem;border:1px solid #111;border-radius:4px;padding:1px 6px;vertical-align:middle;font-weight:400}.tl{color:#555}.sum{background:#f7f7f7;border:0;border-radius:12px;padding:16px;margin-top:6px}.acts{margin:14px 0}.art{max-width:180px;margin:6px 0 12px}.art.sm{max-width:110px}.art svg{width:100%;height:auto;display:block}@media(max-width:480px){.tool{padding:14px}.deck{gap:6px}}