#game-dialog.mirror-dialog{max-width:1060px;width:calc(100% - 24px);padding:20px;background:#eee9dc;color:#313c2c}.mirror-game{font-family:Arial,sans-serif}.mirror-title{margin:10px 0 20px}.mirror-title small,.mirror-intro section>small,.mirror-guide>small{font-size:10px;letter-spacing:2px;color:#7b7957}.mirror-title h2{font:36px Georgia!important;margin:9px 0}.mirror-intro{display:grid;grid-template-columns:1fr 1fr;background:#253429;border:1px solid #887d50}.mirror-intro>img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}.mirror-intro section{padding:40px;align-self:center;color:#e8e2d0}.mirror-intro section>small{color:#cdbb84}.mirror-intro h3,.mirror-guide h3{font:34px/1.15 Georgia!important;margin:22px 0}.mirror-game em{font-weight:400;color:#cfbd8a}.mirror-intro p,.mirror-intro li{font-size:14px;line-height:1.65;color:#c5cbb8}.mirror-intro ol{padding-left:19px}.mirror-intro li{padding:5px 0}.mirror-rules{display:flex;gap:16px;margin:24px 0;font-size:12px;color:#e3d3a6}.mirror-hud{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#28392d;color:#e8dec0;border-bottom:1px solid #9c8c5c}.mirror-hud small{display:block;font-size:9px;letter-spacing:1.6px;color:#b9c3a5;margin-bottom:5px}.mirror-hud b{font:27px Georgia}.mirror-hud i{font:12px Arial}.mirror-hud button{border:1px solid #a9ae88;background:transparent;color:#e9dfc3;padding:9px 12px;border-radius:5px;cursor:pointer}.mirror-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;scroll-margin-top:30px}.mirror-play-area{padding:25px;background:radial-gradient(ellipse at center,#596047,#1e2c23);min-width:0}.mirror-frame{position:relative;max-width:420px;margin:auto;padding:9px;border:2px solid #ac9460;border-radius:12px;background:linear-gradient(125deg,#b29b65,#4d452e 23%,#8d7948 70%,#b9a674);box-shadow:0 0 0 4px #222d25,0 12px 35px #0007,inset 0 0 0 3px #332d21}.mirror-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#1a231d}.mirror-tile{position:relative;aspect-ratio:1;border:0;padding:0;background:#29342a;overflow:hidden;cursor:pointer;touch-action:manipulation}.mirror-tile-art{position:absolute;inset:0;background-size:300% 400%;display:block;transition:transform .22s;box-shadow:inset 0 0 0 1px #efdfab66,inset 2px 2px 6px #ffecd033,inset -3px -3px 8px #101b1777}.mirror-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff2cc18,transparent 35%,#e9f6ff10 75%,transparent);pointer-events:none}.mirror-tile[aria-pressed=true]{outline:3px solid #ffe4a0;outline-offset:-3px;z-index:2;filter:brightness(1.2)}.mirror-tile.is-correct{cursor:default}.mirror-check{position:absolute;right:4px;bottom:4px;border-radius:50%;width:18px;height:18px;background:#314a36db;color:#f1e7b8;font:12px/18px Arial}.mirror-controls{display:flex;gap:9px;max-width:440px;margin:20px auto 0}.mirror-controls button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #aab18a;background:#e6dfc8;color:#34452f;border-radius:6px;min-height:46px;font:600 12px Arial;cursor:pointer}.mirror-controls button:first-child{background:#7d8b5f;color:#fff3d8}.mirror-controls button:disabled{opacity:.4;cursor:default}.mirror-controls svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8}.mirror-message{font:12px/1.5 Arial;text-align:center;color:#d1d5ba;min-height:36px;margin:13px 0 0}.mirror-guide{padding:27px 24px;background:#e5dfce}.mirror-guide h3{font-size:26px!important}.mirror-guide em{color:#7b805d}.mirror-guide>img{width:125px;aspect-ratio:3/4;object-fit:cover;border:4px solid #aa956a;box-shadow:0 4px 15px #3332}.mirror-guide p{font-size:12px;line-height:1.7;color:#73785e}.mirror-guide>small:last-child{font-size:10px;letter-spacing:0;line-height:1.5;display:block}.mirror-progress{margin:24px 0;padding-top:16px;border-top:1px solid #b8b69a}.mirror-progress b{font-size:12px}.mirror-progress progress{display:block;width:100%;height:6px;margin-top:14px;accent-color:#74815a}.mirror-reference{position:absolute;inset:0;background:#26372b;z-index:4;display:flex;flex-direction:column;padding:9px;border-radius:8px}.mirror-reference button{border:1px solid #c8b47a;background:#eee3c5;color:#34442f;padding:12px 4px;font:600 12px Arial;cursor:pointer;border-radius:4px}.mirror-reference img{width:100%;height:0;flex:1;min-height:0;object-fit:contain;margin:8px 0}.mirror-reference small{color:#e5d7ae;text-align:center;font-size:9px;padding:4px}.mirror-restored{position:absolute;inset:9px;z-index:3;animation:mirror-reveal 1.3s ease-out;background:#263a2a}.mirror-restored img{height:100%;width:100%;object-fit:cover}.mirror-restored span{position:absolute;bottom:0;left:0;right:0;padding:20px 10px;text-align:center;color:#f7e9b8;background:#23382ae8;font:20px Georgia}.mirror-overlay{position:fixed;inset:0;z-index:50;background:#14261ddd;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;overflow:auto}.mirror-overlay section{max-width:440px;width:100%;text-align:center;border:1px solid #ab9f69;padding:32px;background:linear-gradient(135deg,#44523a,#213428);border-radius:16px;box-sizing:border-box;color:#e7e2cc;outline:0;max-height:calc(100dvh - 48px);overflow:auto}.mirror-overlay h3{font:32px/1.15 Georgia!important;margin:20px 0}.mirror-overlay section>small{font-size:10px;letter-spacing:1px;color:#d3bd84}.mirror-overlay p{font-size:13px;line-height:1.7;color:#c5d0b7}.mirror-score{font:72px Georgia;color:#e8ca8d}.mirror-score small{display:block;font:12px Arial;color:#b8c4a7}.mirror-overlay .mirror-demo{display:block;margin-top:20px;letter-spacing:0;font-size:10px}.mirror-game button:focus-visible{outline:3px solid #e8c985;outline-offset:3px}.mirror-game button:disabled{cursor:default}.mirror-intro .care-primary:disabled{opacity:.5}@keyframes mirror-reveal{0%{opacity:0;filter:brightness(2)}to{opacity:1;filter:brightness(1)}}@media(max-width:700px){#game-dialog.mirror-dialog{padding:10px;width:calc(100% - 16px)}.mirror-title h2{font-size:28px!important}.mirror-title small{font-size:8px}.mirror-intro{display:block}.mirror-intro>img{height:245px;aspect-ratio:auto;object-position:center 32%}.mirror-intro section{padding:24px}.mirror-intro h3{font-size:29px!important}.mirror-intro p,.mirror-intro li{font-size:12px}.mirror-layout{display:block}.mirror-play-area{padding:20px 12px 10px}.mirror-frame{max-width:330px}.mirror-guide{padding:22px}.mirror-guide>img{float:right;width:75px;margin-left:15px}.mirror-guide h3{font-size:24px!important;margin:12px 0}.mirror-guide>small:last-child{clear:both}.mirror-hud{padding:12px}.mirror-hud b{font-size:24px}.mirror-hud small{font-size:8px}.mirror-controls button{font-size:11px}.mirror-overlay{padding:16px}.mirror-overlay section{padding:26px 20px}.mirror-overlay h3{font-size:28px!important}}@media(prefers-reduced-motion:reduce){.mirror-tile-art{transition:none}.mirror-restored{animation:none}}.mirror-hud{position:sticky;top:24px;z-index:8}.mirror-layout{scroll-margin-top:112px}@media(max-width:700px){.mirror-hud{top:24px}.mirror-frame{max-width:min(330px,calc((100dvh - 240px)*.75))}.mirror-play-area{padding-top:14px}.mirror-controls{margin-top:15px}.mirror-message{font-size:11px}}.mirror-tile{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.mirror-tile:active{cursor:grabbing}.mirror-tile.is-dragging{opacity:.25}.mirror-tile.is-drop-target{outline:3px solid #ffe4a0;outline-offset:-3px;filter:brightness(1.25)}.mirror-drag-ghost{position:fixed;z-index:60;pointer-events:none;overflow:hidden;border-radius:3px;outline:2px solid #ffe4a0;box-shadow:0 14px 28px #0008;transform:scale(1.05)}.mirror-drag-ghost .mirror-tile-art{transition:none}.mirror-tile.is-correct{touch-action:pan-y}.mirror-slot{position:relative;aspect-ratio:1;border:0;padding:0;background:#e5dfc8;overflow:hidden;cursor:pointer;touch-action:manipulation}.mirror-slot .mirror-tile-art{opacity:.35;filter:saturate(.5);transition:opacity .2s}.mirror-slot.is-placed .mirror-tile-art{opacity:1;filter:none}.mirror-slot.is-drop-target{outline:3px solid #ffe4a0;outline-offset:-3px}.mirror-slot.is-drop-target .mirror-tile-art{opacity:.7}.mirror-tray-heading{display:flex;justify-content:space-between;color:#d9d1b3;font:10px Arial;letter-spacing:1px;margin:16px auto 9px;max-width:420px}.mirror-tray-heading span{letter-spacing:0;color:#c4cfb7}.mirror-tray{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:420px;margin:auto;padding:8px;background:#15251d66;border-radius:8px}.mirror-tray-cell{aspect-ratio:1;border:1px dashed #a4ad8055;border-radius:4px;min-width:0}.mirror-tray .mirror-tile{display:block;width:100%;height:100%;border-radius:3px}.mirror-frame{max-width:300px}.mirror-tray .mirror-tile-art{pointer-events:none}.mirror-drag-ghost{transform:scale(1.15)}@media(max-width:700px){.mirror-frame{max-width:min(230px,calc((100dvh - 290px)*.75))}.mirror-play-area{padding:12px 8px}.mirror-tray{gap:5px;padding:6px}.mirror-tray-heading{font-size:9px;margin-top:12px}.mirror-message{margin-top:8px;min-height:30px}}@media(max-width:700px){.mirror-frame{max-width:min(210px,calc((100dvh - 320px)*.75))}.mirror-tray-heading{margin-top:10px}.mirror-message{font-size:10px}}.mirror-frame{max-width:420px}.mirror-tile.is-hint-target{outline:3px dashed #ffe2a1;outline-offset:-5px;z-index:2}.mirror-controls{margin-top:12px}.mirror-controls button:first-child{background:#e6dfc8;color:#34452f}@media(max-width:700px){.mirror-frame{max-width:min(310px,calc((100dvh - 240px)*.75))}.mirror-play-area{padding:15px 10px}.mirror-message{font-size:11px;line-height:1.4}}