.mk-game{--mk-header-h: 61px;--mk-sticky-h: 150px}.mk-layout{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "sticky" "board" "tools"}.mk-area-head{grid-area:head;min-width:0}.mk-area-board{grid-area:board;min-width:0;position:relative}.mk-area-tools{grid-area:tools;min-width:0}.mk-area-sticky{grid-area:sticky;min-width:0;position:sticky;top:var(--mk-header-h);z-index:15;margin:0 -16px;padding:6px 16px 8px;background:#1a2418;border-bottom:1px solid rgba(232,212,168,.12);box-shadow:0 8px 14px -10px #000000b3}.mk-area-sticky.mk-skeleton-static{position:static;box-shadow:none;border-bottom-color:transparent}@media (min-width: 1024px){.mk-game{--mk-board-size: min(620px, max(400px, calc(100vh - 310px) ))}.mk-layout{-moz-column-gap:24px;column-gap:24px;row-gap:14px;align-items:start;grid-template-columns:var(--mk-board-size) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"board head" "board sticky" "board tools" "board ."}.mk-area-sticky{position:static;margin:0;padding:0;background:none;border:0;box-shadow:none}}.mk-chips{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px 2px 2px;margin:-4px -2px 0}.mk-chips::-webkit-scrollbar{display:none}@media (min-width: 1024px){.mk-chips{flex-wrap:wrap;overflow:visible;row-gap:12px;margin:0;padding:8px 0 0}}.mk-chip{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:62px;max-width:92px;min-height:48px;padding:4px 6px 3px;border:1px solid #2f3d2b;border-radius:8px;background:#1f2a1d;color:#c9b589;transition:border-color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.mk-chip:hover{border-color:#e0af5b80}.mk-chip.is-active{border-color:#e0af5b;background:#22301f;color:#e8d4a8;box-shadow:0 0 0 1px #e0af5b inset}.mk-chip.is-placed:not(.is-active){opacity:.62}.mk-chip.is-placed .mk-chip-token:after{content:"✓";position:absolute;left:-5px;top:-4px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#7a9b6e;color:#1a2418;font-size:9px;font-weight:900;line-height:1}.mk-chip.is-returned{animation:mk-chip-returned .5s ease-in-out 3}@keyframes mk-chip-returned{0%,to{box-shadow:0 0 #e0af5b00}50%{box-shadow:0 0 0 3px #e0af5bbf}}.mk-chip-token{position:relative;display:block;width:26px;height:26px}.mk-chip-token img,.mk-clue-token img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mk-chip-token em,.mk-clue-token em{position:absolute;right:-6px;bottom:-3px;display:grid;place-items:center;min-width:14px;height:14px;border:1px solid #1a2418;border-radius:2px;background:#e0af5b;color:#1a2418;font-size:9px;font-style:normal;font-weight:800;line-height:1}.mk-chip-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}.mk-start-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);white-space:nowrap;border-radius:2px;background:#e0af5b;padding:0 5px;color:#1a2418;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.04em;line-height:14px;text-transform:uppercase}.mk-clue{display:flex;align-items:flex-start;gap:10px;margin-top:6px}.mk-clue-token{position:relative;flex:0 0 auto;display:block;width:28px;height:28px;margin-top:2px}.mk-clue-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35}.mk-clue-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;width:100%;margin:0;padding:0;border:0;background:none;color:#c9b589;font:inherit;font-size:13px;line-height:1.4;text-align:start;cursor:pointer}.mk-clue-text.is-open{display:block;-webkit-line-clamp:unset}@media (min-width: 1024px){.mk-clue{margin-top:16px;padding:12px 14px;border:1px solid #2f3d2b;border-radius:8px;background:#1f2a1d}.mk-clue-token{width:36px;height:36px}.mk-clue-who{font-size:14px;white-space:normal}.mk-clue-text{display:block;-webkit-line-clamp:unset;font-size:14px;line-height:1.55;cursor:default}}.mk-status{display:flex;align-items:flex-start;gap:8px;margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.4}.mk-status p[role=status]{min-height:1.4em}.mk-confirm{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.mk-confirm button{min-height:40px;padding:0 14px;border-radius:8px;font-family:Inter,system-ui,sans-serif;font-size:13px}.mk-confirm-yes{background:#b23a48;color:#e8d4a8}.mk-confirm-no{border:1px solid #2f3d2b;background:#1f2a1d;color:#c9b589}.mk-conflict-line{margin-top:2px;color:#ff8f8f}.mk-conflict-line:before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:#e5484d;vertical-align:1px}@media (min-width: 1024px){.mk-status{margin-top:12px;font-size:13px}}.mk-board-scroll{direction:ltr;overflow:hidden;border:4px solid #14180f;border-radius:8px;background:radial-gradient(circle at 18% 16%,rgba(255,223,106,.22),transparent 20%),linear-gradient(135deg,#fff6,#93d2cb24),#e8eadf;box-shadow:inset 0 0 0 3px #ffffff38;touch-action:manipulation}.mk-board-scroll.is-zoomed{overflow:auto;max-height:max(280px,calc(100svh - var(--mk-header-h) - var(--mk-sticky-h) - 20px));overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.mk-board-skeleton{width:100%;aspect-ratio:1;background:#14180f47}.mk-board{display:grid;grid-template-columns:repeat(var(--mk-grid),minmax(0,1fr));grid-template-rows:repeat(var(--mk-grid),minmax(0,1fr));--prop-box: min(90%, 72px);--prop-wide-width: min(98%, 78px);--prop-wide-height: min(76%, 60px);--prop-tall-width: min(76%, 60px);--prop-tall-height: min(98%, 78px);--prop-small-box: min(82%, 62px);width:100%;aspect-ratio:1}.mk-board-scroll.is-zoomed .mk-board{width:calc(var(--mk-grid) * var(--mk-cell))}.mk-zoom{flex:0 0 auto;display:flex;gap:6px}.mk-zoom button{display:grid;place-items:center;width:44px;height:44px;border:2px solid #14180f;border-radius:50%;background:#fffceff0;box-shadow:0 2px 6px #00000059}.mk-zoom button:disabled{opacity:.45}.mk-zoom img{width:22px;height:22px}.mk-modal{position:fixed;inset:0;z-index:45;display:grid;place-items:center;overflow-y:auto;padding:16px;background:#1a2418d1;backdrop-filter:blur(4px)}.mk-modal-card{width:100%;max-width:24rem;border:1px solid rgba(224,175,91,.5);border-radius:8px;background:#1f2a1d;box-shadow:0 1px #e8d4a80f,0 18px 36px #0000008c;padding:22px 20px 16px;text-align:center}.mk-stats{display:flex;justify-content:center;gap:10px;margin-bottom:14px}.mk-stats>div{min-width:96px;padding:8px 12px;border:1px solid #2f3d2b;border-radius:8px;background:#22301f}.mk-stats dt{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8c7853}.mk-stats dd{margin:2px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:700;color:#e8d4a8}[dir=rtl] .mk-start-badge,[dir=rtl] .mk-status,[dir=rtl] .mk-stats dt{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";letter-spacing:normal}.mk-progress{height:6px;overflow:hidden;border-radius:9999px;background:#2f3d2b}.mk-progress>span{display:block;height:100%;border-radius:inherit;background:#7a9b6e}@media (max-width: 639px){html[data-mk-board-under-feedback] .sf-fb-launcher{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility 0s linear .15s}}.mk-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(29,29,36,.22);border-radius:0;box-shadow:none;background:linear-gradient(135deg,#ffffff70,#fff3 58%,#1d1d240a),linear-gradient(color-mix(in srgb,var(--room-color) 42%,rgba(255,255,255,.91)),color-mix(in srgb,var(--room-color) 42%,rgba(255,255,255,.91))),var(--tile-image),color-mix(in srgb,var(--room-color) 74%,white 26%);background-blend-mode:normal,multiply,soft-light,normal;background-position:center;background-size:auto,auto,cover,auto;overflow:hidden;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.mk-cell>*{z-index:1}.mk-cell.ready-target:active,.mk-cell.ready-target:focus-visible{z-index:8;filter:saturate(1.1) brightness(1.04);box-shadow:inset 0 0 0 2px #ffcf55e6;outline:none}.mk-cell.just-placed{animation:mk-cell-accept .36s ease-out both}@keyframes mk-cell-accept{0%{filter:brightness(1.2) saturate(1.25)}to{filter:brightness(1) saturate(1)}}.mk-cell.edge-top{border-top:3px solid #1d1d24}.mk-cell.edge-bottom{border-bottom:3px solid #1d1d24}.mk-cell.edge-left{border-left:3px solid #1d1d24}.mk-cell.edge-right{border-right:3px solid #1d1d24}.mk-cell.blocked{background:linear-gradient(135deg,#1d1d2414,#fff3 52%),linear-gradient(color-mix(in srgb,var(--room-color) 34%,rgba(214,210,201,.94)),color-mix(in srgb,var(--room-color) 34%,rgba(214,210,201,.94))),var(--tile-image),color-mix(in srgb,var(--room-color) 58%,#d2cec3 42%);background-blend-mode:normal,multiply,soft-light,normal;background-position:center;background-size:auto,auto,cover,auto}.mk-coord{position:absolute;left:2px;top:2px;z-index:5;min-width:25px;border-radius:3px;background:#fffc;color:#1d1d24;padding:1px 2px;font-size:8px;font-weight:900;line-height:1.05;opacity:.78;white-space:nowrap}.mk-room-tag{z-index:2;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:0;padding:0 6px 5px;overflow:hidden;pointer-events:none}.mk-room-tag.is-vertical{align-items:center;justify-content:flex-end;padding:6px 4px}.mk-room-tag.is-vertical .mk-room-label{max-width:none;max-height:100%;writing-mode:vertical-rl;padding:4px 1px;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:none;line-clamp:none;display:block}.mk-room-label{max-width:100%;border:1px solid rgba(29,29,36,.75);border-radius:4px;background:#fffcefe0;color:#1d1d24;padding:1px 4px;font-size:11px;font-weight:900;line-height:1.2;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word;hyphens:auto}.mk-prop{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:var(--prop-box);height:var(--prop-box);transform:translate(-50%,-50%);pointer-events:none}.mk-prop img{display:block;width:100%;height:100%;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(29,29,36,.22))}.mk-prop:is(.mk-prop-animal-fence,.mk-prop-audience-seat,.mk-prop-beach-chair,.mk-prop-bridge-piece,.mk-prop-cafe-chair,.mk-prop-cake-table,.mk-prop-control-console,.mk-prop-curtain-rack,.mk-prop-flower-bed,.mk-prop-food-cart,.mk-prop-garden-cart,.mk-prop-golf-cart,.mk-prop-lab-table,.mk-prop-log-stump-seat,.mk-prop-luggage-cart,.mk-prop-park-bench,.mk-prop-picnic-blanket,.mk-prop-pier-seat,.mk-prop-play-mat,.mk-prop-reading-cushion,.mk-prop-rehearsal-chair,.mk-prop-repair-mat,.mk-prop-service-counter,.mk-prop-ski-bench,.mk-prop-sleeping-bag,.mk-prop-spectator-bench,.mk-prop-turf-seat,.mk-prop-visitor-bench,.mk-prop-waiting-bench,.mk-prop-warning-barrier){width:var(--prop-wide-width);height:var(--prop-wide-height)}.mk-prop:is(.mk-prop-antenna-unit,.mk-prop-balloon-stand,.mk-prop-bone-stand,.mk-prop-bookshelf-theme,.mk-prop-cable-post,.mk-prop-desk-lamp-theme,.mk-prop-easel,.mk-prop-flower-stand,.mk-prop-fruit-tree,.mk-prop-golf-bag,.mk-prop-golf-flag,.mk-prop-instrument-stand,.mk-prop-lifebuoy-post,.mk-prop-music-stand,.mk-prop-pine-tree,.mk-prop-rain-sign,.mk-prop-scoreboard,.mk-prop-ski-rack,.mk-prop-soda-sign,.mk-prop-spotlight,.mk-prop-tee-marker,.mk-prop-telescope,.mk-prop-ticket-booth,.mk-prop-training-cone,.mk-prop-umbrella-stand,.mk-prop-water-hazard-sign,.mk-prop-watering-can){width:var(--prop-tall-width);height:var(--prop-tall-height)}.mk-prop-carpet{top:54%;z-index:1;width:var(--prop-wide-width);height:var(--prop-wide-height)}.mk-prop:is(.mk-prop-ball-basket,.mk-prop-block-pile,.mk-prop-cable-reel,.mk-prop-campfire,.mk-prop-candy-jar,.mk-prop-coral-cluster,.mk-prop-feed-bucket,.mk-prop-float-ring,.mk-prop-gift-cushion,.mk-prop-gift-pile,.mk-prop-habitat-rock,.mk-prop-parts-box,.mk-prop-reef-rock,.mk-prop-sand-rake,.mk-prop-seaweed-bundle,.mk-prop-shell-pile,.mk-prop-small-stool,.mk-prop-snow-pile,.mk-prop-stump-seat,.mk-prop-vet-kit){width:var(--prop-small-box);height:var(--prop-small-box)}.mk-large .mk-coord{min-width:22px;font-size:7px;opacity:.7}.mk-large .mk-room-tag{padding:0 3px 3px}.mk-large .mk-room-tag.is-vertical{padding:4px 2px}.mk-large .mk-room-label{padding:0 3px;font-size:9px}.mk-large .mk-room-tag.is-vertical .mk-room-label{padding:3px 0}.mk-large .mk-prop{--prop-box: min(90%, 38px);--prop-wide-width: min(98%, 42px);--prop-wide-height: min(76%, 33px);--prop-tall-width: min(76%, 33px);--prop-tall-height: min(98%, 42px);--prop-small-box: min(82%, 35px)}.mk-occupant{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:min(82%,56px);height:min(82%,56px);transform:translate(-50%,-50%);border:3px solid #1d1d24;border-radius:50%;background:#fff6cf;box-shadow:0 3px #1d1d2433;pointer-events:none}.mk-occupant.placed-pop{animation:mk-occupant-drop .42s cubic-bezier(.22,1.45,.35,1) both}@keyframes mk-occupant-drop{0%{opacity:0;transform:translate(-50%,-72%) scale(.72) rotate(-8deg)}62%{opacity:1;transform:translate(-50%,-47%) scale(1.08) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.mk-occupant img{width:104%;height:104%;-o-object-fit:contain;object-fit:contain}.mk-occupant em{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;min-width:18px;height:18px;border:2px solid #1d1d24;border-radius:6px;background:#ffcf55;color:#1d1d24;font-size:11px;font-style:normal;font-weight:900;line-height:1}.mk-large .mk-occupant{border-width:2px}.mk-large .mk-occupant em{min-width:14px;height:14px;font-size:9px;border-width:1px}.mk-notes{position:absolute;right:3px;bottom:3px;z-index:6;max-width:92%;border-radius:3px;background:#1d1d24b8;color:#fff6cf;padding:0 3px;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.04em;pointer-events:none}.mk-tiny .mk-coord,.mk-tiny .mk-room-tag{display:none}.mk-tiny .mk-occupant{width:88%;height:88%;border-width:1px}.mk-tiny .mk-occupant em{right:-3px;bottom:-3px;min-width:11px;height:11px;border-width:1px;border-radius:3px;font-size:8px}.mk-tiny .mk-notes{right:1px;bottom:1px;font-size:7px;padding:0 1px}.mk-cell.is-selected{box-shadow:inset 0 0 0 3px #e0af5b}.mk-cell.mk-hint:after{content:"";position:absolute;inset:3px;z-index:3;border:3px dashed #1d1d24;border-radius:6px;background:#ffcf5557;box-shadow:inset 0 0 0 2px #ffcf55;pointer-events:none}.mk-tiny .mk-cell.mk-hint:after{inset:1px;border-width:2px;border-radius:3px;box-shadow:none}.mk-cell.mk-conflict{box-shadow:inset 0 0 0 3px #e5484d,inset 0 0 0 999px #e5484d38}.mk-cell.mk-conflict .mk-occupant{border-color:#c4212a}.mk-cell.mk-wrong .mk-occupant{border-color:#c4212a;box-shadow:0 0 0 3px #e5484d8c}.mk-wrong-badge{position:absolute;top:2px;right:2px;z-index:7;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#c4212a;color:#fff6cf;font-size:11px;font-weight:900;line-height:1;pointer-events:none}.mk-tiny .mk-wrong-badge{width:12px;height:12px;font-size:8px}@media (prefers-reduced-motion: reduce){.mk-chip.is-returned{animation:none;box-shadow:0 0 0 2px #e0af5bbf}}.mk-cell.restricted:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(-45deg,rgba(29,29,36,.16) 0 3px,transparent 3px 9px);pointer-events:none}.mk-room-lock{display:inline-block;width:1em;height:1em;margin-inline-end:2px;vertical-align:-.125em;color:#8a2a36}
