.loading-screen{z-index:40;box-sizing:border-box;color:var(--ink,#123e59);background:linear-gradient(145deg,#8cddfa 0%,#61c1ed 42%,#63d1d9 72%,#ade29b 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.loading-screen-content{text-align:center;justify-items:center;gap:24px;max-width:100%;display:grid}.loading-screen-title{font:800 clamp(36px, 8vw, 52px)/1 var(--font-wordmark,"Arial Rounded MT Bold", Arial, sans-serif);letter-spacing:-.055em;margin:0}.loading-screen-symbols{gap:18px;display:flex}.loading-screen-symbols span{border-bottom:1px solid var(--rule,#123e5938);width:38px;height:42px;font:450 30px/1 var(--font-display,Arial, sans-serif);place-items:center;animation:1.4s ease-in-out infinite loading-screen-pulse;display:grid}.loading-screen-symbols span:nth-child(2){animation-delay:.18s}.loading-screen-symbols span:nth-child(3){animation-delay:.36s}.loading-screen-status{font:13px/1.6 var(--font-pixel,monospace);margin:0}.loading-screen-noscript{max-width:28em;font:13px/1.6 var(--font-body,Arial, sans-serif)}@keyframes loading-screen-pulse{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.loading-screen-symbols span{opacity:1;animation:none;transform:none}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DotGothic16;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dotgothic16-latin-400-normal-BYJEY5oh.woff2)format("woff2"),url(/assets/dotgothic16-latin-400-normal-cp5t3xa_.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--canvas:#69c7ee;--ink:#123e59;--muted:#3d6175;--white:#f8fdff;--accent:#086fae;--accent-hover:#075a91;--success:#326c20;--surface:#effaff;--card-surface:#e1f5ff;--sculpture-face:#68c7e5;--sculpture-side:#32a8ce;--sculpture-fragment:#b1e9bd;--line:#ffffff8c;--rule:#123e5938;--window:#effaffed;--font-display:"Archivo Variable", Arial, sans-serif;--font-body:"Archivo Variable", Arial, sans-serif;--font-pixel:"DotGothic16", monospace;--font-wordmark:"Nunito", "Arial Rounded MT Bold", Arial, sans-serif;color:var(--ink);background:var(--canvas);font:450 15px/1.5 var(--font-body);-webkit-text-stroke:.1px currentColor;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{min-width:280px;margin:0}button,select{font:inherit}button{touch-action:manipulation}:root{--cursor-rest:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8IS0tIFRoZSBjcnlzdGFsIHNoYXJkIHBvaW50ZXIsIGluIHRoZSBzY3VscHR1cmUncyBnbGFzcyBjb2xvcnMuIFRoZSBob3RzcG90IGlzIHRoZSB0aXAgYXQgKDQsIDMpLiAtLT4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2E4ZWNmYiIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4ZmUwZjQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyYjlmY2EiLz48L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cGF0aCBkPSJNNCAzTDcuNSAyNy41TDEyIDE3LjVMMjMuNSAxOC41WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjhmZGZmIiBzdHJva2Utd2lkdGg9IjMuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik00IDNMNy41IDI3LjVMMTIgMTcuNVoiIGZpbGw9InVybCgjYSkiLz4KICA8cGF0aCBkPSJNNCAzTDEyIDE3LjVMMjMuNSAxOC41WiIgZmlsbD0idXJsKCNiKSIvPgogIDxwYXRoIGQ9Ik00IDNMMTIgMTcuNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9Ii45Ii8+CiAgPHBhdGggZD0iTTQgM0w3LjUgMjcuNUwxMiAxNy41TDIzLjUgMTguNVoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzEyM2U1OSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) 4 3, auto;--cursor-hover:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3c!--%20Over%20something%20playable:%20brighter%20facets%20and%20a%20sparkle.%20The%20hotspot%20is%20the%20tip%20at%20(4,%203).%20--%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23ffffff'/%3e%3cstop%20offset='1'%20stop-color='%23c8fbe0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23a9f0f8'/%3e%3cstop%20offset='1'%20stop-color='%233fb8d8'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M4%203L7.5%2027.5L12%2017.5L23.5%2018.5Z'%20fill='none'%20stroke='%23f8fdff'%20stroke-width='3.4'%20stroke-linejoin='round'/%3e%3cpath%20d='M4%203L7.5%2027.5L12%2017.5Z'%20fill='url(%23a)'/%3e%3cpath%20d='M4%203L12%2017.5L23.5%2018.5Z'%20fill='url(%23b)'/%3e%3cpath%20d='M4%203L12%2017.5'%20stroke='%23fff'%20stroke-width='1'%20opacity='.9'/%3e%3cpath%20d='M4%203L7.5%2027.5L12%2017.5L23.5%2018.5Z'%20fill='none'%20stroke='%23123e59'%20stroke-width='1.3'%20stroke-linejoin='round'/%3e%3cpath%20d='M25%201.5L26.3%205.7L30.5%207L26.3%208.3L25%2012.5L23.7%208.3L19.5%207L23.7%205.7Z'%20fill='%23fff'%20stroke='%23123e59'%20stroke-width='.9'%20stroke-linejoin='round'/%3e%3c/svg%3e") 4 3, pointer;--cursor-blocked:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3c!--%20Over%20something%20blocked:%20frosted%20grey%20with%20a%20'not%20now'%20badge.%20The%20hotspot%20is%20the%20tip%20at%20(4,%203).%20--%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23f6f9fb'/%3e%3cstop%20offset='1'%20stop-color='%23d5e0e6'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23c2d0d8'/%3e%3cstop%20offset='1'%20stop-color='%238aa1ae'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M4%203L7.5%2027.5L12%2017.5L23.5%2018.5Z'%20fill='none'%20stroke='%23f8fdff'%20stroke-width='3.4'%20stroke-linejoin='round'/%3e%3cpath%20d='M4%203L7.5%2027.5L12%2017.5Z'%20fill='url(%23a)'/%3e%3cpath%20d='M4%203L12%2017.5L23.5%2018.5Z'%20fill='url(%23b)'/%3e%3cpath%20d='M4%203L12%2017.5'%20stroke='%23fff'%20stroke-width='1'%20opacity='.9'/%3e%3cpath%20d='M4%203L7.5%2027.5L12%2017.5L23.5%2018.5Z'%20fill='none'%20stroke='%23123e59'%20stroke-width='1.3'%20stroke-linejoin='round'/%3e%3ccircle%20cx='25'%20cy='25'%20r='5.4'%20fill='%23f8fdff'%20stroke='%23f8fdff'%20stroke-width='3'/%3e%3ccircle%20cx='25'%20cy='25'%20r='5.4'%20fill='%23f8fdff'%20stroke='%23123e59'%20stroke-width='1.4'/%3e%3cpath%20d='M21.4%2028.6L28.6%2021.4'%20stroke='%23123e59'%20stroke-width='1.4'/%3e%3c/svg%3e") 4 3, not-allowed;cursor:var(--cursor-rest)}button,a,summary,select,label{cursor:var(--cursor-hover)}button:disabled{cursor:var(--cursor-blocked)}a{color:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--ink);color:var(--white)}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:20;background:var(--white);opacity:0;pointer-events:none;padding:12px;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:none}.label{font:.8rem var(--font-pixel);letter-spacing:.025em}.backdrop{z-index:-1;pointer-events:none;background:linear-gradient(145deg,#8cddfa 0%,#61c1ed 42%,#63d1d9 72%,#ade29b 100%);position:fixed;inset:0;overflow:hidden}.backdrop:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.4;background-position:40px 40px;background-size:120px 120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#000,#000000a6 60%,#0000);mask-image:linear-gradient(100deg,#000,#000000a6 60%,#0000)}.backdrop:after{content:"＋ × − ÷";color:#f5fdff26;width:1100px;font:800 340px/.8 var(--font-display);letter-spacing:-.15em;overflow-wrap:anywhere;position:absolute;bottom:-110px;left:-140px;transform:rotate(-24deg)}.operator-sculpture{width:min(83vw,1200px);height:130vh;min-height:850px;position:absolute;top:-20vh;right:-15vw}.operator-canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.operator-sculpture[data-renderer=webgpu] .canvas-webgpu,.operator-sculpture[data-renderer=webgl] .canvas-webgl{opacity:1}.operator-sculpture[data-renderer=webgpu] .operator-fallback,.operator-sculpture[data-renderer=webgl] .operator-fallback{display:none}.operator-fallback{position:absolute;inset:0;transform:rotate(-13deg)}.operator-fallback span{clip-path:polygon(38% 0,62% 0,62% 38%,100% 38%,100% 62%,62% 62%,62% 100%,38% 100%,38% 62%,0 62%,0 38%,38% 38%);background:linear-gradient(135deg,#e8fcff,#55badc 30%,#a0e9e3 53%,#f8fdff 54%,#39a6c8 80%);width:65%;height:58%;position:absolute;top:0;left:0}.operator-fallback span+span{top:42%;left:24%;transform:rotate(45deg)}@keyframes enter-window{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cursor-trail{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.ability-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ability-row.is-single{grid-template-columns:minmax(0,1fr)}.ability-control{border:1px solid var(--rule);min-width:0;min-height:64px;color:var(--ink);text-align:left;background:0 0;border-radius:3px;align-content:start;gap:5px;margin:0;padding:8px;display:grid}.ability-title{font:11px/1.4 var(--font-pixel);flex-wrap:wrap;align-items:baseline;gap:3px 8px;margin:0;display:flex}.ability-state{color:var(--muted);font-size:10px}.ability-description{font:11px/1.4 var(--font-pixel);overflow-wrap:anywhere;margin:0}button.ability-control{cursor:var(--cursor-hover)}button.ability-control:hover:not(:disabled){border-color:var(--ink)}.ability-control.is-selected{border-color:var(--ink);background:var(--card-surface)}.ability-control.is-selected .ability-state{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.ability-control.is-used{color:var(--muted);border-style:dashed}button.ability-control:disabled{cursor:var(--cursor-blocked)}.app-shell{isolation:isolate;min-height:100svh;padding:40px 48px 24px;position:relative}.masthead,.stage,.club-nav,.corner-id,.terminal-line{z-index:1}.corner-id{font:15px/1.4 var(--font-pixel);color:var(--ink);align-items:center;gap:12px;display:flex;position:absolute;top:35px;left:48px}.corner-id small{letter-spacing:.04em;font-size:10px}.club-icon{border:1px solid var(--ink);width:43px;height:43px;font:200 36px/1 var(--font-display);place-items:center;display:grid;transform:rotate(-8deg)}.masthead{width:min(42vw,600px);padding-top:120px}.wordmark h1{width:fit-content;font:800 clamp(70px, 9.3vw, 160px)/.84 var(--font-wordmark);letter-spacing:-.045em;flex-direction:column;display:flex}.wordmark h1>span{color:var(--white);background:repeating-linear-gradient(130deg, var(--white) 0 1.15px, transparent 1.15px 3px);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.08em;display:block}.wordmark-period{-webkit-text-fill-color:var(--white)}.tagline{max-width:300px;font:13px/1.6 var(--font-pixel);color:var(--ink);margin-top:24px}.how-to{width:min(100%,360px);margin-top:20px;font-size:13px}.how-to summary{width:fit-content;min-height:32px;cursor:var(--cursor-hover);font-family:var(--font-pixel);text-underline-offset:4px;text-decoration:underline}.how-to[open]{background:var(--window);border:1px solid var(--white);padding:14px}.how-to p+p{margin-top:10px}.stage{flex-direction:column;gap:16px;width:min(46vw,650px);margin:0 0 0 auto;padding-bottom:40px;display:flex;position:relative}.view-today .masthead{padding:0;position:absolute;bottom:155px;left:48px}.view-today .stage{width:min(42vw,530px);min-height:65vh;padding:0}.club-nav{flex-wrap:wrap;align-items:center;gap:0;margin-top:36px;display:flex}.club-nav button{min-height:44px;color:var(--ink);border:0;border-left:1px solid var(--ink);font:400 clamp(23px, 3vw, 40px)/1 var(--font-display);text-transform:uppercase;cursor:var(--cursor-hover);background:0 0;padding:0 22px;font-stretch:125%}.club-nav button[aria-current=page]{text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:1px}.club-nav button:hover:not(:disabled){color:var(--white)}.club-nav button:disabled{opacity:.5}.nav-caption{font:11px var(--font-pixel);margin-left:24px}.view-today .club-nav{position:absolute;bottom:68px;left:48px;right:48px}.sound-toggle{font:inherit;color:inherit;cursor:var(--cursor-hover);text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sound-toggle[aria-pressed=false]{opacity:.7}@media (pointer:coarse){.sound-toggle{margin:-10px -8px;padding:10px 8px}}.terminal-line{border:1px solid var(--line);width:fit-content;font:10px var(--font-pixel);color:var(--ink);margin:20px 0 0 auto;padding:2px 6px}.view-today .terminal-line{margin:0;position:absolute;bottom:24px;right:48px}.panel{isolation:isolate;color:var(--ink);background:var(--window);border:1px solid var(--white);padding:22px;animation:.25s ease-out both enter-window;position:relative}.panel:after{content:"";z-index:-1;pointer-events:none;border:1px solid #ffffff80;position:absolute;inset:4px -5px -5px 4px}.panel-title{font:400 13px var(--font-pixel);letter-spacing:.03em}.window-heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.window-heading>span{font:10px var(--font-pixel)}.notice{font:13px var(--font-pixel)}.notice[role=alert]{border:1px solid var(--ink);background:#f7f3df;padding:12px}.start-game,.choose-puzzle,.refresh-game{border:1px solid var(--ink);min-height:42px;font:12px var(--font-pixel);text-align:center;cursor:var(--cursor-hover);border-radius:0;padding:9px 15px;transition:background .12s,color .12s}.start-game{color:var(--white);background:var(--accent);border-color:var(--accent)}.choose-puzzle,.refresh-game{color:var(--ink);background:0 0}.refresh-game{border-style:dashed}:is(.start-game,.choose-puzzle,.refresh-game):hover:not(:disabled){color:var(--white);background:var(--accent-hover)}:is(.start-game,.choose-puzzle,.refresh-game):disabled{opacity:.5;cursor:var(--cursor-blocked)}.action-row{flex-wrap:wrap;gap:10px;display:flex}.restart-confirm{background:var(--window);border:1px solid var(--ink);flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.restart-confirm p{flex:100%;font-size:13px}.today{gap:18px;display:grid}.today-meta{gap:8px;display:grid}.today-meta .board-title{font-size:23px;font-weight:450}.today-meta .label{max-width:310px;color:var(--muted);font-size:11px}.today-list{margin:0;padding:0;list-style:none}.today-list>li{border-top:1px solid var(--rule);grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:22px 0;display:grid}.daily-index{font:11px var(--font-pixel);align-self:start;padding-top:3px}.daily-copy{min-width:0}.daily-copy h3{font-size:17px;font-weight:500;line-height:1.2}.daily-copy p{font:10px/1.5 var(--font-pixel);color:var(--muted);margin-top:6px}.today-list .choose-puzzle{width:76px;min-height:40px;padding:6px;font-size:11px}.today-list .is-solved .daily-index{color:var(--success)}.today-list .is-solved .daily-index:after{content:" ✓"}.today-list .is-active .daily-index{color:var(--accent);text-decoration:underline}.today .action-row{border-top:1px solid var(--rule);padding-top:4px}.today .action-row>button{flex:1}.app-shell:not(.view-today){grid-template-columns:minmax(0,1fr) minmax(0,650px);align-items:start;column-gap:6vw;display:grid}.app-shell:not(.view-today) .masthead{grid-column:1;width:100%;padding-top:110px;position:sticky;top:80px}.app-shell:not(.view-today) .wordmark h1{font-size:clamp(56px,6.5vw,100px)}.app-shell:not(.view-today) .stage{grid-area:1/2/span 3;width:100%}.app-shell:not(.view-today) .club-nav{grid-column:1;margin-block:48px;position:sticky;top:520px}.app-shell:not(.view-today) .club-nav button{padding-inline:14px;font-size:22px}.app-shell:not(.view-today) .nav-caption{flex-basis:100%;margin:18px 0 0 14px}.app-shell:not(.view-today) .terminal-line{grid-column:1/-1;margin-top:24px}.board,.board-summary{gap:16px;display:grid}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.board-title{font-size:22px;font-weight:500;line-height:1.25}.chip{font:10px var(--font-pixel);border:1px solid var(--rule);padding:4px 8px}.board-status{color:var(--muted);font-size:13px;line-height:1.6}.readout{border-block:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-block:24px;display:grid}.readout-cell{gap:8px;display:grid}.readout-cell.is-target{text-align:right}.readout-value{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(50px,7vw,94px);font-weight:400;font-stretch:125%;line-height:1}.readout-arrow{font-size:32px;font-weight:200}.moves{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pips{gap:5px;display:flex}.pip{background:var(--ink);border:1px solid var(--ink);width:9px;height:9px}.pip.is-spent{background:0 0}.game-result{font:13px var(--font-pixel)}.result-stamp{font:13px var(--font-pixel);border:1px solid var(--ink);justify-self:start;padding:3px 9px}.board.is-won .result-stamp{color:var(--success);border-color:var(--success)}.result-stamp.is-lost{border-style:dashed}.charm-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.charm{border-left:2px solid var(--ink);padding-left:12px}.charm h2{font:13px var(--font-pixel);margin-bottom:6px}.charm p,.charm-rule{font-size:12px;line-height:1.6}.charm.is-used{color:var(--muted);border-left-style:dotted}.charm-rule{border-left:1px solid var(--ink);padding-left:10px}.puzzle-picker{gap:6px;display:grid}.puzzle-picker select{border:1px solid var(--rule);color:var(--ink);background:var(--surface);border-radius:0;width:100%;min-width:0;padding:10px}.last-move{background:var(--window);font:12px/1.6 var(--font-pixel);padding:8px 12px}.journey-panel summary,.route-collection summary{cursor:var(--cursor-hover);min-height:32px;font:12px/1.6 var(--font-pixel)}.journey ol,.saved-routes ol{font:12px/1.7 var(--font-pixel);padding-left:20px}.journey li+li{margin-top:8px}.route-collection{gap:12px;display:grid}.route-meter{flex-wrap:wrap;gap:4px;display:flex}.route-meter span{border:1px solid var(--ink);width:16px;height:5px}.route-meter span.is-found{background:var(--success)}.route-discovery{font:13px var(--font-pixel)}.collection-badge{border:1px solid var(--ink);width:fit-content;font:12px var(--font-pixel);padding:5px 10px}.saved-routes{margin:0;padding-left:20px}.saved-routes>li{margin-top:12px}@media (width<=1000px){.app-shell{padding:30px 28px 24px}.corner-id{top:25px;left:28px}.view-today .masthead{left:28px}.view-today .stage{width:48vw}.view-today .club-nav{left:28px;right:28px}.view-today .terminal-line{right:28px}.nav-caption{display:none}.today-list>li{grid-template-columns:22px 1fr auto;gap:10px}.daily-copy h3{font-size:15px}.app-shell:not(.view-today){grid-template-columns:minmax(0,.65fr) minmax(0,1fr);column-gap:28px}}@media (width<=720px){.app-shell,.app-shell:not(.view-today){flex-direction:column;padding:22px 20px;display:flex}.corner-id{margin-bottom:36px;font-size:12px;position:static}.corner-id small{font-size:9px}.club-icon{width:34px;height:34px;font-size:28px}.masthead,.view-today .masthead,.app-shell:not(.view-today) .masthead{width:100%;padding:0;position:static}.wordmark h1,.app-shell:not(.view-today) .wordmark h1{font-size:clamp(62px,18vw,112px)}.tagline{max-width:280px;margin-top:16px;font-size:12px}.how-to{margin-top:10px}.stage,.view-today .stage,.app-shell:not(.view-today) .stage{width:100%;min-height:0;margin:24px 0 0;padding:0}.panel{padding:18px}.view-today .club-nav,.app-shell:not(.view-today) .club-nav,.club-nav{margin:32px 0 18px;position:static}.club-nav button,.app-shell:not(.view-today) .club-nav button{padding-inline:16px;font-size:25px}.view-today .terminal-line,.app-shell:not(.view-today) .terminal-line{margin:10px 0 0 auto;font-size:9px;position:static}.operator-sculpture{opacity:.7;width:140vw;height:90vh;min-height:650px;top:-12vh;right:-65vw}.backdrop:before{background-size:80px 80px}.daily-copy h3{font-size:16px}.today-list>li{grid-template-columns:26px 1fr auto;padding-block:20px}.today-meta .board-title{font-size:22px}.readout-value{font-size:clamp(44px,16vw,88px)}.action-row>*{flex:auto}}@media (width<=359px){.app-shell,.app-shell:not(.view-today){padding-inline:14px}.panel{padding:14px}.today-list>li{grid-template-columns:1fr auto}.daily-index{display:none}}@media (width>=721px){.view-today{min-height:max(760px,100svh)}.view-today .how-to{position:relative}.view-today .how-to[open]{background:0 0;border:0;padding:0}.view-today .how-to[open] .how-to-copy{background:var(--surface);border:1px solid var(--ink);z-index:3;width:100%;padding:18px;position:absolute;bottom:42px;left:0}}@media (width<=720px){.app-shell:not(.view-today) .corner-id{display:none}.app-shell:not(.view-today) .masthead{justify-content:space-between;align-items:center;gap:14px;display:flex}.app-shell:not(.view-today) .wordmark h1{letter-spacing:-.06em;flex-direction:row;gap:0;font-size:25px;line-height:1}.app-shell:not(.view-today) .wordmark h1>span{-webkit-text-fill-color:var(--ink);background:0 0}.app-shell:not(.view-today) .wordmark-period{-webkit-text-fill-color:var(--ink)}.app-shell:not(.view-today) .tagline{display:none}.app-shell:not(.view-today) .how-to{width:auto;margin:0}.app-shell:not(.view-today) .how-to summary{white-space:nowrap;align-items:center;min-height:36px;display:flex}.app-shell:not(.view-today) .how-to[open]{z-index:5;background:var(--surface);width:min(320px,100% - 40px);position:absolute;top:18px;right:20px}.how-to-copy{padding-top:10px}.app-shell.is-playing{padding:12px 14px 20px}.app-shell.is-playing .masthead{z-index:6;position:relative;top:auto}.app-shell.is-playing .stage{gap:12px;margin-top:12px}.app-shell.is-playing .board{top:max(8px, env(safe-area-inset-top));z-index:5;background:var(--surface);gap:8px;padding:12px 14px;position:sticky}.is-playing .board-title{font-size:16px}.is-playing .board-head{gap:6px}.is-playing .chip{padding:3px 6px;font-size:9px}.is-playing .board-summary{gap:8px}.is-playing .board-summary.is-quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-playing .board-status{font-size:11px}.is-playing .readout{gap:10px;padding-block:8px}.is-playing .readout-cell{gap:3px;min-width:0}.is-playing .readout .label{font-size:10px}.is-playing .readout-value{font-size:clamp(28px,9vw,40px)}.is-playing .readout-arrow{font-size:22px}.is-playing .moves{gap:8px}.is-playing .moves .label{font-size:10px}.is-playing .pips{gap:4px}.is-playing .pip{width:8px;height:8px}.is-playing .operation-card{scroll-margin-top:var(--objective-clearance,240px);scroll-margin-bottom:12px}}.hand{padding-top:18px;padding-bottom:14px}.hand-heading{margin-bottom:0}.hand .panel-title{margin:0}.operation-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin:0;padding:24px 4px 8px;list-style:none;display:grid}.operation-list.hand-size-4{grid-template-columns:repeat(4,minmax(0,1fr))}.operation-list.hand-size-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card-slot{--slot:0;min-width:0;animation:.34s cubic-bezier(.2,.7,.3,1) backwards card-deal;animation-delay:calc(var(--slot) * 45ms);flex-direction:column;align-items:center;display:flex;position:relative}.card-slot:nth-child(2){--slot:1}.card-slot:nth-child(3){--slot:2}.card-slot:nth-child(4){--slot:3}.card-slot:nth-child(5){--slot:4}.card-slot:nth-child(6){--slot:5}.card-slot:hover,.card-slot:focus-within{z-index:3}.operation-card{--card-tint:#dbf1ff;--card-hover:#eaf7ff;--card-edge:#77a6bf;aspect-ratio:.7;border:1px solid var(--card-edge);background:var(--card-tint);width:100%;max-width:154px;min-height:154px;color:var(--ink);text-align:center;font:11px/1.4 var(--font-pixel);cursor:var(--cursor-hover);transform:translateY(var(--card-drop,0px)) rotate(var(--card-angle,0deg));transform-origin:50% 105%;border-radius:6px;flex-direction:column;justify-content:flex-end;padding:12px;transition:transform .18s cubic-bezier(.2,.7,.3,1),background .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:3px 3px #f8fdff99}.operation-card.card-subtract{--card-tint:#e1eaff;--card-hover:#eef2ff;--card-edge:#8c9fc2}.operation-card.card-multiply{--card-tint:#e1f2d6;--card-hover:#edf8e6;--card-edge:#8cad7a}.operation-card.card-divide{--card-tint:#d5f3ec;--card-hover:#e7faf4;--card-edge:#77aca3}.card-art{pointer-events:none;place-items:center;display:grid;position:absolute;inset:12px 6px 44px}.card-art:before{content:attr(data-glyph);content:attr(data-glyph) / "";font:450 clamp(32px,3.4vw,48px)/1 var(--font-display);letter-spacing:-.04em}.card-label{border-top:1px solid var(--rule);place-items:center;width:100%;min-height:2.8em;padding-top:8px;display:grid;position:relative}.operation-card.has-echo:after{content:"echo";content:"echo" / "";font:9px var(--font-pixel);color:var(--muted);position:absolute;top:8px;right:10px}.operation-card.is-preview{cursor:var(--cursor-rest)}.operation-card.is-used{opacity:.48;box-shadow:none;border-style:dashed;animation:.28s ease-out card-spent}.operation-card.is-used .card-label{text-decoration:line-through}.operation-card.is-blocked{color:var(--muted);border-style:dotted}.operation-card.is-reversed{border-color:var(--ink)}.operation-card.is-ineligible{opacity:.55}button.operation-card:disabled{cursor:var(--cursor-blocked)}.operation-card.is-face-down{cursor:var(--cursor-rest)}.operation-card.is-face-down:before{content:"＋";content:"＋" / "";font:300 30px/1 var(--font-display);color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.operation-card.is-face-down:after{content:"";border:1px solid var(--rule);border-radius:3px;position:absolute;inset:10px}.hand-note{font:11px/1.4 var(--font-pixel);color:var(--muted);text-align:center;margin:8px 0 0}.hand.is-finished .operation-card:not(.is-used){opacity:.65}.card-details{flex-direction:column;gap:7px;width:100%;max-width:154px;min-height:68px;padding-top:16px;display:flex}.operation-list:not(.reserve-notes) .card-details{min-height:0;padding-top:0}.card-note{font:10px/1.4 var(--font-pixel);color:var(--ink)}.card-note.is-blocked{color:var(--muted)}.card-slot:focus-within button.operation-card:not(:disabled){border-color:var(--ink);background:var(--card-hover);transform:translateY(-8px)rotate(0);box-shadow:3px 5px #f8fdffa6}@media (hover:hover) and (pointer:fine){button.operation-card:hover:not(:disabled),.operation-card.is-face-down:hover{border-color:var(--ink);background:var(--card-hover);transform:translateY(-8px)rotate(0);box-shadow:3px 5px #f8fdffa6}}button.operation-card:active:not(:disabled){transform:translateY(1px)rotate(0)scale(.98)}@keyframes card-deal{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-spent{0%{opacity:.8;transform:translateY(calc(var(--card-drop,0px) - 5px)) rotate(var(--card-angle,0deg))}to{opacity:.48;transform:translateY(var(--card-drop,0px)) rotate(var(--card-angle,0deg))}}@media (prefers-reduced-motion:reduce){.card-slot,.operation-card{transition:none;animation:none}}@media (width>=1100px){.operation-list{--hand-count:6;--hand-center:2.5;--overlap:10px;justify-content:center;gap:0;padding-top:28px;padding-bottom:12px;display:flex}.operation-list.hand-size-1{--hand-count:1;--hand-center:0}.operation-list.hand-size-2{--hand-count:2;--hand-center:.5}.operation-list.hand-size-3{--hand-count:3;--hand-center:1}.operation-list.hand-size-4{--hand-count:4;--hand-center:1.5}.operation-list.hand-size-5{--hand-count:5;--hand-center:2}.operation-list>.card-slot{--distance:calc(var(--slot) - var(--hand-center));--card-angle:calc(var(--distance) * 1.5deg);--card-drop:calc(var(--distance) * var(--distance) * 1px);flex:0 1 calc((100% + (var(--hand-count) - 1) * var(--overlap)) / var(--hand-count));max-width:146px}.operation-list>.card-slot+.card-slot{margin-left:calc(-1 * var(--overlap))}.card-details{padding:20px 5px 0}}@media (width<=720px){.operation-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;padding:18px 0 0}.operation-card{min-height:138px;padding:8px;font-size:10px}.card-art{inset:12px 4px 42px}.card-art:before{font-size:34px}.operation-card.has-echo:after{font-size:8px;top:6px;right:7px}.card-details{min-height:62px;padding-top:10px}.operation-list.hand-size-4 .operation-card{min-height:124px}.operation-list.hand-size-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=359px){.operation-list,.operation-list.hand-size-4,.operation-list.hand-size-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell.is-playing .hand{padding-top:12px;padding-bottom:12px}.app-shell.is-playing .operation-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:12px 0 0}.app-shell.is-playing .operation-card{aspect-ratio:auto;height:104px;min-height:104px;padding:8px}.app-shell.is-playing .card-art{inset:8px 4px 37px}.app-shell.is-playing .card-art:before{font-size:32px}.app-shell.is-playing .card-label{padding-top:4px}.app-shell.is-playing .card-details{gap:6px;min-height:0;padding-top:6px}.app-shell.is-playing .card-details:empty{display:none}.app-shell.is-playing .reserve-notes .card-slot.has-addition{min-height:140px}.app-shell.is-playing .reserve-notes .card-slot.has-division{min-height:138px}}@media (width<=339px){.app-shell.is-playing .operation-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
