.cto{--ct-copper:#edbc8b;--ct-teal:#8fd2ca;max-width:1060px;margin:2rem auto;color:#f4eee7;font-size:1rem;line-height:1.65}.cto *{box-sizing:border-box}.cto [hidden]{display:none!important}.cto form,.cto-result-head{margin:0}.cto fieldset{min-width:0;border:1px solid #b08d6359;background:linear-gradient(135deg,#14232b,#171320 85%);border-radius:22px;padding:clamp(1.25rem,4vw,2.75rem)}.cto legend{float:left;width:100%;font-family:var(--serif,Georgia,serif);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;padding:0;margin:0 0 .75rem}.cto legend+.cto-intro{clear:both}.cto-intro{color:#b8cad4;margin:0 0 1.4rem}.cto label{display:block;font-weight:700;margin-bottom:.5rem}.cto textarea{display:block;width:100%;min-height:110px;resize:vertical;background:#090d16;color:#fff;border:1px solid #758791;border-radius:12px;padding:.9rem 1rem;font:inherit;line-height:1.5}.cto textarea::placeholder{color:#a5afb9}.cto small{display:block;text-align:right;font-size:.875rem;color:#b8cad4;margin:.35rem 0 1.1rem}.cto button{font:inherit;font-weight:700;cursor:pointer}.cto button:disabled{opacity:.6;cursor:wait}.cto :focus-visible{outline:3px solid var(--ct-teal);outline-offset:4px}.cto-invitation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0 1.5rem;text-align:center}.cto-invitation span{border-block:1px solid #69858c55;padding:.65rem .3rem;font-size:.875rem;color:#becbd6}.cto-invitation b{display:block;color:var(--ct-copper);font:700 1.2rem var(--serif,Georgia,serif)}.cto-primary{display:block;width:100%;padding:1rem 1.1rem;border:1px solid #f3cf99;border-radius:12px;background:linear-gradient(115deg,#f2ce99,#d8a170);color:#181218}.cto .cto-fine{font-size:.8125rem;line-height:1.5;color:#b4bfcb;margin:1rem 0 0}.cto-fine a{color:#c9d9e5}.cto-wait{text-align:center;padding:3rem 1rem;border:1px solid #56727b60;border-radius:20px;background:#101822}.cto-wait p{margin:.8rem 0 0;color:#c4d8de}.cto-spinner{display:inline-block;width:42px;height:42px;border:2px solid #68767c55;border-top-color:var(--ct-copper);border-radius:50%;animation:cto-spin 1.2s linear infinite}.cto-error{padding:1rem;border:1px solid #bd8c72;border-radius:12px;background:#241922;color:#ffe1cd}.cto-secondary{display:block;margin:1.3rem auto 0;padding:.7rem 1.4rem;border:1px solid #9ea1b76b;border-radius:10px;background:#131722;color:#f4eee7}.cto-result{margin-top:1rem}.cto-result-head{text-align:center;margin-bottom:1.7rem}.cto-eyebrow{font-size:.8125rem;letter-spacing:.13em;font-weight:800;color:var(--ct-copper)}.cto-result-head h2{font:500 clamp(1.8rem,5vw,2.5rem) var(--serif,Georgia,serif);margin:.4rem 0}.cto-result-head p{max-width:700px;margin:.8rem auto 0;color:#c7d7df;overflow-wrap:anywhere}.cto-board{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:1rem;align-items:stretch}.cto-panel{min-width:0;padding:1.25rem;border-radius:18px;border:1px solid #9c9fac55;background:linear-gradient(160deg,#17252c,#0e0e18);text-align:center}.cto-panel h3{margin:0 0 1.1rem;color:var(--ct-copper);font:500 1.5rem var(--serif,Georgia,serif)}.cto-panel h4{font:700 1.15rem var(--serif,Georgia,serif);margin:.7rem 0 1rem;color:#f6e6d5;overflow-wrap:anywhere}.cto-panel>p{margin:1rem 0 0;text-align:left;overflow-wrap:anywhere}.cto-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.cto-cards figure{margin:0;min-width:0}.cto-cards img{display:block;width:100%;height:auto;aspect-ratio:232/400;object-fit:contain;border-radius:5px;background:#08080d}.cto-cards figcaption{font-size:.8125rem;line-height:1.3;margin-top:.55rem;color:#e9d8c7;overflow-wrap:anywhere}.cto-cards figcaption span{display:block;margin-bottom:.3rem;color:#a6bfca;font-size:.75rem}.cto-rune-symbol{font-family:'Segoe UI Symbol','Noto Sans Runic',serif;font-size:6.8rem;line-height:1.1;color:var(--ct-teal);min-height:130px;display:grid;place-items:center}.cto-hex{width:112px;max-width:80%;min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:9px;margin:auto}.cto-hex div{display:flex;gap:18px;height:7px}.cto-hex i{display:block;background:var(--ct-copper);flex:1;border-radius:1px}.cto-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.cto-comparison section{padding:1.25rem 1.5rem;border-left:2px solid var(--ct-teal);background:#111922;border-radius:0 14px 14px 0;min-width:0}.cto-comparison section+section{border-color:var(--ct-copper)}.cto-comparison h3{font-size:1.06rem;margin:0 0 .6rem}.cto-comparison p{margin:0;color:#d4dce3;overflow-wrap:anywhere}.cto-answer{text-align:center;border:1px solid #d3aa7580;border-radius:18px;padding:1.7rem clamp(1.2rem,4vw,2.7rem);background:linear-gradient(130deg,#292020,#11232a)}.cto-answer h3{font:500 1.7rem var(--serif,Georgia,serif);margin:.5rem 0 1rem}.cto-answer p{font:500 1.25rem/1.6 var(--serif,Georgia,serif);margin:0;overflow-wrap:anywhere}.cto [data-cto-save]{margin-top:1.3rem}@keyframes cto-spin{to{transform:rotate(360deg)}}@media(max-width:800px){.cto-board{grid-template-columns:1fr 1fr}.cto-tarot{grid-column:1/-1}.cto-cards{max-width:430px;margin:auto;gap:1rem}}@media(max-width:480px){.cto{margin:1.25rem auto}.cto-board,.cto-comparison{grid-template-columns:1fr}.cto-tarot{grid-column:auto}.cto-panel{padding:1.1rem}.cto-cards{gap:.6rem}.cto-invitation b{font-size:1.05rem}.cto-invitation{gap:.35rem}.cto-answer p{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.cto-spinner{animation:none}}