.f4-frame{--f4-bone:#edeee7;--f4-paper:#ffffff;--f4-cell:#ffffff;--f4-slate:#303030;--f4-ink:#181818;--f4-ink-soft:#565655;--f4-pink:#ff4876;--f4-pink-deep:#d80574;--f4-amber:#e3a72f;--f4-tan:#a1a29e;--f4-tan-tint:#c7c8c2;--f4-rule:#c7c8c2;--f4-num1:#565655;--f4-num2:#7a5a12;--f4-num3:#bb076b;--f4-num4:#303030;--f4-mono:var(--ff,"Inter",sans-serif);--f4-sans:var(--ff,"Inter",sans-serif);--f4-frame-w:390px;--f4-pad-x:12px;--f4-radius-cell:10px;--f4-radius-panel:12px;--f4-gap:6px;--f4-board-gap:6px;--f4-thumb:132px;--f4-cols:5;position:relative;display:flex;flex-direction:column;height:100%;min-height:420px;width:100%;max-width:var(--f4-frame-w);margin:0 auto;background:var(--f4-bone);color:var(--f4-ink);font-family:var(--f4-sans);font-size:15px;border-radius:var(--f4-radius-panel);padding:var(--f4-pad-x) var(--f4-pad-x) 0;-moz-user-select:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.f4-frame,.f4-frame *,.f4-frame :after,.f4-frame :before{box-sizing:border-box}.f4-frame .f4-cell,.f4-frame .f4-key,.f4-frame button{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.f4-frame .f4-tabs{display:flex;gap:6px;min-height:48px;align-items:stretch}.f4-frame .f4-tab{flex:1;font-family:var(--f4-mono);font-weight:500;font-size:13px;letter-spacing:.1em;border:none;border-radius:10px 10px 0 0;background:var(--f4-rule);color:var(--f4-ink-soft);min-height:48px;cursor:pointer;padding:0 12px;margin:0}.f4-frame .f4-tab[aria-selected=true]{background:var(--f4-cell);color:var(--f4-ink)}.f4-frame .f4-cell:focus-visible,.f4-frame .f4-tab:focus-visible,.f4-frame button:focus-visible{outline:2px dashed var(--f4-pink);outline-offset:2px}.f4-frame .f4-header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--f4-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;min-height:44px;border-top:1px solid var(--f4-rule)}.f4-frame .f4-title{font-size:16px;font-weight:500;letter-spacing:.1em;color:var(--f4-ink);white-space:nowrap}.f4-frame .f4-day{color:var(--f4-ink-soft);text-align:right;white-space:nowrap;font-size:11px;letter-spacing:.06em}.f4-frame .f4-progress{display:flex;gap:6px;padding:6px 0 8px;flex:none}.f4-frame .f4-progress i{flex:1;height:4px;border-radius:2px;background:var(--f4-rule)}.f4-frame .f4-progress i.on{background:var(--f4-pink)}.f4-frame .f4-content{display:contents}.f4-frame .f4-screen{display:flex;flex-direction:column;flex:1;min-height:0}.f4-frame .f4-screen[hidden]{display:none}.f4-frame .f4-clue{font-family:var(--f4-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--f4-ink-soft);margin:8px 0;min-height:32px;display:flex;align-items:center;justify-content:center;flex:none}.f4-frame .f4-clue strong{color:var(--f4-ink);font-weight:500}.f4-frame .f4-gridwrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.f4-frame .f4-grid{position:relative;display:grid;grid-template-columns:repeat(var(--f4-cols),1fr);grid-template-rows:repeat(var(--f4-cols),1fr);gap:var(--f4-gap);aspect-ratio:1}.f4-frame .f4-gridrow{display:contents}.f4-frame .f4-cell{position:relative;border:1px solid var(--f4-rule);border-radius:var(--f4-radius-cell);background:var(--f4-slate);padding:0;margin:0;font-family:var(--f4-mono);font-weight:500;font-size:16px;color:var(--f4-ink);cursor:default;overflow:visible;display:flex;align-items:center;justify-content:center}.f4-frame .f4-cell.has-frag{background:var(--f4-cell);cursor:pointer}.f4-frame .f4-cell.chain-b{background:var(--f4-tan-tint)}.f4-frame .f4-cell.is-x{background:repeating-linear-gradient(45deg,var(--f4-tan) 0 6px,#8f908b 6px 12px);cursor:pointer}.f4-frame .f4-cell.is-t4{background:var(--f4-pink)}.f4-frame .f4-cell.is-selected{outline:2px solid var(--f4-pink);outline-offset:2px}.f4-frame .f4-cell.is-land{outline:2px solid var(--f4-pink);outline-offset:-2px;cursor:pointer}.f4-frame .f4-cell.is-top-tier{outline:3px solid var(--f4-tan);outline-offset:-3px}.f4-frame .f4-badge{left:4px;font-weight:500}.f4-frame .f4-badge,.f4-frame .f4-chainmark{position:absolute;top:3px;font-size:12px;line-height:1;color:var(--f4-ink);z-index:2}.f4-frame .f4-chainmark{right:4px}.f4-frame .f4-xmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--f4-ink)}.f4-frame .f4-frag{position:absolute;inset:0;margin:auto;background:var(--f4-slate)}.f4-frame .chain-b .f4-frag{background:#565655}.f4-frame .f4-frag.t1{width:34%;height:34%;border-radius:50%}.f4-frame .f4-frag.t2{width:44%;height:44%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.f4-frame .f4-frag.t3{width:58%;height:58%;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.f4-frame .chain-b .f4-frag.t1{border-radius:2px}.f4-frame .chain-b .f4-frag.t2{clip-path:polygon(50% 8%,100% 92%,0 92%)}.f4-frame .chain-b .f4-frag.t3{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%)}.f4-frame .f4-frag.is-img{background:none;border-radius:0;clip-path:none;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.f4-frame .chain-b .f4-frag.is-img.t1,.f4-frame .f4-frag.is-img.t1{width:72%;height:72%;clip-path:none;border-radius:0;background:none}.f4-frame .chain-b .f4-frag.is-img.t2,.f4-frame .f4-frag.is-img.t2{width:84%;height:84%;clip-path:none;border-radius:0;background:none}.f4-frame .chain-b .f4-frag.is-img.t3,.f4-frame .f4-frag.is-img.t3{width:94%;height:94%;clip-path:none;border-radius:0;background:none}.f4-frame img.f4-obj{position:absolute;inset:0;margin:auto;width:96%;height:96%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.f4-frame .f4-chev{position:absolute;inset:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--f4-pink);z-index:3;pointer-events:none}.f4-frame .f4-chev.up{align-items:flex-start}.f4-frame .f4-chev.down{align-items:flex-end}.f4-frame .f4-chev.left{justify-content:flex-start}.f4-frame .f4-chev.right{justify-content:flex-end}.f4-frame .f4-mergechip{margin:auto;width:26px;height:26px;border-radius:50%;background:var(--f4-amber);color:var(--f4-ink);font-size:13px;font-weight:500;z-index:3;pointer-events:none}.f4-frame .f4-mergechip,.f4-frame .f4-wincard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.f4-frame .f4-wincard{transform-origin:0 0;z-index:8;background:var(--f4-pink);border-radius:var(--f4-radius-panel);overflow:hidden;opacity:0}.f4-frame .f4-wincard.on{opacity:1}.f4-frame .f4-winglow{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.5),rgba(255,255,255,0) 62%)}.f4-frame .f4-wincard .f4-objbox,.f4-frame .f4-wincard img{position:relative;width:58%;height:58%}.f4-frame .f4-wincard img{-o-object-fit:contain;object-fit:contain;pointer-events:none;inset:auto;margin:0}.f4-frame .f4-spark{position:absolute;color:#fff;font-size:20px;line-height:1;opacity:0;pointer-events:none}.f4-frame .f4-spark.s1{left:16%;top:18%}.f4-frame .f4-spark.s2{right:15%;top:26%;font-size:14px}.f4-frame .f4-spark.s3{left:22%;bottom:20%;font-size:15px}.f4-frame .f4-spark.s4{right:20%;bottom:26%}.f4-frame .f4-cell.open{background:var(--f4-cell);cursor:default}.f4-frame .f4-cell.open.n1{color:var(--f4-num1)}.f4-frame .f4-cell.open.n2{color:var(--f4-num2)}.f4-frame .f4-cell.open.n3{color:var(--f4-num3)}.f4-frame .f4-cell.open.n4{color:var(--f4-num4)}.f4-frame .f4-cell.failed{background:var(--f4-pink);color:var(--f4-ink);cursor:default}.f4-frame .f4-cell.missed{background:var(--f4-tan);color:var(--f4-ink)}.f4-frame .f4-cell.flagged{color:var(--f4-pink);font-size:18px}.f4-frame .f4-cell.flagged.wrong{background:var(--f4-tan);color:var(--f4-ink)}.f4-frame .f4-cell.flagged.wrong .glyph{text-decoration:line-through}.f4-frame .f4-cell.confirmed{background:var(--f4-pink);color:var(--f4-ink)}.f4-frame .f4-prenote{position:absolute;top:2px;right:4px;font-size:12px;line-height:1;color:var(--f4-ink-soft)}.f4-frame .f4-cell.is-start{outline:2px solid var(--f4-pink);outline-offset:-2px;color:var(--f4-pink);font-size:14px}.f4-frame .f4-cell.is-start .glyph{transform:translateY(-6px)}.f4-frame .f4-startlabel{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:0;font-weight:500;color:var(--f4-pink)}.f4-frame .f4-tell{font-family:var(--f4-mono);font-size:12px;letter-spacing:.04em;text-align:center;min-height:34px;margin:6px 0 0;flex:none}.f4-frame .f4-boardwrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.f4-frame .f4-board{flex-direction:column}.f4-frame .f4-board,.f4-frame .f4-row{display:flex;gap:var(--f4-board-gap)}.f4-frame .f4-tile{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--f4-rule);border-radius:var(--f4-radius-cell);font-family:var(--f4-mono);font-weight:500;background:var(--f4-slate);color:var(--f4-ink)}.f4-frame .f4-row.active .f4-tile{background:var(--f4-cell)}.f4-frame .f4-tile.caret{box-shadow:inset 0 -4px 0 var(--f4-pink)}.f4-frame .f4-tile.p{background:var(--f4-pink)}.f4-frame .f4-tile.a{background:var(--f4-amber)}.f4-frame .f4-tile.t{background:var(--f4-tan)}.f4-frame .f4-tile .st{position:absolute;right:3px;bottom:1px;font-size:12px;line-height:1}.f4-frame .f4-kb{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0}.f4-frame .f4-kbrow{display:flex;gap:6px;width:100%}.f4-frame .f4-key{position:relative;flex:1;min-height:44px;font-family:var(--f4-mono);font-weight:500;font-size:14px;border:1px solid var(--f4-rule);border-radius:var(--f4-radius-cell);background:var(--f4-cell);color:var(--f4-ink);cursor:pointer;padding:0;margin:0}.f4-frame .f4-key:before{content:"";position:absolute;inset:-3px}.f4-frame .f4-key.wide{flex:1.5;font-size:12px;letter-spacing:.04em}.f4-frame .f4-key.p{background:var(--f4-pink)}.f4-frame .f4-key.a{background:var(--f4-amber)}.f4-frame .f4-key.t{background:var(--f4-tan);color:var(--f4-ink-soft)}.f4-frame .f4-key .st{position:absolute;right:2px;bottom:1px;font-size:12px;line-height:1}.f4-frame .f4-thumb{min-height:24px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px}.f4-frame .f4-thumb.modes{min-height:var(--f4-thumb);padding:8px 0}.f4-frame .f4-btn{font-family:var(--f4-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;min-height:48px;width:100%;border:1px solid var(--f4-ink);border-radius:var(--f4-radius-cell);background:var(--f4-pink);color:var(--f4-ink);cursor:pointer;margin:0}.f4-frame .f4-btn:active{background:var(--f4-pink-deep)}.f4-frame .f4-btn.quiet{background:var(--f4-paper)}.f4-frame .f4-modes{display:flex;gap:8px;width:100%}.f4-frame .f4-mode{flex:1;min-height:48px;font-family:var(--f4-mono);font-size:14px;letter-spacing:.08em;border-radius:var(--f4-radius-cell);border:1px solid var(--f4-ink-soft);background:var(--f4-bone);color:var(--f4-ink-soft);cursor:pointer;margin:0}.f4-frame .f4-mode.active-open{background:var(--f4-pink);border:1px solid var(--f4-ink);color:var(--f4-ink)}.f4-frame .f4-mode.active-flag{background:var(--f4-cell);border:3px solid var(--f4-ink);color:var(--f4-ink)}.f4-frame .f4-strikes{letter-spacing:.1em;color:var(--f4-ink)}.f4-frame .f4-endline,.f4-frame .f4-strikes{font-family:var(--f4-mono);font-size:12px;margin:0}.f4-frame .f4-endline{letter-spacing:.08em;text-transform:uppercase;text-align:center}.f4-frame .f4-lesson{font-family:var(--f4-sans);font-size:13px;color:var(--f4-ink-soft);text-align:center;margin:0}.f4-frame .f4-entry{font-family:var(--f4-mono);font-size:16px;letter-spacing:.24em;text-align:center;text-transform:uppercase;border:1px solid var(--f4-rule);border-radius:var(--f4-radius-cell);background:var(--f4-cell);padding:10px 12px 10px 16px;margin:0}.f4-frame .f4-entry small{display:block;font-size:12px;letter-spacing:.1em;color:var(--f4-ink-soft);margin-bottom:2px}.f4-frame .f4-cardtext{font-family:var(--f4-mono);font-size:13px;white-space:pre;max-height:96px;overflow:auto;-moz-user-select:text;user-select:text;-webkit-user-select:text;background:var(--f4-paper);border:1px solid var(--f4-rule);border-radius:var(--f4-radius-cell);padding:8px 12px;margin:0}.f4-frame .f4-footer{display:flex;justify-content:center;align-items:center;font-family:var(--f4-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;min-height:28px;flex:none;border-top:1px solid var(--f4-rule);color:var(--f4-ink-soft)}.f4-frame .f4-briefscroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 2px 12px;display:flex;flex-direction:column;gap:12px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.f4-frame .f4-lede{font-family:var(--f4-sans);font-size:15px;line-height:1.5;margin:0}.f4-frame .f4-meta{font-family:var(--f4-sans);font-size:13px;color:var(--f4-ink-soft);margin:0}.f4-frame .f4-card{background:var(--f4-cell);border-radius:10px;padding:14px 16px 16px}.f4-frame .f4-card h2{margin:0 0 10px;text-transform:none;letter-spacing:0}.f4-frame .f4-card h2,.f4-frame .f4-card summary{font-family:var(--f4-sans);font-weight:700;font-size:17px;color:var(--f4-ink)}.f4-frame .f4-card summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:28px}.f4-frame .f4-card summary::-webkit-details-marker{display:none}.f4-frame .f4-card summary:after{content:"▸";font-family:var(--f4-mono);font-size:14px;color:var(--f4-ink-soft)}.f4-frame details.f4-card[open] summary:after{content:"▾"}.f4-frame details.f4-card[open] summary{margin-bottom:6px}.f4-frame .f4-card p{font-family:var(--f4-sans);font-size:15px;line-height:1.5;margin:0;color:var(--f4-ink)}.f4-frame .f4-card p+p{margin-top:10px}.f4-frame .f4-brow{display:flex;align-items:center;gap:12px;padding:9px 0}.f4-frame .f4-brow:first-of-type{padding-top:0}.f4-frame .f4-brow+.f4-brow{border-top:1px solid var(--f4-bone)}.f4-frame .f4-brow p{font-size:14px}.f4-frame .f4-sw{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;font-weight:500;font-size:14px}.f4-frame .f4-chip,.f4-frame .f4-sw{flex:none;font-family:var(--f4-mono)}.f4-frame .f4-chip{font-size:12px;letter-spacing:.04em;background:var(--f4-bone);border-radius:6px;padding:6px 10px;white-space:nowrap}.f4-frame .f4-hr{border:none;border-top:1px solid var(--f4-bone);margin:10px 0}.f4-frame .f4-notice{background:var(--f4-rule);border-radius:10px;padding:12px 16px;font-family:var(--f4-mono);font-size:12px;letter-spacing:.08em;line-height:1.7;text-transform:uppercase;text-align:center;color:var(--f4-ink)}.f4-frame .f4-example{display:flex;gap:4px;margin:10px 0}.f4-frame .f4-example span{flex:1;aspect-ratio:1;max-width:44px;display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--f4-mono);font-weight:500;font-size:16px;border-radius:8px;color:var(--f4-ink)}.f4-frame .f4-objbox{position:relative;width:64px;height:64px;background:var(--f4-pink);border:1px solid var(--f4-rule);border-radius:var(--f4-radius-cell);flex:none}.f4-frame .f4-obj{position:absolute;inset:12%}.f4-frame .f4-obj:after,.f4-frame .f4-obj:before{content:"";position:absolute}.f4-frame .f4-obj[data-obj=star]:before{inset:4%;background:var(--f4-cell);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.f4-frame .f4-obj[data-obj=bubble]:before{inset:8% 4% 28% 4%;background:var(--f4-cell);border-radius:40%}.f4-frame .f4-obj[data-obj=bubble]:after{left:22%;bottom:10%;width:22%;height:22%;background:var(--f4-cell);clip-path:polygon(0 0,100% 0,0 100%)}.f4-frame .f4-obj[data-obj=magnifier]:before{left:8%;top:8%;width:55%;height:55%;border:5px solid var(--f4-cell);border-radius:50%;background:transparent}.f4-frame .f4-obj[data-obj=magnifier]:after{right:8%;bottom:6%;width:38%;height:12%;background:var(--f4-cell);border-radius:6px;transform:rotate(45deg)}.f4-frame .f4-obj[data-obj=flashlight]:before{left:6%;top:18%;width:34%;height:64%;background:var(--f4-cell);clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.f4-frame .f4-obj[data-obj=flashlight]:after{left:40%;top:38%;width:52%;height:24%;background:var(--f4-cell);border-radius:3px}.f4-frame .f4-obj[data-obj=dinoegg]:before{inset:4% 16%;background:var(--f4-cell);border-radius:50% 50% 46% 46%/62% 62% 40% 40%}.f4-frame .f4-obj[data-obj=dinoegg]:after{left:36%;top:30%;width:14%;height:14%;border-radius:50%;background:var(--f4-slate);box-shadow:10px 14px 0 -2px var(--f4-slate),-6px 16px 0 -3px var(--f4-slate)}.f4-frame .f4-obj[data-obj=book]:before{inset:10% 16%;background:var(--f4-cell);border-radius:2px 6px 6px 2px}.f4-frame .f4-obj[data-obj=book]:after{left:26%;top:10%;width:10%;height:80%;background:var(--f4-slate)}.f4-frame .f4-obj[data-obj=puzzle]:before{inset:18%;background:var(--f4-cell);border-radius:3px}.f4-frame .f4-obj[data-obj=puzzle]:after{left:38%;top:4%;width:24%;height:24%;background:var(--f4-cell);border-radius:50%}.f4-frame .f4-obj[data-obj=key]:before{left:12%;top:12%;width:40%;height:40%;border:6px solid var(--f4-cell);border-radius:50%}.f4-frame .f4-obj[data-obj=key]:after{right:6%;bottom:14%;width:46%;height:12%;background:var(--f4-cell);clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 40%,55% 40%,55% 100%,40% 100%,40% 40%,0 40%)}.f4-frame .f4-obj[data-obj=bell]:before{inset:8% 20% 30% 20%;background:var(--f4-cell);border-radius:50% 50% 8% 8%}.f4-frame .f4-obj[data-obj=bell]:after{left:40%;bottom:14%;width:20%;height:18%;background:var(--f4-cell);border-radius:50%}.f4-frame .f4-obj[data-obj=hourglass]:before{inset:10% 22%;background:var(--f4-cell);clip-path:polygon(0 0,100% 0,52% 50%,100% 100%,0 100%,48% 50%)}.f4-frame .f4-obj[data-obj=notes]:before{left:8%;top:14%;width:56%;height:56%;background:var(--f4-cell);transform:rotate(-8deg)}.f4-frame .f4-obj[data-obj=notes]:after{right:8%;bottom:10%;width:52%;height:52%;background:var(--f4-cell);transform:rotate(6deg)}.f4-frame .f4-obj[data-obj=map]:before{inset:16% 8%;background:var(--f4-cell);clip-path:polygon(0 12%,33% 0,66% 12%,100% 0,100% 88%,66% 100%,33% 88%,0 100%)}.f4-frame .f4-obj[data-obj=bulb]:before{left:26%;top:8%;width:48%;height:56%;background:var(--f4-cell);border-radius:50% 50% 40% 40%}.f4-frame .f4-obj[data-obj=bulb]:after{left:38%;bottom:12%;width:24%;height:22%;background:var(--f4-cell);border-radius:2px}.f4-frame .f4-obj[data-obj=trophy]:before{inset:10% 24% 40% 24%;background:var(--f4-cell);border-radius:6px 6px 50% 50%}.f4-frame .f4-obj[data-obj=trophy]:after{left:32%;bottom:12%;width:36%;height:14%;background:var(--f4-cell);border-radius:3px}.f4-frame .f4-obj[data-obj=ticket]:before{inset:24% 8%;background:var(--f4-cell);border-radius:6px}.f4-frame .f4-obj[data-obj=ticket]:after{left:18%;top:44%;width:64%;height:8%;background:var(--f4-pink)}.f4-frame .f4-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:no-preference){.f4-frame .f4-frag.moving{transition:transform .18s ease-in;z-index:5}.f4-frame .f4-cell.pop,.f4-frame .f4-cell.pop .f4-frag,.f4-frame .f4-cell.pop .f4-obj{animation:f4pop .12s ease-out}@keyframes f4pop{0%{transform:scale(1.3)}to{transform:scale(1)}}.f4-frame .f4-cell.shake,.f4-frame .f4-row.shake{animation:f4shake .2s linear}@keyframes f4shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.f4-frame .f4-cell.is-start .glyph{animation:f4breathe 1.6s ease-in-out infinite}@keyframes f4breathe{0%,to{opacity:1}50%{opacity:.45}}.f4-frame .f4-tile{transition:transform .15s ease-in}.f4-frame .f4-tile.flipping{transform:rotateX(90deg)}.f4-frame .f4-tile.caret{animation:f4caret 1.2s step-end infinite}@keyframes f4caret{0%,to{box-shadow:inset 0 -4px 0 var(--f4-pink)}50%{box-shadow:inset 0 -3px 0 transparent}}.f4-frame .f4-key:active{transform:scale(.92);transition:transform 80ms ease}.f4-frame .f4-wincard{transition:transform .48s cubic-bezier(.2,.7,.25,1),opacity .2s ease-out}.f4-frame .f4-wincard.on .f4-spark{animation:f4spark .9s ease-out both}.f4-frame .f4-wincard.on .f4-spark.s1{animation-delay:.62s}.f4-frame .f4-wincard.on .f4-spark.s2{animation-delay:.78s}.f4-frame .f4-wincard.on .f4-spark.s3{animation-delay:.94s}.f4-frame .f4-wincard.on .f4-spark.s4{animation-delay:1.1s}@keyframes f4spark{0%{opacity:0;transform:scale(.4) rotate(0deg)}45%{opacity:.95}to{opacity:0;transform:scale(1.2) rotate(30deg)}}}@media (prefers-reduced-motion:reduce){.f4-frame .f4-cell.shake,.f4-frame .f4-row.shake{animation:f4pulse .4s linear}@keyframes f4pulse{0%,to{border-color:var(--f4-rule)}50%{border-color:var(--f4-tan);border-width:3px}}}.gotchi-root main[data-screen=puzzle]{padding-bottom:0}.puzzle-stage{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0;box-sizing:border-box;padding:calc(var(--hdr, 66px) + 4px) 10px 10px}.puzzle-stage>.f4-frame{flex:1;min-height:0}.gotchi-root .puzzle-stage:has(.puzzle-reward){height:auto;min-height:100%}.f4-context-heading{padding:20px 24px 8px;color:#fff}.f4-context-heading h1{font:700 clamp(22px,3vw,34px)/1.2 Inter,Arial,sans-serif;margin:0 0 10px}.f4-context-heading p{font:15px/1.6 Inter,Arial,sans-serif;color:#d1d8c9;margin:0}.f4-context-definition,.f4-context-result{padding:18px;margin:12px 0;border:1px solid #ffffff26;border-radius:14px;background:#ffffff06;font-family:Inter,Arial,sans-serif}.f4-context-definition>span,.f4-context-result>span{font-size:10px;letter-spacing:.1em;color:#ff91af}.f4-context-definition h2,.f4-context-result h2{font-size:19px;margin:10px 0;color:#fff}.f4-context-definition p,.f4-context-result p{font-size:14px;line-height:1.65;color:#e0e7d9}.f4-context-result blockquote{margin:18px 0;padding:16px;border-left:3px solid #ff4876;background:#ff48760b;color:#fff;font-size:15px;line-height:1.65}.f4-context-result blockquote span{display:block;font-size:11px;color:#ffb8ca;margin-bottom:8px}.f4-context-result>a{color:#9ccfff;font-size:13px}.f4-testing-link{display:block;padding:10px 18px;background:#402236;color:#ffc5db;font:12px/1.4 Inter,Arial,sans-serif;text-decoration:underline}.f4-cell.is-land{outline:3px solid #ff91af;outline-offset:-3px;background:#ff487637}.f4-chev{font-size:clamp(22px,3vw,36px);color:#fff;text-shadow:0 0 12px #ff4876}.f4-context-heading h1{color:var(--f4-ink)}.f4-context-heading p{color:var(--f4-ink-soft)}.f4-context-definition,.f4-context-result{background:#172019}.f4-frame .f4-obj[data-obj=clicksignal]:before,.f4-frame .f4-obj[data-obj=cursor]:before{inset:5%;background:#fff1ad;clip-path:polygon(10% 0,90% 63%,55% 63%,68% 92%,49% 100%,36% 69%,10% 89%)}.f4-frame .f4-obj[data-obj=returnarrow]:before{inset:5%;background:#fff1ad;clip-path:polygon(0 35%,35% 0,35% 20%,80% 20%,100% 40%,100% 100%,75% 100%,75% 50%,35% 50%,35% 70%)}.f4-frame .f4-cell.is-land{outline:4px solid #ff91af;outline-offset:-4px;box-shadow:inset 0 0 0 7px #ff48762b}.f4-frame .f4-chev{font-size:clamp(30px,4vw,44px);font-weight:900;text-shadow:0 2px 0 #42132a}.f4-frame .f4-cell svg.glyph{width:48%;height:48%;min-width:22px;min-height:22px}.f4-frame .f4-cell .f4-startlabel{font-weight:800;font-size:11px;letter-spacing:.06em}.f4-frame .f4-key.p,.f4-frame .f4-tile.p{background:#54855f;color:#fff;border-color:#54855f}.f4-frame .f4-key.a,.f4-frame .f4-tile.a{background:#e1bd57;color:#171a17;border-color:#e1bd57}.f4-frame .f4-key.t,.f4-frame .f4-tile.t{background:#626771;color:#fff;border-color:#626771}.f4-frame--reward .f4-board-screen{overflow-y:auto;scrollbar-width:thin}.f4-frame .f4-context-result{width:100%;margin:12px 0;padding:20px clamp(16px,3vw,34px);border:1px solid #ffffff26;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#65334570,transparent 60%),#171b1c;color:#fff;text-align:center;flex-shrink:0}.f4-frame .f4-context-result .f4-result-outcome{margin:0 auto 16px;max-width:48ch;font-size:14px;color:#dedde5}.f4-frame .f4-context-result .f4-thumb{min-height:0;padding:0;margin:0 auto}.f4-frame .f4-context-result .floor404-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px auto 0;max-width:560px}.f4-frame .f4-context-result .floor404-share-actions button{width:100%;justify-content:center}.f4-frame .f4-context-result .floor404-share-actions p{grid-column:1/-1;margin:0;font-size:12px}.f4-frame .f4-context-payoff{padding:22px 0;font-family:Inter,Arial,sans-serif;text-align:left}.f4-frame .f4-context-payoff h2{font-size:22px;line-height:1.3;margin:0 0 16px;color:var(--f4-ink)}.f4-frame .f4-context-payoff>p{font-size:15px;line-height:1.7;color:var(--f4-ink-soft);margin:0 0 20px}.f4-frame .f4-context-payoff>a{display:block;margin-top:22px;color:#2873b4;font-size:13px;line-height:1.6;text-underline-offset:3px}.f4-frame .f4-agent-response{display:flex;align-items:center;gap:10px}.f4-frame .f4-reward-agent{position:relative;display:block;flex:0 0 90px;width:90px;height:120px}.f4-frame .f4-reward-agent .bodyrig,.f4-frame .f4-reward-agent img{position:absolute;inset:0;width:100%;height:100%;max-width:none;-o-object-fit:contain;object-fit:contain;pointer-events:none}.f4-frame .f4-agent-response blockquote{position:relative;flex:1;margin:0;padding:18px;border:1px solid #dca1b44d;border-radius:16px 16px 16px 3px;background:#ff48760d;color:var(--f4-ink);font-size:14px;line-height:1.6}.f4-frame .f4-agent-response blockquote span{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:#b53363}.f4-frame .f4-context-result .f4-agent-response blockquote,.f4-frame .f4-context-result .f4-context-payoff h2,.f4-frame .f4-context-result .f4-context-payoff>p{color:#fff}.f4-frame .f4-context-result .f4-context-payoff>a{color:#9ccfff}.f4-frame .f4-context-result .f4-agent-response blockquote span{color:#ffacc4}.f4-frame .f4-context-result .f4-test-result{color:#ffcfdf}.f4-frame .f4-context-result .f4-btn{border-color:#ffabc7;border-radius:10px;font-family:var(--f4-sans);font-weight:600;letter-spacing:.04em}@media(max-width:500px){.f4-frame .f4-context-result{padding:16px 12px}.f4-frame .f4-context-result .floor404-share-actions{grid-template-columns:1fr}.f4-frame .f4-context-result .floor404-share-actions p{grid-column:auto}.f4-frame .f4-reward-agent{flex-basis:72px;width:72px;height:100px}.f4-frame .f4-agent-response blockquote{padding:12px}}.f4-frame .f4-context-result .floor404-share-actions>div{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;width:100%}.f4-frame .f4-context-result .floor404-share-actions a{width:100%;justify-content:center}@media(max-width:500px){.f4-frame .f4-context-result .floor404-share-actions>div{grid-template-columns:1fr}}.f4-frame:not(.f4-frame-wide) .f4-context-heading{padding:8px 12px 0}.f4-frame:not(.f4-frame-wide) .f4-context-heading h1{font-size:22px;line-height:1.2;margin:0}.f4-frame:not(.f4-frame-wide) .f4-context-heading>p{display:none}.f4-frame:not(.f4-frame-wide) .f4-header{padding-inline:12px;gap:8px;flex-wrap:wrap}.f4-frame .f4-clue{height:48px;min-height:48px;flex:0 0 48px;margin:4px 0;display:grid;place-items:center;line-height:1.35}.f4-frame .f4-tell{height:42px;min-height:42px;flex:0 0 42px;margin:4px 0;line-height:1.35}.f4-frame .f4-briefscroll{overscroll-behavior:contain;touch-action:pan-y}.f4-frame .f4-audit-count{display:flex;justify-content:center;align-items:center;gap:10px;flex:none;min-height:30px;font-size:12px;color:var(--f4-ink)}.f4-audit-count__flags{display:flex;gap:5px;color:#696a68}.f4-audit-count__flags .placed{color:#ff4785}.f4-audit-count__flags .struck{color:#f7bc73}@media(max-height:720px){.f4-frame:not(.f4-frame-wide) .f4-clue{height:34px;min-height:34px;flex-basis:34px;font-size:11px}.f4-frame:not(.f4-frame-wide) .f4-tabs{min-height:38px}.f4-frame:not(.f4-frame-wide) .f4-header{min-height:32px}.f4-frame:not(.f4-frame-wide) .f4-context-heading h1{font-size:18px}}.f4-audit-strike-count{display:none}@media(max-height:740px) and (max-width:600px){.f4-frame:not(.f4-frame-wide){padding:6px 8px;min-height:0}.f4-frame:not(.f4-frame-wide) .f4-tabs{height:34px;min-height:34px;flex:0 0 34px}.f4-frame:not(.f4-frame-wide) .f4-tab{min-height:34px;padding:7px}.f4-frame:not(.f4-frame-wide) .f4-header{min-height:28px;height:28px;flex:0 0 28px;padding:4px;flex-wrap:nowrap}.f4-frame:not(.f4-frame-wide) .f4-context-heading,.f4-frame:not(.f4-frame-wide) .f4-progress,.f4-frame:not(.f4-frame-wide) .f4-verb{display:none}.f4-frame:not(.f4-frame-wide) .f4-clue{font-size:10px;height:28px;min-height:28px;flex-basis:28px;margin:2px 0}.f4-frame:not(.f4-frame-wide) .f4-thumb{min-height:0;padding:4px 0}.f4-frame:not(.f4-frame-wide) .f4-footer{font-size:10px;min-height:24px;padding:4px}.f4-frame--audit:not(.f4-frame-wide) .f4-clue,.f4-frame--audit:not(.f4-frame-wide) .f4-footer,.f4-frame--audit:not(.f4-frame-wide) .f4-strikes{display:none}.f4-frame--audit:not(.f4-frame-wide) .f4-tell{height:32px;min-height:32px;flex-basis:32px;font-size:11px;margin:3px 0}.f4-frame--audit:not(.f4-frame-wide) .f4-modes{margin:0;gap:8px}.f4-frame--audit:not(.f4-frame-wide) .f4-mode{height:44px;min-height:44px;padding:8px}.f4-frame--audit:not(.f4-frame-wide) .f4-audit-count{font-size:10px;min-height:26px;gap:5px}.f4-frame--audit:not(.f4-frame-wide) .f4-audit-count__flags{gap:2px}.f4-frame--audit:not(.f4-frame-wide) .f4-audit-strike-count{display:inline}.f4-frame--directory:not(.f4-frame-wide) .f4-kb{padding:4px 0;gap:4px}.f4-frame--directory:not(.f4-frame-wide) .f4-thumb{display:none}}@media(max-height:740px) and (max-width:600px){.gotchi-root:has(.puzzle-stage) .gotchi-header{display:none}.gotchi-root .puzzle-stage{padding-top:8px}}