:root{--ink:#3b2414;--ink-soft:#5b4230;--parchment:#f4e8ce;--parchment-2:#ecd9ab;--maroon:#2b0f12;--maroon-deep:#150708;--maroon-mid:#3d1418;--gold:#c9a227;--gold-bright:#f3d68a;--gold-soft:#e6c467;--vermillion:#b8382a;--line: rgba(59,36,20,.16);--shadow-deep: 0 40px 90px rgba(0,0,0,.6)}.notranslate{translate:no}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;background:var(--maroon);color:var(--parchment);font-family:Cormorant Garamond,serif;overflow-x:hidden}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse at 50% 0%,#4a1a1f 0%,var(--maroon) 55%,var(--maroon-deep) 100%)}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,5vw,64px) 20px 70px}header{text-align:center;margin-bottom:clamp(24px,4vw,40px);max-width:760px}.om{font-size:clamp(30px,4.4vw,42px);color:var(--gold-bright);display:block;margin-bottom:8px;text-shadow:0 0 22px rgba(240,210,122,.6);opacity:0}h1{font-family:Yatra One,cursive;font-weight:400;font-size:clamp(32px,5.4vw,56px);margin:0 0 14px;color:var(--gold-bright);letter-spacing:.5px;text-shadow:0 2px 30px rgba(0,0,0,.55);opacity:0;line-height:1.15}.rule{display:flex;align-items:center;justify-content:center;gap:14px;opacity:0;margin-bottom:14px}.rule span{height:1px;width:clamp(40px,8vw,90px);background:linear-gradient(90deg,transparent,rgba(201,162,39,.75))}.rule span:last-child{background:linear-gradient(90deg,rgba(201,162,39,.75),transparent)}.rule i{font-style:normal;color:var(--gold-bright);font-size:15px;opacity:.9}.subtitle{font-family:"Noto Serif Devanagari",serif;font-size:clamp(15px,1.9vw,20px);color:#ecdcb9;opacity:0;letter-spacing:.3px}.stage{position:relative;width:100%;max-width:1220px;display:flex;flex-direction:column;align-items:center;gap:clamp(22px,3vw,32px)}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;font-family:"Noto Serif Devanagari",serif;font-size:clamp(13px,1.5vw,15.5px);color:#e2cea1;opacity:0}.steps span{display:inline-flex;align-items:center;gap:8px;background:#0000002e;border:1px solid rgba(201,162,39,.22);padding:7px 16px 7px 8px;border-radius:999px}.steps span b{color:var(--maroon-deep);background:var(--gold-bright);font-weight:700;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:none}.folio-wrap{position:relative;padding:clamp(18px,2.6vw,30px);width:100%;display:flex;justify-content:center}.folio-wrap:before,.folio-wrap:after{content:"";position:absolute;inset:14px;border:1px solid rgba(201,162,39,.35);z-index:0;pointer-events:none;border-radius:2px}.folio-wrap:before{transform:rotate(-.7deg) translate(6px,4px)}.folio-wrap:after{transform:rotate(.9deg) translate(-6px,6px)}.folio{position:relative;z-index:1;width:100%;max-width:980px;background:linear-gradient(180deg,#ffffff12,#0000000d),linear-gradient(135deg,var(--parchment) 0%,var(--parchment-2) 100%);border:1px solid rgba(90,60,20,.4);box-shadow:var(--shadow-deep),inset 0 0 50px #78501424;padding:clamp(18px,3.2vw,40px);border-radius:6px;opacity:0;transform:scale(.92)}.folio-title{text-align:center;font-family:"Noto Serif Devanagari",serif;font-weight:700;color:var(--ink);font-size:clamp(15px,1.8vw,19px);margin:0 0 18px;letter-spacing:.6px;border-bottom:1px solid var(--line);padding-bottom:14px}.grid-frame{position:relative}.grid{display:grid;grid-template-columns:repeat(15,1fr);gap:clamp(3px,.45vw,7px);position:relative;z-index:1}.cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#ffffff52;border:1px solid var(--line);color:var(--ink);font-family:"Noto Serif Devanagari",serif;font-weight:600;font-size:clamp(13px,2vw,25px);line-height:1;cursor:pointer;user-select:none;border-radius:4px;transition:background .25s ease,box-shadow .25s ease,transform .18s ease;position:relative}.cell.long{font-size:clamp(10px,1.5vw,17px)}.cell:hover{background:#ffffff9e;transform:translateY(-2px) scale(1.06);box-shadow:0 6px 16px #3b241440;z-index:2}.cell.lit{background:var(--gold-bright)!important;color:var(--maroon-deep);box-shadow:0 0 16px 3px #f0d27ae6;z-index:3;transform:scale(1.04)}.cell.disabled,.grid.busy .cell{pointer-events:none}.grid.busy .cell:not(.lit):hover{background:#ffffff52;transform:none;box-shadow:none}svg.thread{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}svg.thread path{fill:none;stroke:var(--vermillion);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(169,50,38,.6))}.spark{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle,#fff6d8 0%,var(--gold-bright) 45%,var(--vermillion) 100%);box-shadow:0 0 14px 4px #f0d27ad9;z-index:4;pointer-events:none;opacity:0}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0}button.draw{font-family:Yatra One,cursive;font-size:clamp(16px,2vw,20px);color:var(--maroon-deep);background:linear-gradient(180deg,var(--gold-bright),var(--gold));border:1px solid #8a6a12;padding:12px 34px;border-radius:4px;cursor:pointer;letter-spacing:.5px;box-shadow:0 8px 20px #0006;transition:transform .2s ease,box-shadow .2s ease}button.draw:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000080}button.draw:disabled{opacity:.55;cursor:default;transform:none}.hint{font-family:"Noto Serif Devanagari",serif;font-size:clamp(12px,1.3vw,14px);color:#d8c396;text-align:center;max-width:520px;margin:0}.below-panel{display:none;width:100%;max-width:680px;justify-content:center}.below-panel.visible{display:flex;flex-direction:column;align-items:center;margin-top:clamp(20px,3.4vw,30px)}.below-panel .result{margin:0 auto}.below-label{font-family:"Noto Serif Devanagari",serif;font-size:13.5px;letter-spacing:1.5px;color:#ecdcb9;text-align:center;width:100%;margin:0 0 12px;opacity:.9}.about-section{max-width:760px;margin:30px auto 0;padding:0 20px;font-family:"Noto Serif Devanagari",serif;color:#e2cea1;line-height:1.8}.about-section h2{color:var(--gold-bright);font-family:Yatra One,cursive;font-weight:400;font-size:clamp(20px,2.6vw,26px);margin:24px 0 10px}.result-overlay{position:fixed;inset:0;width:100%;height:100%;background:#0a0404bf;backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:2000;padding:20px;opacity:0}.result{width:100%;max-width:660px;max-height:86vh;overflow-y:auto;background:linear-gradient(135deg,var(--parchment),var(--parchment-2));border:1px solid rgba(90,60,20,.4);box-shadow:0 28px 70px #000000a6;padding:clamp(22px,3.6vw,38px);border-radius:10px;color:var(--ink);position:relative}.result .close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#ffffff8c;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.result .close-btn:hover{background:#ffffffe6}.result .phrase-label{font-family:"Noto Serif Devanagari",serif;font-size:13.5px;letter-spacing:1.5px;color:var(--ink-soft);text-transform:none;margin-bottom:8px}.result .phrase{font-family:"Noto Serif Devanagari",serif;font-weight:700;font-size:clamp(26px,3.8vw,36px);color:var(--vermillion);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px;letter-spacing:1px;padding-right:30px;line-height:1.5}.result .message{font-family:"Noto Serif Devanagari",serif;font-size:clamp(16px,2vw,18.5px);line-height:1.8;color:var(--ink);margin:0 0 6px}.result .message-en{font-style:italic;font-size:clamp(12.5px,1.4vw,14px);color:var(--ink-soft);margin:0 0 18px}.result .again{font-family:Cormorant Garamond,serif;font-size:15px;font-weight:600;color:var(--vermillion);background:none;border:1px solid var(--vermillion);padding:9px 20px;border-radius:22px;cursor:pointer;letter-spacing:.5px;margin-top:8px;transition:background .2s ease,color .2s ease}.result .again:hover{background:var(--vermillion);color:#fdf3e2}.petal{position:absolute;width:8px;height:8px;border-radius:50% 0 50% 50%;background:var(--vermillion);opacity:0;pointer-events:none;z-index:2100}.floating-letter{position:fixed;width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#f0d27a;color:#2b0f12;border-radius:50%;font-family:"Noto Serif Devanagari",serif;font-size:24px;font-weight:700;box-shadow:0 0 25px #f0d27a;pointer-events:none;z-index:9999}#floatingContainer{position:fixed;inset:0;z-index:9999;pointer-events:none}#divineOrb{position:fixed;width:40px;height:40px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffd54f;box-shadow:0 0 20px gold,0 0 60px gold,0 0 100px gold;opacity:0;pointer-events:none;z-index:10000}footer{margin-top:clamp(26px,3.6vw,36px);text-align:center;max-width:640px;font-family:Cormorant Garamond,serif;font-style:italic;font-size:13px;color:#c9b386;opacity:.85;line-height:1.7}@media (min-width:1400px){.folio{max-width:1080px}}@media (max-width:900px){.folio-wrap{padding:clamp(12px,2.6vw,22px)}.cell{font-size:clamp(11px,2.6vw,18px)}.cell.long{font-size:clamp(9px,1.9vw,13px)}}@media (max-width:640px){.steps{gap:8px 12px}.steps span{padding:6px 12px 6px 6px;font-size:12.5px}.grid{gap:2.5px}.cell{font-size:clamp(9px,3vw,14px);border-radius:3px}.cell.long{font-size:clamp(7px,2.2vw,10px)}.folio-title{font-size:clamp(13px,3.6vw,16px);margin-bottom:12px}.floating-letter{width:34px;height:34px;font-size:18px}#divineOrb{width:46px;height:46px}}@media (max-width:420px){.grid{gap:2px}.cell{font-size:8.5px;border-radius:2px}.cell.long{font-size:6.5px}.om{font-size:28px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}