:root{font:16px system-ui,sans-serif;color:#f8eac8;background:#100e20}*{box-sizing:border-box}html{touch-action:manipulation}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#322051,#100e20 70%)}header,main{max-width:1020px;margin:auto;padding:22px 18px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #694e7e}a{color:#ffd16d}.brand{font-size:1rem;font-weight:900;text-decoration:none}h1{color:#ffd16d;font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;margin:14px 0 20px}h2{color:#ffe0a0;font-size:1.25rem;margin:0 0 12px}p{color:#d9cde5;line-height:1.55}.eyebrow{font-size:.8rem;letter-spacing:.13em;color:#ccaccf;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:28px 0}.card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;background:#241a3c;border:1px solid #785b95;text-decoration:none;color:inherit}.card:hover{background:#352447;border-color:#d6b574}.card p{margin:0;flex:1}.card h2{margin:0}.icon{font-size:2.4rem}.go{font-size:.8rem;font-weight:800;color:#ffd16d;margin-top:12px}.tool{max-width:760px;margin:auto}.panel{background:#241a3c;border:1px solid #785b95;border-radius:18px;padding:22px;margin:20px 0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;margin-bottom:16px}button,input,select,textarea{font:inherit;border:1px solid #aa7ed2;border-radius:10px;padding:12px;background:#32244d;color:#fff2d1;min-width:0}input,select,textarea{width:100%;font-size:16px}input[type=range]{padding:0;min-height:40px;accent-color:#ffd16d}button{cursor:pointer;font-weight:700;min-height:46px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:disabled{opacity:.45;cursor:default}button:hover{background:#513568}.primary{background:#7650a0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffd16d;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}.big{display:block;text-align:center;font-size:clamp(2rem,9vw,4rem);font-weight:900;font-variant-numeric:tabular-nums;color:#ffd16d;margin:20px 0;overflow-wrap:anywhere}.answer{display:block;padding:18px;margin:18px 0 0;background:#160f29;border-radius:12px;color:#ffd16d;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.small{font-size:.85rem}.dice{letter-spacing:.05em}.reference-wrap{height:40px;display:flex;align-items:center;margin:18px 0}.reference-wrap>div{height:18px;background:#ffd16d;border-left:3px solid white;border-right:3px solid white;flex:none;max-width:100%}#ruler{position:relative;margin:30px 0 24px 20px;width:130px;border-left:3px solid #ffd16d;background:linear-gradient(90deg,#7650a025,transparent);-webkit-user-select:none;user-select:none}#ruler .tick{position:absolute;left:0;border-top:1px solid #e6d5ad;width:16px;height:1px}#ruler .tick.half{width:28px}#ruler .tick.cm{width:42px;border-top-width:2px}#ruler .tick span{position:absolute;left:52px;top:-12px;font-size:16px;color:#ffd16d}.ruler-unit{position:absolute;left:88px;top:-12px;color:#d9cde5}.error{color:#ffb7b7}li{margin:8px 0;font-variant-numeric:tabular-nums}footer{padding:28px 18px;text-align:center;color:#ac9bbf;font-size:.85rem}[hidden]{display:none!important}@media(max-width:500px){header,main{padding:18px 16px}.panel{padding:18px}.actions>button{flex:1}.grid{gap:12px}.card{padding:20px}.big{font-size:clamp(1.9rem,9vw,3.3rem)}}
@media(min-width:380px) and (max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px 13px;gap:9px}.card h2{font-size:1rem;hyphens:auto;overflow-wrap:anywhere}.card p{font-size:.82rem;line-height:1.45}.icon{font-size:1.9rem}.go{font-size:.68rem}}

.alf-helper{display:flex;align-items:center;gap:14px;margin:16px 0}.alf-helper canvas{width:112px;height:120px;flex:none}.alf-helper h2{color:#ffd16d;margin-bottom:6px}.alf-helper p{margin:0}.alf-answer strong{display:block;font-size:1.3rem;color:#ffe6a5}.alf-answer p{color:#f0dfee;margin:10px 0 0;font-weight:500}.alf-answer{border-left:4px solid #d4aa67}#decider-copy-status,#excuse-copy-status{min-height:1.3em}@media(max-width:400px){.alf-helper{gap:8px}.alf-helper canvas{width:90px;height:97px}.alf-helper h2{font-size:1.1rem}}

.alfinator-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.alfinator-top strong{color:#ffd16d}#alfinator-progress{display:block;width:100%;height:9px;margin:20px 0;accent-color:#caa4db}.alfinator-speech{padding:20px;border-left:4px solid #ffd16d;background:#160f29;border-radius:12px;margin:18px 0;min-height:150px}.alfinator-speech h2{font-size:clamp(1.2rem,4vw,1.65rem);line-height:1.4}.alfinator-speech p{margin:10px 0 0}.alfinator-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alfinator-answers button:last-child{grid-column:1/-1}.alfinator-back{margin-top:18px;font-size:.85rem}.alfinator-list{columns:3;list-style:none;padding:0}.alfinator-list li{break-inside:avoid;font-size:.9rem;margin:0 0 10px}@media(max-width:600px){.alfinator-list{columns:2}}

.alfinator-list{columns:2}.alfinator-list li{padding:8px 0;border-bottom:1px solid #5c466b55}.alfinator-list li strong{display:block;color:#ffe2a1}.alfinator-list li small{display:block;color:#cabbda;font-size:.76rem;line-height:1.4;margin-top:4px}#alfinator-source{display:inline-block;margin-top:12px}@media(max-width:500px){.alfinator-list{columns:1}}