.qy-stage{container:qy/inline-size}@media (width>=1024px) and (orientation:landscape){.qy-stage{container-type:size}}.qy-grid{--cell:min(calc(100cqw / 15.5), 52px, calc((100dvh - 356px - var(--qy-coach)) / 15.5));--qy-coach:0px;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;display:flex}.qy-grid.qy-coached{--qy-coach:80px}@container qy (height>=1px){.qy-grid{--cell:min(calc(100cqw / 15.5), calc((100cqh - 64px - var(--qy-coach)) / 15.5), 56px);justify-content:center}}.qy-view{--cz:calc(var(--cell) * var(--z,1));width:calc(var(--cell) * 15.5);height:calc(var(--cell) * 15.5);border-radius:calc(var(--cell) * .35);touch-action:manipulation;flex:none;position:relative;overflow:hidden}.qy-view[data-zoomed]{overscroll-behavior:contain;scrollbar-width:none;overflow:auto}.qy-board{width:calc(var(--cz) * 15.5);height:calc(var(--cz) * 15.5);border-radius:calc(var(--cz) * .35);box-shadow:inset 0 1px 0 oklch(100% 0 0/.18), inset 0 -2px 3px oklch(0% 0 0/.35), 0 calc(var(--cell) * .25) calc(var(--cell) * .6) oklch(8% .02 50/.55);background:repeating-linear-gradient(92deg,oklch(100% 0 0/.035) 0 2px,#0000 2px 7px,oklch(0% 0 0/.05) 7px 8px,#0000 8px 13px),linear-gradient(oklch(40% .06 52),oklch(28% .045 48));position:relative}.qy-view[data-zoomed] .qy-board{transform-origin:var(--zx,50%) var(--zy,50%);animation:.28s cubic-bezier(.2,.8,.2,1) qy-zoom}@keyframes qy-zoom{0%{transform:scale(.5)}}.qy-paper{inset:calc(var(--cz) * .25);grid-template-columns:repeat(15, var(--cz));grid-template-rows:repeat(15, var(--cz));background:linear-gradient(to right, oklch(45% .07 60/.4) 1px, transparent 1px) 0 0 / var(--cz) var(--cz), linear-gradient(to bottom, oklch(45% .07 60/.4) 1px, transparent 1px) 0 0 / var(--cz) var(--cz), repeating-linear-gradient(0deg, oklch(60% .04 70/.07) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, oklch(60% .04 70/.08) 0 1px, transparent 1px calc(var(--cz) * 1.7)), radial-gradient(ellipse at 50% 45%, oklch(95% .03 88), oklch(90% .04 82) 70%, oklch(84% .05 75));color:oklch(28% .04 50);display:grid;position:absolute;box-shadow:0 0 0 1px oklch(45% .07 60/.5),0 1px 2px oklch(10% .02 50/.5)}.qy-sq{-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative}.qy-tip{position:relative}.qy-tip>.qy-sq{width:100%;height:100%}.qy-sq:focus-visible{outline-offset:-2px;z-index:3;outline:2px solid oklch(47% .1 70)}.qy-sq.lesson-taught{outline:3px solid var(--brass);outline-offset:-3px;z-index:2;translate:none}.qy-sq.lesson-dim{opacity:1;cursor:default;background:oklch(25% .03 60/.16)}.qy-paper:focus-within .qy-sq[data-cursor]:after{content:"";pointer-events:none;border:2px solid oklch(47% .1 70/.8);border-radius:12%;position:absolute;inset:12%}.qy-paper:focus-within .qy-sq[data-cursor][data-down]:before,.qy-paper:focus-within .qy-sq[data-cursor]:not([data-down]):before{z-index:2;font-size:calc(var(--cz) * .34);color:oklch(47% .1 70);pointer-events:none;line-height:1;position:absolute}.qy-paper:focus-within .qy-sq[data-cursor]:not([data-down]):before{content:"▸";top:calc(50% - .5em);right:-.15em}.qy-paper:focus-within .qy-sq[data-cursor][data-down]:before{content:"▾";bottom:-.2em;left:calc(50% - .3em)}.qy-stamp{background:radial-gradient(circle at 30% 25%, oklch(100% 0 0/.18), transparent 45%), radial-gradient(circle at 70% 80%, oklch(0% 0 0/.08), transparent 50%), var(--wash);box-shadow:inset 0 0 0 1px var(--wash-edge);font-family:var(--font-sans);color:var(--stamp-ink);pointer-events:none;border-radius:8%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:7%}.qy-stamp-T{--wash:oklch(58% .12 28/.42);--wash-edge:oklch(45% .12 28/.45);--stamp-ink:oklch(33% .1 28)}.qy-stamp-D{--wash:oklch(66% .08 65/.42);--wash-edge:oklch(48% .08 60/.45);--stamp-ink:oklch(33% .06 55)}.qy-stamp-t{--wash:oklch(62% .08 178/.4);--wash-edge:oklch(45% .07 178/.45);--stamp-ink:oklch(30% .06 185)}.qy-stamp-d{--wash:oklch(52% .03 260/.28);--wash-edge:oklch(38% .03 260/.4);--stamp-ink:oklch(28% .03 260)}.qy-stamp b{font-weight:700;font-size:calc(var(--cz) * .3)}.qy-stamp small{font-size:calc(var(--cz) * .17);font-variant:small-caps;letter-spacing:.02em;margin-top:.1em;display:none}.qy-stamp svg{opacity:.7;width:22%;height:22%;display:none;position:absolute;top:6%;right:6%}.qy-big .qy-stamp small,.qy-big .qy-stamp svg{display:block}.qy-rose{color:oklch(40% .08 55/.75);pointer-events:none;position:absolute;inset:10%}.qy-tile{--t:var(--cz);box-shadow:inset 0 1px 0 oklch(100% 0 0/.75), inset 0 calc(var(--t) * -.06) 0 oklch(72% .05 70), 0 calc(var(--t) * .04) calc(var(--t) * .04) oklch(15% .03 50/.5), 0 calc(var(--t) * .08) calc(var(--t) * .14) oklch(15% .03 50/.25);color:oklch(25% .04 48);pointer-events:none;background:repeating-linear-gradient(102deg,oklch(100% 0 0/.06) 0 1px,#0000 1px 4px,oklch(40% .04 60/.05) 4px 5px,#0000 5px 9px),linear-gradient(160deg,oklch(95% .028 86),oklch(86% .045 78));border-radius:12%;display:block;position:absolute;inset:4%}.qy-tile-l{font-family:var(--font-display);font-weight:800;font-size:calc(var(--t) * .6);text-shadow:0 1px oklch(100% 0 0/.55),0 -.5px oklch(0% 0 0/.25);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0 0 6%}.qy-tile-v{font-family:var(--font-sans);font-weight:700;font-size:calc(var(--t) * .22);line-height:1;position:absolute;bottom:5%;right:9%}.qy-tile[data-blank] .qy-tile-l{color:oklch(45% .12 28)}.qy-tile[data-mine]{box-shadow:inset 0 1px 0 oklch(100% 0 0/.75), inset 0 calc(var(--t) * -.06) 0 oklch(72% .05 70), 0 0 0 2px oklch(72% .13 80), 0 calc(var(--t) * .12) calc(var(--t) * .18) oklch(15% .03 50/.35);transform:translateY(-1px)}.qy-sq[data-refused]:after{content:"";background:var(--ember);pointer-events:none;border-radius:1px;height:2px;position:absolute;bottom:3%;left:6%;right:6%}.qy-warm{pointer-events:none;background:oklch(85% .1 75/.45);position:absolute;inset:0}.qy-deco{display:none}@container qy (height>=1px) and (aspect-ratio>=3/2){.qy-deco{right:calc(var(--cell) * -3.6);top:var(--cell);width:calc(var(--cell) * 3);height:calc(var(--cell) * 6);pointer-events:none;display:block;position:absolute}}.qy-points{z-index:4;font-family:var(--font-display);font-weight:800;font-size:calc(var(--cz) * .7);color:oklch(30% .06 45);text-shadow:0 1px oklch(95% .03 85/.8);pointer-events:none;white-space:nowrap;position:absolute}.qy-near{container:qyn/inline-size}.qy-mine{flex-direction:column;align-items:center;gap:8px;display:flex}.qy-rackrow{--rt:min(60px, calc(100cqw / 7.6));justify-content:center;width:100%;display:flex}.qy-buttons{justify-content:center;align-items:center;gap:6px;width:100%;max-width:34rem;display:flex}@container qyn (width>=680px){.qy-mine{flex-direction:row;justify-content:center;gap:20px}.qy-rackrow{--rt:56px;width:auto}.qy-buttons{grid-template-columns:repeat(2,minmax(7rem,auto));width:auto;display:grid}}.qy-rack{gap:calc(var(--rt) * .06);padding:calc(var(--rt) * .06) calc(var(--rt) * .1) calc(var(--rt) * .26);perspective:600px;min-height:calc(var(--rt) * 1.32);display:flex;position:relative}.qy-rack:before{content:"";height:calc(var(--rt) * .42);border-radius:calc(var(--rt) * .1) calc(var(--rt) * .1) calc(var(--rt) * .16) calc(var(--rt) * .16);background:repeating-linear-gradient(91deg,oklch(100% 0 0/.04) 0 2px,#0000 2px 6px,oklch(0% 0 0/.06) 6px 7px,#0000 7px 12px),linear-gradient(oklch(46% .065 52),oklch(30% .05 48));position:absolute;inset:auto 0 0;box-shadow:inset 0 1px oklch(100% 0 0/.25),0 6px 12px -4px oklch(8% .02 50/.6)}.qy-rt{width:var(--rt);height:var(--rt);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:12%;flex:none;position:relative}.qy-rt .qy-tile{--t:var(--rt);transform-origin:50% 100%;transition:transform var(--dur-fast) var(--ease-out);inset:0;transform:rotateX(10deg)}.qy-rt[aria-pressed=true] .qy-tile{transform:translateY(calc(var(--rt) * -.18)) rotateX(0deg);box-shadow:inset 0 1px 0 oklch(100% 0 0/.75), inset 0 calc(var(--t) * -.06) 0 oklch(72% .05 70), 0 0 0 2px oklch(78% .13 80), 0 calc(var(--t) * .22) calc(var(--t) * .22) oklch(8% .02 50/.45)}.qy-rt[data-marked] .qy-tile{transform:translateY(calc(var(--rt) * .12)) rotateX(24deg);filter:brightness(.78)saturate(.8)}.qy-rt:focus-visible{outline:3px solid var(--brass);outline-offset:2px}@media (hover:hover){.qy-rt:hover .qy-tile{transform:translateY(-3px)rotateX(6deg)}}.qy-drag{z-index:60;width:var(--dt);height:var(--dt);pointer-events:none;position:fixed;transform:translate(-50%,-60%)rotate(-3deg)}.qy-drag .qy-tile{--t:var(--dt);box-shadow:inset 0 1px 0 oklch(100% 0 0/.75), inset 0 calc(var(--t) * -.06) 0 oklch(72% .05 70), 0 calc(var(--t) * .35) calc(var(--t) * .35) oklch(8% .02 50/.4);inset:0}.qy-bag{align-items:center;gap:6px;display:inline-flex}.qy-pick .qy-tile{--t:48px;inset:0}