@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Cinzel:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@900&text=%E9%97%87%E7%A5%9E%E5%9C%B0%E7%82%8E%E5%85%89%E6%B0%B4%E9%A2%A8%E9%AD%94%E7%BD%A0&display=swap";:root{--night:#070b16;--panel-deep:#080d1a;--gold:#c9a35a;--gold-bright:#f3d78d;--gold-dim:#c9a35a52;--cream:#efe6d0;--muted:#8b93a6;--green-bright:#3ccf7a;--blue:#3b86e0;--blue-bright:#7ab8ff;--ember:#d9322a;--serif:"EB Garamond", Georgia, serif;--caps:"Cinzel", "EB Garamond", serif;--display:var(--serif);--r:6px;--r-sm:4px;--r-lg:8px;--bar-h:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--night);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:2px}.site-bar{z-index:20;height:var(--bar-h);border-bottom:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--serif);background:#070b16eb;align-items:center;gap:28px;padding:0 max(16px,50% - 824px);display:flex;position:sticky;top:0}.site-mark{align-items:baseline;gap:7px;text-decoration:none;display:flex}.site-mark-ygo{font:800 21px/1 var(--caps);color:var(--ember);-webkit-text-stroke:.6px #f6d38a;text-shadow:0 1px #6d1410;transform:rotate(-3deg)}.site-mark-daily{font:700 10px/1 var(--caps);letter-spacing:.36em;color:var(--gold-bright)}.site-games{align-self:stretch;gap:22px;display:flex}.site-game{color:var(--muted);font:700 13px/1 var(--caps);letter-spacing:.08em;border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:flex}.site-game:hover{color:var(--cream)}.site-game[aria-current=page]{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{--stage-w:clamp(340px, calc((100dvh - var(--bar-h) - 80px) * 59 / 86 + 48px), 42vw);min-height:calc(100dvh - var(--bar-h));grid-template-columns:188px minmax(0, 1fr) var(--stage-w);max-width:1680px;color:var(--cream);font:400 16px/1.4 var(--serif);background:radial-gradient(50% 45% at 82% 45%,#c9a35a1a,#0000 70%),radial-gradient(50% 40% at 20% 10%,#3b86e014,#0000 70%);align-content:start;gap:16px;margin:0 auto;padding:16px;display:grid}:is(body:has(.app),body:has(.site-bar)){background:linear-gradient(180deg, #0a1020, var(--night) 60%, #05080f) fixed}.app-error{padding:48px;font-size:20px}.frame{border:1px solid var(--gold-dim);border-radius:var(--r);background:linear-gradient(#0e1528f0,#090e1bf7);position:relative;box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff0a}.frame:before{content:"";pointer-events:none;border-radius:max(0px, calc(var(--r) - 3px));background:linear-gradient(var(--gold), var(--gold)) left top / 22px 1px, linear-gradient(var(--gold), var(--gold)) left top / 1px 22px, linear-gradient(var(--gold), var(--gold)) right top / 22px 1px, linear-gradient(var(--gold), var(--gold)) right top / 1px 22px, linear-gradient(var(--gold), var(--gold)) left bottom / 22px 1px, linear-gradient(var(--gold), var(--gold)) left bottom / 1px 22px, linear-gradient(var(--gold), var(--gold)) right bottom / 22px 1px, linear-gradient(var(--gold), var(--gold)) right bottom / 1px 22px;background-repeat:no-repeat;position:absolute;inset:5px}.frame>*{z-index:1;position:relative}.icon{flex:none}.side{top:calc(var(--bar-h) + 16px);flex-direction:column;align-self:start;gap:28px;padding:28px 0;display:flex;position:sticky}.brand{text-align:center;justify-items:center;gap:6px;margin:0;display:grid}.brand-mark{font:800 34px/1 var(--caps);letter-spacing:.02em;color:var(--ember);-webkit-text-stroke:1px #f6d38a;text-shadow:0 2px #6d1410,0 0 18px #d9322a59;transform:rotate(-3deg)}.brand-daily{font:700 14px/1 var(--caps);letter-spacing:.42em;color:var(--gold-bright);padding-left:.42em}.nav{gap:4px;display:grid}.nav-item{color:var(--muted);text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:14px;padding:11px 22px;font-size:18px;font-weight:500;display:flex}.nav-item:hover{color:var(--cream)}.nav-item[aria-current=page]{color:var(--gold-bright);border-left-color:var(--gold-bright);background:linear-gradient(90deg,#c9a35a33,#0000)}.mode{border-radius:var(--r);background:var(--panel-deep);box-shadow:inset 0 0 0 1px var(--gold-dim);gap:4px;margin:0 18px;padding:3px;display:flex}.mode-btn{border-radius:var(--r-sm);color:var(--muted);background:0 0;border:0;flex:1;padding:6px 8px;font-size:15px;font-weight:500}.mode-btn:hover{color:var(--cream)}.mode-btn[aria-pressed=true]{background:var(--gold);color:#1b1408}.main{flex-direction:column;align-self:start;gap:18px;min-width:0;padding:26px 30px 30px;display:flex}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.title{font:700 44px/1.05 var(--display);letter-spacing:-.01em;margin:0}.day{color:var(--gold-bright);align-items:center;gap:10px;margin-top:8px;font-size:19px;font-weight:500;display:flex}.day-number{color:var(--muted)}.day .score{color:var(--cream);font-weight:700}.day-step{border:1px solid var(--gold-dim);width:30px;height:30px;color:var(--gold-bright);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.day-step:hover:not(:disabled){border-color:var(--gold);background:#c9a35a1f}.day-step:disabled{opacity:.3}.day-step .icon{width:14px;height:14px}.warning{border-radius:var(--r);color:#f3b0a8;border:1px solid #d9322a80;margin:0;padding:10px 14px;font-size:15px}.purchases{border:1px solid var(--gold-dim);border-radius:var(--r);background:#060a148c;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.purchases strong{font-size:17px;font-weight:600}.slots{gap:6px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.slot{border-radius:var(--r-sm);text-transform:uppercase;border:1px dashed #c9a35a59;place-items:center;width:34px;height:38px;font-size:19px;font-weight:700;display:grid}.slot.is-in-name,.slot.is-not-in-name{border-style:solid;animation:.35s ease-out both slot-in}.slot.is-in-name{color:#8ff0b4;background:#24a35b38;border-color:#3ccf7a}.slot.is-not-in-name{color:#ff9b92;background:#d9493f2e;border-color:#d9493f}@keyframes slot-in{0%{opacity:0;transform:translateY(-6px)}}.main>.answer{z-index:5;gap:8px;min-width:0;display:grid;position:relative}.answer-row{gap:12px;min-width:0;display:flex}.answer-input{border-radius:var(--r);background:#060a14;border:1px solid #3b86e08c;flex:1 1 0;width:0;min-width:0;height:50px;padding:0 16px;font-size:18px;font-weight:500;box-shadow:0 0 0 3px #3b86e014,inset 0 2px 6px #00000080}.answer-input::placeholder{color:#5f6a82;font-style:italic}.answer-input:focus{border-color:var(--blue-bright);outline:none;box-shadow:0 0 0 3px #3b86e040}.answer-input::-webkit-search-cancel-button{appearance:none}.answer-submit{border-radius:var(--r);color:#1b1408;background:linear-gradient(#e7c77a,#c9a35a 55%,#a57f34);border:0;flex:none;height:50px;padding:0 28px;font-size:18px;font-weight:600;box-shadow:inset 0 1px #ffffff59,0 6px 16px #c9a35a40}.answer-submit:hover:not(:disabled){filter:brightness(1.08)}.answer-submit:disabled{color:#6b6f7a;box-shadow:none;background:#2a2a2f}.answer-options{scrollbar-color:var(--gold-dim) transparent;z-index:10;border:1px solid var(--gold-dim);border-radius:var(--r);background:#0b1120;gap:2px;max-height:300px;margin:0;padding:4px;list-style:none;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 20px 40px #0009}.answer-option{border-radius:var(--r-sm);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:9px 12px;font-size:16px;display:flex}.answer-option:hover,.answer-option:focus-visible{background:#c9a35a24}.answer-option-type{color:var(--muted);flex:none;font-size:14px}.keys{justify-content:center;gap:12px;display:flex}.keys-main{flex:auto;gap:7px;min-width:0;display:grid}.keys-extra{border-left:1px solid var(--gold-dim);flex:none;grid-template-rows:repeat(4,46px);grid-auto-columns:46px;grid-auto-flow:column;align-content:start;gap:7px 6px;padding-left:12px;display:grid}.keys-extra .key{height:46px}.keys-row{justify-content:center;gap:6px;display:flex}.key{border-radius:var(--r);text-transform:uppercase;background:linear-gradient(#151d30,#0d1424);border:1px solid #ffffff17;flex:0 46px;min-width:0;height:46px;padding:0;font-size:18px;font-weight:600;transition:transform .12s,border-color .15s;box-shadow:0 2px #00000080}.key:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright);transform:translateY(-1px)}.key[data-state=given],.key[data-state=hit],.key[data-state=miss]{color:#3f4658;box-shadow:none;background:#070b14;border-color:#0000}.keys-digits{margin-top:4px}.key-wide{letter-spacing:.02em;flex-basis:92px;justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.key-orb{background:radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--orb) 40%, #fff), var(--orb) 45%, color-mix(in srgb, var(--orb) 60%, #000));width:18px;height:18px;box-shadow:0 0 6px color-mix(in srgb, var(--orb) 50%, transparent);border-radius:50%;display:inline-block}.key[data-state=hit] .key-orb,.key[data-state=miss] .key-orb{filter:grayscale()brightness(.5)}.key-symbol{text-transform:none}.keys-digits .key.key-layer{text-transform:none;color:var(--gold-bright);border-color:var(--gold-dim);flex:none;padding:0 10px;font-size:13px}.key-layer[aria-pressed=true]{background:#c9a35a29}.keys-digits .key{flex-basis:40px;height:38px;font-size:16px}.outcome{border:1px solid var(--gold);border-radius:var(--r);background:radial-gradient(80% 90% at 50% 0,#c9a35a29,#0000 70%),#060a1499;gap:16px;padding:22px 22px 20px;display:grid}.outcome[data-result=lost]{background:radial-gradient(80% 90% at 50% 0,#d9493f1f,#0000 70%),#060a1499;border-color:#d9493f8c}.outcome-head{gap:2px;display:grid}.outcome-title{font:700 15px/1 var(--caps);letter-spacing:.06em;color:var(--gold-bright);margin:0}.outcome[data-result=lost] .outcome-title{color:#ff9b92}.outcome-answer{font-family:var(--display);margin:4px 0 0;font-size:28px;font-weight:700;line-height:1.15}.outcome-points{font:700 18px/1.2 var(--serif);color:var(--gold-bright);margin:2px 0 0}.outcome[data-result=lost] .outcome-points{color:var(--muted)}.outcome-detail{color:var(--muted);margin:0;font-size:16px}.share-preview{border-radius:var(--r-lg);background:#060a14;border:1px solid #ffffff14;justify-items:center;gap:10px;margin:0;padding:18px 16px;display:grid;box-shadow:inset 0 2px 10px #00000080}.share-heading{color:var(--cream);margin:0;font-size:16px;font-weight:600}.share-tiles{gap:8px;margin:0;padding:0;list-style:none;display:flex}.share-tile{border-radius:var(--r);width:34px;height:34px;animation:.4s cubic-bezier(.2,.7,.2,1) both tile-in;animation-delay:calc(var(--n,0) * 70ms)}.share-tile:nth-child(2){--n:1}.share-tile:nth-child(3){--n:2}.share-tile:nth-child(4){--n:3}.share-tile:nth-child(5){--n:4}.share-tile:nth-child(6){--n:5}.share-tile.is-in-name{background:linear-gradient(#3ccf7a,#1f9a55);box-shadow:0 0 12px #3ccf7a59}.share-tile.is-not-in-name{background:linear-gradient(#ea5a4f,#b3322a);box-shadow:0 0 12px #d9493f4d}.share-tile.is-unused{background:#1a2133;box-shadow:inset 0 1px 3px #0009}@keyframes tile-in{0%{opacity:0;transform:scale(.4)rotateX(80deg)}}.share-verdict{color:var(--gold-bright);font-size:16px}.outcome[data-result=lost] .share-verdict{color:#ff9b92}.outcome-actions{flex-wrap:wrap;gap:10px;display:flex}.outcome-share{flex:100%}.outcome-actions .action{flex:180px;height:48px}.outcome-message{color:var(--muted);margin:-6px 0 0;font-size:14px}.outcome-next{color:var(--muted);text-align:center;margin:0;font-size:15px}.hints{gap:10px;display:grid}.hints h2{margin:0;font-size:21px;font-weight:700}.hint-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hint{border:1px solid var(--gold-dim);border-radius:var(--r);background:#060a1499;align-items:center;gap:8px;padding:7px 12px;font-size:16px;font-weight:500;display:inline-flex}.hint-formats{gap:0;padding:0}.hint-formats span{padding:7px 12px}.hint-formats span+span{border-left:1px solid var(--gold-dim)}.hint.is-new{border-color:var(--gold);animation:.5s ease-out both hint-in}.hint i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px}@keyframes hint-in{0%{opacity:0;transform:translateY(4px);box-shadow:0 0 14px #f3d78d80}}.actions{flex-wrap:wrap;gap:10px;display:flex}.action{white-space:nowrap;border:1px solid var(--gold);border-radius:var(--r);height:48px;color:var(--gold-bright);background:#c9a35a0f;flex:220px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.action:hover{background:#c9a35a29}.action-out{color:var(--blue-bright);background:#3b86e00f;border-color:#3b86e099}.action-out:hover{background:#3b86e024}.action-message{color:var(--muted);margin:-8px 0 0;font-size:14px}.share-fallback{border:1px solid var(--gold-dim);border-radius:var(--r);background:var(--panel-deep);resize:none;width:100%;padding:10px 12px;font-size:14px}.dev-reset{border:1px dashed var(--muted);border-radius:var(--r);color:var(--muted);background:0 0;align-self:flex-start;padding:6px 12px;font-size:14px}.dev-reset:hover{color:var(--cream);border-color:var(--cream)}.panel{gap:14px;display:grid}.panel h2{margin:0;font-size:22px;font-weight:700}.app[data-view=stats] .main{grid-column:2/-1}.stats-modes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.panel-note{color:var(--muted);margin:4px 0 0;font-size:15px}.stats-modes .panel{border:1px solid var(--gold-dim);border-radius:var(--r);background:#060a148c;padding:18px 20px 20px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.stats div{border:1px solid var(--gold-dim);border-radius:var(--r);gap:2px;padding:12px 14px;display:grid}.stats dt{color:var(--muted);font-size:14px}.stats dd{color:var(--gold-bright);margin:0;font-size:28px;font-weight:700;line-height:1}.solve-chart{gap:10px;margin:0;display:grid}.solve-chart figcaption{color:var(--muted);font-size:15px}.solve-chart ol{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:180px;margin:0;padding:0;list-style:none;display:grid}.solve-chart li{grid-template-rows:auto 1fr auto;place-items:end center;gap:4px;min-height:0;display:grid}.solve-chart .bar-count{color:var(--cream);font-size:15px;font-weight:600}.solve-chart .bar{border-radius:var(--r-sm) var(--r-sm) 0 0;background:linear-gradient(180deg, var(--gold-bright), var(--gold));align-self:end;width:100%;max-width:40px;min-height:2px}.solve-chart .bar-label{border-top:1px solid var(--gold-dim);text-align:center;width:100%;color:var(--muted);padding-top:4px;font-size:15px}.app[data-view=binder] .main{grid-column:2/-1}.binder{grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:12px;display:grid;container:binder/inline-size}.page-turn{border:1px solid var(--gold-dim);width:52px;height:52px;color:var(--gold-bright);background:linear-gradient(90deg,#c9a35a1f,#c9a35a0a);border-radius:50%;place-items:center;padding:0;display:grid}.page-turn:hover:not(:disabled){border-color:var(--gold);background:#c9a35a33}.page-turn:disabled{opacity:.25}.page-turn .icon{width:22px;height:22px}.spread{--gap:12px;--spine:34px;--pocket-w:min(calc((100cqi - 2 * 52px - 2 * 12px - var(--spine) - 4 * var(--gap) - 4 * 14px) / 6), max(calc(((100dvh - var(--bar-h) - 250px) / 3 - 48px) * 59 / 86), 120px), 200px);grid-template-columns:auto var(--spine) auto;perspective:1800px;justify-content:center;display:grid}.binder-page{background:linear-gradient(#ffffff0b,#ffffff04);gap:6px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #c9a35a33,inset 0 0 40px #0006}.binder-page:first-child{border-radius:var(--r-lg) 2px 2px var(--r-lg);transform-origin:100%}.binder-page:last-child{border-radius:2px var(--r-lg) var(--r-lg) 2px;transform-origin:0}.pockets{grid-template-columns:repeat(3, var(--pocket-w));gap:10px var(--gap);margin:0;padding:0;list-style:none;display:grid}.spine{background:linear-gradient(90deg,#0000008c,#141c30e6 50%,#0000008c);flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}.spine i{border-radius:var(--r);background:linear-gradient(#f3d78d,#a57f34);width:26px;height:12px;box-shadow:0 2px 4px #0009}.spread[data-turn=next] .binder-page:last-child{animation:.5s cubic-bezier(.2,.7,.2,1) both turn-next}.spread[data-turn=prev] .binder-page:first-child{animation:.5s cubic-bezier(.2,.7,.2,1) both turn-prev}@keyframes turn-next{0%{opacity:.3;transform:rotateY(-100deg)}}@keyframes turn-prev{0%{opacity:.3;transform:rotateY(100deg)}}.pocket{align-content:start;gap:4px;min-width:0;display:grid}.pocket-sleeve{width:var(--pocket-w);aspect-ratio:59/86;border-radius:var(--r);color:inherit;background:#04070e99;border:1px solid #ffffff1a;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.pocket-sleeve:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff24,#0000 32% 68%,#ffffff0f);position:absolute;inset:0}button.pocket-sleeve:hover{border-color:var(--gold)}.pocket-card{object-fit:cover;width:100%;height:100%;display:block}.pocket-frame{width:100%;height:100%;display:block;overflow:hidden}.pocket-frame>.pocket-shell{--card-w:var(--pocket-w);pointer-events:none}.pocket[data-status=lost] .pocket-card{filter:grayscale()contrast(1.15)brightness(1.2);opacity:.4}.pocket[data-status=lost] .pocket-sleeve{background:linear-gradient(135deg,#c9ced8,#6f7686 50%,#d9dde5)}.pocket[data-status=lost] .pocket-sleeve:after{mix-blend-mode:screen;background:repeating-linear-gradient(115deg,#ffffff38 0 2px,#0000 2px 9px),linear-gradient(125deg,#ffffff59,#0000 45%)}.pocket-number{z-index:2;color:#c3c9d5;text-shadow:0 0 2px #000,0 0 3px #000,0 0 5px #000,0 0 10px #070b16,0 0 18px #070b16;font-size:28px;font-weight:700;position:absolute}.pocket[data-status=future] .pocket-caption,.pocket[data-status=future] .pocket-number{opacity:.45}.pocket-countdown{font-variant-numeric:tabular-nums;color:var(--gold-bright)}.pocket[data-status=future]:has(.pocket-countdown) .pocket-caption{opacity:1}.pocket[data-status=future] .pocket-sleeve{background:0 0;border-style:dashed;border-color:#ffffff0f}.pocket-caption{white-space:nowrap;text-overflow:ellipsis;color:var(--cream);margin:0;font-size:14px;line-height:1.25;overflow:hidden}.pocket-caption .pocket-letters{color:var(--gold-bright)}.pocket-caption:has(.pocket-caption-number){text-overflow:clip;gap:6px;display:flex}.pocket-caption .pocket-date{text-overflow:ellipsis;min-width:0;overflow:hidden}.pocket-caption-number{color:#c3c9d5;flex:none;margin-left:auto;font-weight:700}.pocket-caption .pocket-late{color:var(--soft)}@container binder (width<=500px){.pocket:not(.sw-row)>.pocket-caption{min-height:2.5em}.pocket:not(.sw-row)>.pocket-caption:has(.pocket-caption-number){align-items:start}.pocket:not(.sw-row)>.pocket-caption .pocket-letters{display:block}}.pocket-unranked{color:var(--gold-bright);margin:0;font-size:12px;font-weight:600;line-height:1.25}@container binder (width>860px){.spread{grid-template-rows:repeat(3,auto);row-gap:10px}.spread>*,.pockets{grid-row:1/-1}.binder-page,.pockets{grid-template-rows:subgrid;row-gap:normal}}@container binder (width<=860px){.binder{grid-template-columns:1fr 1fr}.spread{--pocket-w:min(calc((100cqi - 2 * var(--gap) - 28px) / 3), 200px);grid-area:1/1/auto/-1;grid-template-columns:auto;gap:14px}.page-turn{justify-self:center}.spine{display:none}.binder-page:first-child,.binder-page:last-child{border-radius:var(--r-lg)}}.stage{top:calc(var(--bar-h) + 16px);height:calc(100dvh - var(--bar-h) - 32px);align-self:start;min-height:480px;padding:24px;position:sticky;overflow:hidden}.altar{place-items:center;height:100%;display:grid;position:relative;container-type:size}.altar:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a35a42,#c9a35a12 40%,#0000 65%);border-radius:50%;width:130cqmin;height:130cqmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle{pointer-events:none;background:repeating-conic-gradient(from 0deg, #c9a35a59 0 1deg, transparent 1deg 15deg), radial-gradient(circle, transparent 0 62%, #c9a35a80 62.3% 62.6%, transparent 63% 77%, #c9a35a59 77.3% 77.6%, transparent 78% 92%, #c9a35a80 92.3% 92.6%, transparent 93%);opacity:.75;border-radius:50%;width:110cqmin;height:110cqmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 0 61%,#000 62% 93%,#0000 94%);mask:radial-gradient(circle,#0000 0 61%,#000 62% 93%,#0000 94%)}.card,.card-image{--card-w:min(100cqw, calc(100cqh * 59 / 86));box-shadow:0 0 0 2px var(--gold-bright), 0 0 0 4px #c9a35a59, 0 0 46px #f3d78d73, 0 30px 60px #000000b3;position:relative}.card-image{width:var(--card-w);border-radius:calc(var(--card-w) * .035);height:auto;display:block}.card .ch-fresh{animation:.7s ease-out both glint;animation-delay:calc(var(--i,0) * 20ms)}@keyframes glint{0%{opacity:0;text-shadow:0 0 10px #ffe9b0;transform:translateY(-.15em)}50%{opacity:1;text-shadow:0 0 8px #ffe9b0}to{text-shadow:none;transform:none}}@media (width<=1180px){.app{grid-template-columns:minmax(0,1fr) minmax(300px,42%)}.app[data-view=binder] .main,.app[data-view=stats] .main{grid-column:1/-1}.stats-modes{grid-template-columns:minmax(0,1fr)}.side{flex-flow:wrap;grid-column:1/-1;align-items:center;gap:12px 22px;padding:12px 18px;position:static}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{font-size:26px}.brand-daily{font-size:12px}.nav{grid-auto-flow:column;margin-left:auto}.nav-item{border-bottom:2px solid #0000;border-left:0;padding:8px 10px;font-size:16px}.nav-item[aria-current=page]{border-bottom-color:var(--gold-bright);background:0 0}.mode{margin:0}.stage{height:auto;min-height:0;padding:22px 18px}.altar{height:auto;container-type:inline-size}.altar:before{width:130cqi;height:130cqi}.circle{width:110cqi;height:110cqi}.card,.card-image{--card-w:min(100cqi, calc((100dvh - var(--bar-h) - 150px) * 59 / 86))}}@media (width<=720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats div:nth-child(3):last-child{grid-column:1/-1}.stats dt{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.site-bar{gap:20px;padding:0 12px;position:static}.app{grid-template-columns:minmax(0,1fr);gap:12px;padding:10px}.side{gap:8px 14px}.brand-mark{font-size:22px}.brand-daily{display:none}.mode{margin-left:auto}.nav{flex-basis:100%;order:3;justify-content:start;margin-left:0}.stage{order:2;padding:16px 12px;position:static}.main{order:3}.card,.card-image{--card-w:min(100cqi, calc(44dvh * 59 / 86))}.main{padding:18px 14px 22px}.stats-modes{grid-template-columns:minmax(0,1fr)}.title{font-size:34px}.day{font-size:17px}.keys-row{gap:4px}.key{height:42px;font-size:16px}.key-wide{gap:3px;font-size:11px}.key-orb{width:14px;height:14px}.slot{width:28px;height:32px;font-size:16px}.slots{margin-left:0}.keys{gap:8px}.keys-extra{grid-template-rows:repeat(4,42px);grid-auto-columns:34px;padding-left:8px}.keys-extra .key{height:42px}.answer-submit{padding:0 18px}.spread{--gap:8px;--pocket-w:calc((100cqi - 2 * var(--gap) - 20px) / 3);grid-area:1/1/auto/-1}.binder{grid-template-columns:1fr 1fr}.page-turn{justify-self:center}.binder-page{padding:10px 10px 6px}.pocket-caption{font-size:12px}}@media (prefers-reduced-motion:reduce){.key:hover:not(:disabled){transform:none}.hint.is-new,.slot,.share-tile,.spread[data-turn] .binder-page{animation:none}}