:root{--night-top:#0b0a24;--ink:#2a1a10;--parchment:#f7ecd2;--parchment-edge:#e2c99a;--gold:#e8b64c;--gold-deep:#b9822a;--ember:#ff6a3d;--text-light:#f3e9ff;--muted-light:#b9a8d6;--yes:#2f8f5b;--no:#b0413e;--maybe:#5b5f8f;--depends:#8a6a2f;--mark-green:#5cc98a;--mark-red:#e2574c;--mark-amber:#f2a93b;--mark-blue:#5b9cf0;--radius:22px;--shadow:0 18px 50px #00000073}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{min-height:100vh;color:var(--text-light);background:var(--night-top);flex-direction:column;align-items:center;font-family:Alegreya Sans,system-ui,sans-serif;display:flex;overflow-x:hidden}.backdrop{z-index:-1;background:radial-gradient(ellipse at 50% 45%, #0b0a2459 0%, #0b0a24b3 75%, #0b0a24e0 100%), url(/caves-of-koilos.webp) center 40% / cover no-repeat, var(--night-top);position:fixed;inset:0}.masthead{text-align:center;padding:24px 16px 0}.masthead h1{text-wrap:balance;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 18px #e8b64c8c, 0 3px 0 var(--gold-deep);margin:0;font-family:Cinzel Decorative,serif;font-size:clamp(1.9rem,6vw,3.6rem)}.masthead p{color:var(--muted-light);letter-spacing:.04em;margin:4px 0 0;font-family:Cinzel,serif}.stage{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:8px 32px;width:min(1100px,100%);padding:8px 24px 24px;display:grid}.djinn{justify-self:center;width:min(100%,520px);animation:6s ease-in-out infinite float;position:relative}.djinn img{-webkit-mask-composite:source-in;filter:drop-shadow(0 0 28px #46dcbe38);z-index:1;width:100%;height:auto;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 62%,#0000 98%),linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 98%),linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.smoke{z-index:2;pointer-events:none;height:40%;position:absolute;bottom:-6%;left:5%;right:5%}.smoke span{filter:blur(8px);background:radial-gradient(closest-side,#aa96d28c,#785aaa00);border-radius:50%;width:55%;height:100%;animation:9s ease-in-out infinite drift;position:absolute;bottom:0}.smoke span:first-child{left:0}.smoke span:nth-child(2){height:85%;animation-delay:-3s;left:25%}.smoke span:nth-child(3){animation-delay:-6s;right:0}.eye{aspect-ratio:1.5;z-index:3;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fff 0%,#ffd2a0 35%,#ff5a2800 100%);border-radius:50%;width:5%;transition:opacity .4s,transform .4s;position:absolute;top:47.9%;transform:translate(-50%,-50%)scale(.6)}.eye.left{left:50.8%}.eye.right{left:67.3%}.djinn.glowing .eye{opacity:1;animation:1.2s ease-in-out infinite eye-pulse;transform:translate(-50%,-50%)scale(1.6)}.djinn.shake{animation:.5s ease-in-out shake}.djinn.triumph{animation:1.2s ease-in-out triumph}.djinn.triumph img{filter:drop-shadow(0 0 40px #e8b64cb3)}.bubble{background:linear-gradient(180deg, var(--parchment), #f1dfb8);color:var(--ink);border:3px solid var(--parchment-edge);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;min-height:220px;padding:28px 28px 24px;animation:.35s ease-out pop-in;display:flex;position:relative}.bubble:before{content:"";border:14px solid #0000;border-right:16px solid var(--parchment-edge);position:absolute;top:38%;left:-26px}.bubble:after{content:"";border:12px solid #0000;border-right:14px solid var(--parchment);position:absolute;top:calc(38% + 2px);left:-20px}.bubble.refresh{animation:.35s ease-out pop-in}.bubble-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin:0;font-family:Cinzel,serif;font-size:.85rem;font-weight:700}.bubble-text{margin:0;font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:500;line-height:1.3}.bubble-sub{color:#6b5640;margin:0}.bubble.deception{background:linear-gradient(#f6e4d6,#edd3c2);border-color:#c98a7a;grid-column:2;gap:10px;min-height:0}.bubble.deception:before,.bubble.deception:after{display:none}.deception-list{color:#4a2f1e;gap:6px;margin:0;padding-left:1.1em;font-size:.98rem;display:grid}.bubble-hint{border-left:3px solid var(--parchment-edge);color:#6b5640;margin:-8px 0 0;padding-left:10px;font-size:.98rem;font-style:italic;line-height:1.35}.answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.answers.two{grid-template-columns:repeat(2,minmax(0,1fr))}.answers.four{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{font:inherit;cursor:pointer;color:#fff;background:var(--maybe);border:0;border-radius:14px;min-height:48px;padding:12px 14px;font-size:1.1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s;box-shadow:0 4px #00000040}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000040}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn.yes{background:var(--yes)}.btn.no{background:var(--no)}.btn.depends{background:var(--depends)}.btn.primary{background:linear-gradient(180deg, var(--gold), var(--gold-deep));color:var(--ink);font-family:Cinzel,serif;font-size:1.2rem}.btn kbd{vertical-align:middle;background:#fff3;border-radius:4px;margin-left:6px;padding:3px 5px;font:600 .7rem/1 system-ui,sans-serif;display:inline-block}.bubble-footer{color:#6b5640;justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.link{font:inherit;color:#7a4d1c;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.link:disabled{opacity:.4;cursor:default}.certainty{background:#0000001f;border-radius:99px;flex:1;max-width:180px;height:8px;overflow:hidden}.certainty>span{background:linear-gradient(90deg, var(--gold-deep), var(--ember));height:100%;transition:width .4s;display:block}.guess-card{align-items:center;gap:18px;display:flex}.guess-card img{aspect-ratio:488/680;object-fit:cover;background:#2a1f18;border-radius:4.75%/3.5%;width:min(46%,210px);box-shadow:0 8px 24px #00000059}.guess-card .bubble-text strong{color:#5a2c0c;font-family:Cinzel,serif;font-size:1.15em;display:block}.search{position:relative}.search-row{gap:8px;display:flex;position:relative}.search-row .btn{flex:none;min-width:108px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.search-note{color:#6b5640;margin:6px 2px 0;font-size:.92rem}.search input{width:100%;min-width:0;font:inherit;border:2px solid var(--parchment-edge);color:var(--ink);background:#fffaf0;border-radius:12px;flex:1;padding:12px 14px;font-size:1.1rem}.search input:focus{outline:3px solid var(--gold);outline-offset:1px}.search ul{z-index:5;border:2px solid var(--parchment-edge);box-shadow:var(--shadow);background:#fffaf0;border-radius:12px;max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.search li{cursor:pointer;border-radius:8px;padding:8px 10px}.search li[aria-selected=true],.search li:hover{background:#f1dfb8}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:min(100% - 32px,420px);color:var(--text-light);background:#0e0b22b8;border:1px solid #e8b64c40;border-radius:14px;margin:0 auto;padding:14px 16px;box-shadow:0 10px 30px #00000059}.panel p{margin:0}.panel-label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-family:Cinzel,serif;font-size:.72rem;font-weight:700;margin-bottom:6px!important}.stats-panel{gap:2px;margin-top:14px;display:grid}.stat-rate{color:var(--parchment);font-variant-numeric:tabular-nums;font-family:Cinzel,serif;font-size:2.1rem;font-weight:700;line-height:1.05}.stat-rate span{color:var(--muted-light);font-family:Alegreya Sans,sans-serif;font-size:.95rem;font-weight:500}.stat-line{color:var(--text-light);font-variant-numeric:tabular-nums;font-size:.95rem}.stat-rule{color:var(--muted-light);font-size:.78rem;margin-top:6px!important}.online-dot{vertical-align:1px;background:#5fd38d;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:2.4s ease-in-out infinite blink;display:inline-block;box-shadow:0 0 8px #5fd38d}.recent-panel{margin-bottom:12px}.find-list{scrollbar-width:thin;scrollbar-color:#e8b64c66 transparent;gap:6px;max-height:210px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.find{grid-template-columns:16px minmax(0,1fr);align-items:baseline;column-gap:6px;display:grid}.find.fresh{animation:.7s ease-out find-in}.find-mark{text-align:center;grid-row:span 2}.find-mark:before{content:"";forced-color-adjust:none;background:currentColor;width:10px;height:10px;display:inline-block}.find-mark.circle{color:var(--mark-green)}.find-mark.circle:before{border-radius:50%}.find-mark.triangle{color:var(--mark-red)}.find-mark.triangle:before{clip-path:polygon(50% 0,100% 100%,0 100%);width:11px}.find-mark.star{color:var(--mark-amber)}.find-mark.star:before{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:12px;height:12px}.find-mark.square{color:var(--mark-blue)}.find-mark.square:before{border-radius:1px;width:9px;height:9px}.find-mark.dot{color:var(--muted-light)}.find-mark.dot:before{border-radius:50%;width:4px;height:4px}.find-card{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-decoration:none;overflow:hidden}.find-card:hover,.find-card:focus-visible{color:var(--gold);text-decoration:underline}.find-meta{color:var(--muted-light);font-size:.8rem}.start-board{border-top:1px solid var(--parchment-edge);color:var(--ink);margin-top:4px;padding-top:10px}.start-board-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 4px;font-family:Cinzel,serif;font-size:.78rem;font-weight:700}.board-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:18px;display:grid}.board-head{color:#8a7458;justify-content:flex-end;margin-bottom:2px;font-size:.72rem;display:flex}.board-list{font-variant-numeric:tabular-nums;gap:4px;margin:0;padding:0;list-style:none;display:grid}.board-row{grid-template-columns:18px minmax(0,1fr) auto;align-items:baseline;column-gap:6px;display:grid}.board-rank{color:#8a7458;text-align:right;font-size:.8rem}.start-board .find-card{min-width:0;color:var(--ink)}.board-q{color:var(--gold-deep);font-weight:700}.find-empty{color:var(--muted-light);font-size:.9rem}@keyframes find-in{0%{opacity:0;background:#e8b64c40;transform:translateY(-8px)}}@keyframes blink{50%{opacity:.45}}@media (width>=1240px){body{padding-left:250px}.panel{z-index:5;width:218px;margin:0;position:fixed;left:16px}.stats-panel{top:calc(16px + env(safe-area-inset-top,0px))}.recent-panel{bottom:calc(16px + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 330px);display:grid}.recent-panel .find-list{max-height:none}}.legal{width:min(1100px,100%);color:var(--muted-light);text-align:center;padding:12px 24px 20px;font-size:.78rem;position:relative}.legal p{margin:4px 0}.legal a{color:var(--text-light)}.debug{z-index:10;color:#cfe;white-space:pre-wrap;background:#0a081ed9;border-radius:10px;max-width:min(360px,100vw - 24px);padding:10px 12px;font:12px/1.4 ui-monospace,monospace;position:fixed;bottom:12px;right:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift{0%,to{opacity:.85;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(6%)scale(1.08)}}@keyframes eye-pulse{50%{opacity:.6}}@keyframes shake{20%,60%{transform:translate(-10px)rotate(-1.5deg)}40%,80%{transform:translate(10px)rotate(1.5deg)}}@keyframes triumph{40%{transform:translateY(-24px)scale(1.04)}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=760px){.stage{grid-template-columns:minmax(0,1fr);padding:8px 16px 16px}.bubble.deception{order:0;grid-column:1}.bubble{order:-1;min-height:0;padding:20px 18px 18px}.bubble:before{border:14px solid #0000;border-top:16px solid var(--parchment-edge);top:auto;bottom:-28px;left:50%;transform:translate(-50%)}.bubble:after{border:12px solid #0000;border-top:14px solid var(--parchment);top:auto;bottom:-22px;left:50%;transform:translate(-50%)}.djinn{width:min(88%,380px)}.btn kbd{display:none}.board-cols{grid-template-columns:minmax(0,1fr);row-gap:4px}.board-col+.board-col .board-head{display:none}.answers.four{grid-template-columns:repeat(2,minmax(0,1fr))}.guess-card{text-align:center;flex-direction:column}.guess-card img{width:min(70%,240px)}}