*{box-sizing:border-box}body{color:#161510;background:#faf9f5;margin:0;font-family:Open Sans,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #7fb8e0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:inherit}.page{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:720px;padding:96px 24px 56px;display:flex}.hero h1{color:#14140f;white-space:nowrap;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:600;line-height:1.05}@media (width<=700px){.hero h1{white-space:normal;text-wrap:balance;overflow-wrap:break-word;font-size:clamp(2rem,9vw,2.6rem)}}.hero p{color:#14130eb8;max-width:540px;margin:0;font-size:16px;line-height:1.75}.app{width:100%;max-width:1080px;padding:0 24px 56px}.footer{color:#14130e8c;letter-spacing:.02em;justify-content:center;align-items:center;gap:12px;width:100%;max-width:1080px;padding:0 24px 72px;font-size:12px;line-height:1.8;display:flex}.frame{background:#0d1116;width:100%;position:relative;overflow:hidden;container-type:inline-size}.stage{position:relative}.stage>img{filter:url(#lift-shadows);width:100%;height:auto;display:block}.haiku{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2cqw;width:85.9%;height:37.1%;padding:2cqw 4cqw;display:flex;position:absolute;top:4.6%;left:9.3%;transform:rotate(-.28deg)}.haiku span{white-space:nowrap;transform-origin:50%;opacity:.92;mix-blend-mode:multiply;line-height:1.2;transition:color .3s;display:block}.haiku span.reveal{animation:.35s ease-out backwards reveal}@keyframes reveal{0%{opacity:0}}.surface{pointer-events:none;width:85.9%;height:37.1%;position:absolute;top:4.6%;left:9.3%;transform:rotate(-.28deg)}.sheen{mix-blend-mode:soft-light;background:linear-gradient(104deg,#22283429 0%,#2228340f 30%,#ffffff1a 66%,#fffcf42e 100%)}.vignette{box-shadow:inset 0 0 5cqw #28303c24,inset 0 -1cqw 2cqw #28303c1f}.controls{flex-direction:column;align-items:stretch;gap:.7cqw;display:flex;position:absolute;bottom:3.5%;right:2.2%}.lines-card{background:#ffffffbf;border:1px solid #14130e24;border-radius:1.4cqw;flex-direction:column;gap:.5cqw;min-width:22cqw;padding:1cqw 1.1cqw;display:flex;box-shadow:0 2px 10px #14130e2e}.row{align-items:center;gap:.55cqw;display:flex}.syl{color:#14130e99;white-space:nowrap;text-align:left;flex:1;margin-right:1.5cqw;font-family:Open Sans,sans-serif;font-size:max(1.3cqw,12px);font-weight:600}.circle{color:#14140f;background:#ffffffbf;border:1px solid #14130e24;border-radius:50%;justify-content:center;align-items:center;width:3.8cqw;min-width:34px;height:3.8cqw;min-height:34px;padding:0;display:inline-flex;box-shadow:0 2px 8px #14130e2e}.lock{font-size:1.5cqw}.font-btn{font-family:Open Sans,sans-serif;font-size:1.2cqw;font-weight:700}.font-btn:disabled{color:#14130e4d;cursor:not-allowed}.lock[aria-pressed=true]{color:#b5730a;background:#ffe6bf}.actions{justify-content:flex-start;align-items:center;gap:.6cqw;padding:0 1.1cqw;display:flex}.action{width:4cqw;min-width:36px;height:4cqw;min-height:36px;font-size:2cqw}.push-right{margin-left:auto}.reroll-all{font-size:2.1cqw}.undo{font-size:2cqw}.undo:disabled,.reroll-all:disabled{color:#14130e4d;cursor:not-allowed}.undo:disabled{background:#fff6}.status{letter-spacing:.12em;text-transform:uppercase;color:#fff6;text-align:right;min-height:1em;font-size:.72cqw}.circle[data-tip]{position:relative}.circle[data-tip]:after{content:attr(data-tip);z-index:10;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#14140f;border-radius:6px;padding:5px 9px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.2;transition:opacity .12s;position:absolute}.circle[data-tip]:hover:after,.circle[data-tip]:focus-visible:after{opacity:1}.lock[data-tip]:after{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.action[data-tip]:after{bottom:calc(100% + 8px);right:0}@media (width<=700px){.app{padding:0 16px 40px}.frame{background:0 0;overflow:visible}.stage>img{border-radius:6px}.controls{align-items:stretch;gap:12px;margin-top:14px;position:static}.lines-card{border-radius:14px;gap:10px;padding:12px 14px}.row{gap:10px}.syl-long{display:inline}.syl{color:#14140f;text-align:left;flex:1;width:auto;margin-right:0;font-size:15px}.circle{width:44px;height:44px}.lock{font-size:18px}.font-btn{font-size:15px}.actions{justify-content:space-between;gap:10px;padding:0 14px}.action{border-radius:14px;flex:1;width:auto;font-size:22px}.status{text-align:center;color:#14130e80;font-size:11px}.circle[data-tip]:after{display:none}}.help{z-index:20;position:absolute;top:28px;right:32px}.help-btn{color:#14130e80;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.help-btn:hover{color:#14130ecc}.help-card{background:#fff;border:1px solid #14130e24;border-radius:12px;width:min(340px,100vw - 32px);padding:18px 20px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #14130e33}.help-card h2{margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:1.2rem;font-style:italic;font-weight:600}.help-card ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.help-card li{align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;display:flex}.help-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px;line-height:1.3}.help-desc{color:#14130e9e;display:block}