:root{--background:#fff7f2;--foreground:#2b1720;--primary:#2b1720;--primary-foreground:#fffaf6;--card:#fffdf9;--card-foreground:#2b1720;--popover:#fffdf9;--popover-foreground:#2b1720;--secondary:#ffd6df;--secondary-foreground:#2b1720;--muted:#f5e8e4;--muted-foreground:#755f66;--accent:#d9c9ff;--accent-foreground:#2b1720;--destructive:#aa244b;--border:#ead6d0;--input:#cdb8b5;--ring:#8f3d5c;--radius:1.25rem}

.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.filter{border:1px solid var(--border);border-radius:999px;background:var(--card);padding:12px 18px;color:var(--foreground)}.filter[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.badge{border:1px solid #2b172030;border-radius:999px;padding:5px 9px;background:#fffaf680;font-size:10px}.locked{filter:saturate(.7);position:relative}.locked:hover{transform:translateY(-3px)}.sample{margin-left:0;margin-right:0}.sample>p:not(.hint):not(.eyebrow){font-family:Georgia,serif;font-size:25px;line-height:1.4}.follow-up{margin-top:16px;padding:14px 16px;background:var(--muted);border-radius:14px}.follow-up summary{cursor:pointer;font-size:14px;color:var(--foreground)}.follow-up p{line-height:1.6}.pack-bottom{gap:12px}

*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#ffe6ee 0,#fff7f2 34%,#fffaf6 100%);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ring);outline-offset:5px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;border-bottom:1px solid #ead6d0}.brand{font-size:32px;font-weight:900;letter-spacing:0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#8c6270}main{max-width:1280px;margin:auto;padding:0 42px}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 44px}.intro .eyebrow{margin-bottom:20px}h1{font-size:clamp(48px,6vw,80px);line-height:1.01;letter-spacing:0;margin:0;font-weight:800}.intro>p{line-height:1.8;margin:0 32px 4px}.intro small{font-size:13px;display:block;color:#836d72;margin-top:18px}.section-title{font-size:17px;font-weight:600;margin-bottom:20px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pack{padding:25px 27px 20px;border:1px solid #2b17201f;border-radius:26px 26px 36px 18px;display:flex;flex-direction:column;min-height:288px;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 40px #8f3d5c12}.pack:hover{transform:translateY(-5px);box-shadow:0 24px 52px #8f3d5c20}.color-0{background:#ffd6df}.color-1{background:#d9c9ff}.color-2{background:#ffb8cd}.color-3{background:#bdeadd}.color-4{background:#ffd48f}.color-5{background:#b8d9ff}.pack-top,.pack-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.2px;font-weight:700}.pack h3{font-size:34px;line-height:1.06;letter-spacing:0;max-width:270px;margin:27px 0 10px;font-weight:800}.pack p{line-height:1.4;font-size:14px;max-width:260px;margin:0 0 22px}.pack-bottom{margin-top:auto}footer{display:flex;justify-content:space-between;margin:36px 0 24px;font-size:13px;color:#836d72}footer span{font-size:11px;letter-spacing:1px}.play{max-width:660px;margin:44px auto 70px}.play h1{font-size:46px;letter-spacing:0;line-height:1.08;margin:22px 0}.play h2{font-size:28px;line-height:1.25;font-weight:700}.panel{background:#fffdf9cc;border:1px solid var(--border);border-radius:28px 28px 38px 20px;padding:32px;margin-top:24px;box-shadow:0 18px 46px #8f3d5c12;backdrop-filter:blur(10px)}.field{display:block;width:100%;border:1px solid var(--input);padding:16px;border-radius:16px;margin:10px 0 24px;background:#fffaf6}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:999px;border:1px solid #2b1720;font-weight:700;background:#2b1720;color:#fffaf6}.primary{box-shadow:0 12px 28px #2b172026}.secondary{background:#fffaf6;color:#2b1720}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hint{color:#755f66;font-size:14px;line-height:1.6}.option{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #ead6d0;border-radius:20px;cursor:pointer}.option:has([data-state=checked]){border-color:#8f3d5c;background:#ffd6df}.error{color:#97163d;background:#fff0f4;padding:16px;border-radius:16px;margin:16px 0}.score{font-size:100px;line-height:1;letter-spacing:0;font-weight:900;margin:20px 0}.score small{font-size:32px;letter-spacing:0;color:#8c6270}.result-row{border-top:1px solid #ead6d0;padding:18px 0}.result-row strong{display:block;margin-bottom:8px}.result-row p{font-size:14px;margin:5px 0}.game-link{display:block;border-bottom:1px solid #ead6d0;padding:20px 0}.back{border:0;background:none;padding:0;color:#755f66}.status{font-size:14px;margin:16px 0;line-height:1.5}.board{width:100%;border-collapse:collapse}.board td,.board th{padding:14px 8px;text-align:left;border-bottom:1px solid #ead6d0}.share-url{word-break:break-all;font-size:14px;background:#f5e8e4;padding:15px;border-radius:16px}
@media(max-width:700px){header{padding:20px}header .eyebrow{display:none}main{padding:0 20px}.intro{padding:34px 0;display:block}h1{letter-spacing:-2px}.intro>p{margin:24px 0 0;line-height:1.5}.intro small{margin-top:10px}.pack-grid{grid-template-columns:1fr 1fr;gap:12px}.pack{padding:18px;min-height:260px}.pack h3{font-size:27px}.pack-top{font-size:9px;letter-spacing:.5px}.pack p{font-size:14px}footer{display:block;line-height:2}footer span{display:block}.play{margin-top:28px}.panel{padding:22px}.play h1{font-size:38px}.play h2{font-size:25px}}@media(max-width:380px){.pack-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.progress{height:8px;background:#f1ddd8;border-radius:999px;overflow:hidden;margin:20px 0 32px}.progress>span{display:block;height:100%;background:#8f3d5c;transition:width .2s}.option{width:100%;text-align:left;background:#fffdf9;margin:10px 0}.option.selected{background:#ffd6df;border-color:#8f3d5c}.option b{font-size:13px;border:1px solid #d4bbb8;border-radius:999px;padding:5px 9px;background:#fffaf6}.option[aria-checked=true]{background:#ffd6df}.question-nav{display:flex;justify-content:space-between;align-items:center}.pack-top .symbol{font-size:26px}.intro p{font-size:16px}button.primary{min-height:52px}input[type=text]{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.notice{padding:12px 16px;border:1px solid #ead6d0;border-radius:16px;background:#fff0f4}.draft-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;color:#755f66;font-size:14px}.draft-notice button{white-space:nowrap;color:#2b1720;font-weight:700}.result-pass{color:#2f6a4b}.result-miss{color:#a33155}