.xp-desk{grid-column:1/-1;min-height:max(680px,100vh - 140px);position:relative}.xp-icons{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:0;right:0}.xp-win{left:var(--x);top:var(--y);width:var(--w);max-width:calc(100% - 120px);position:absolute}.xp-win .tb{cursor:grab;touch-action:none}.xp-win.is-dragging{box-shadow:inset 1px 1px 0 var(--color-bevel-light), inset -1px -1px 0 var(--color-bevel-dark), 5px 5px 0 #2a1f454d}.xp-win.is-dragging .tb{cursor:grabbing}.xp-win:not(.is-front) .stripes{opacity:.45}.xp-pane{padding:16px 18px 18px}.xp-readme p{margin:0 0 10px}.xp-readme-lead{color:var(--color-plum);font-size:19px;font-weight:600}.xp-hint{color:var(--color-meta);font-size:16px}.xp-empty{color:var(--color-muted-foreground);margin:0}.xp-list{margin:0;padding:0;list-style:none}.xp-list li{border-top:1px solid var(--color-pane-highlight);grid-template-columns:90px minmax(0,1fr);gap:2px 12px;padding:10px 0;display:grid}.xp-kind{color:var(--color-meta);grid-row:span 3;font-size:16px}.xp-name{color:var(--color-plum);font-weight:700}.xp-desc{font-size:15.5px}.xp-meta{color:var(--color-meta);font-size:14px}.xp-more{border-top:1px solid var(--color-pane-highlight);margin:12px 0 0;padding-top:10px}.g-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.g-lcd{text-align:center;background:var(--color-bevel-light);border:1px solid var(--color-pane-border);min-width:70px;box-shadow:inset 1px 1px 0 var(--color-bevel-dark);font-variant-numeric:tabular-nums;padding:4px 8px;font-size:16px}.g-btn{min-height:32px;padding:0 12px;font-size:15px}.g-btn[aria-pressed=true]{background:var(--color-plum);color:#fff}.g-msg{min-height:1.3em;color:var(--color-plum);margin:10px 0 0;font-size:16px}.slide-board{aspect-ratio:1;background:var(--color-lavender-50);border:1px solid var(--color-outline);width:100%;box-shadow:inset 1px 1px 0 var(--color-bevel-dark);position:relative;overflow:hidden}.slide-tile{border:1px solid var(--color-outline);background-image:var(--img);cursor:pointer;width:25%;height:25%;transition:transform .26s var(--ease-calm), border-color .4s var(--ease-calm);background-size:400% 400%;padding:0;position:absolute;top:0;left:0;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #2a1f4540}.slide-tile span{color:var(--color-plum);transition:opacity .4s var(--ease-calm);background:#fffc;padding:1px 3px;font-size:16px;line-height:1;position:absolute;top:3px;left:4px}.slide-board.is-solved .slide-tile{box-shadow:none;border-color:#0000}.slide-board.is-solved .slide-tile span{opacity:0}.mines-board{border:1px solid var(--color-outline);box-shadow:inset 1px 1px 0 var(--color-bevel-dark);background:var(--color-pane-highlight);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.mine-cell{aspect-ratio:1;border:1px solid var(--color-box-shadow);background:linear-gradient(135deg, var(--color-bevel-light), var(--color-box-end));box-shadow:inset -1px -1px 0 var(--color-box-shadow);font-family:var(--font-pixel);cursor:pointer;padding:0;font-size:16px;font-weight:700;line-height:1;position:relative}.mine-cell.is-open{background:var(--color-bevel-light);border-color:var(--color-pane-highlight);box-shadow:none;cursor:default}.mine-cell.is-flag:after,.mine-cell.is-mine:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:22%}.mine-cell.is-flag:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 2 V14' stroke='%2332146B' stroke-width='1.6'/%3E%3Cpath d='M5.8 2.5 L13 5.5 L5.8 8.5 Z' fill='%23FFB59E' stroke='%2332146B' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E")}.mine-cell.is-mine:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5' fill='%23FF9F86' stroke='%2332146B' stroke-width='1.6'/%3E%3C/svg%3E")}.mine-cell.is-hit{background:var(--color-peach)}.mines-board.is-won .mine-cell.is-open{background:var(--color-lavender-50)}.match-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.match-card{aspect-ratio:1;perspective:600px;cursor:pointer;background:0 0;border:0;padding:0}.match-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s var(--ease-calm);display:block;position:relative}.match-card.is-up .match-inner{transform:rotateY(180deg)}.match-back,.match-front{border:1px solid var(--color-outline);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.match-back{background-color:var(--color-lavender);background-image:radial-gradient(var(--color-lavender-200) 1px, transparent 1.4px);background-size:6px 6px;box-shadow:inset 1px 1px #fff9,inset -1px -1px #2a1f454d}.match-front{background:var(--color-bevel-light);transform:rotateY(180deg)}.match-card.is-done .match-front{background:var(--color-lavender-50)}.match-front svg{width:70%;height:70%}@media (width<=899px){.xp-desk{flex-direction:column;gap:16px;min-height:0;display:flex}.xp-icons{flex-flow:wrap;justify-content:center;gap:4px 6px;position:static}.xp-win{width:100%;max-width:none;scroll-margin-top:56px;position:relative;top:auto;left:auto;z-index:auto!important}.xp-win .tb{cursor:default}.xp-win:not(.is-front) .stripes{opacity:1}}