@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#163f40;background:#0b292c;font-synthesis:none;--cream:#f7edda;--coral:#ee6f5c;--teal:#123f42;--gold:#d99b20;--wood:#885635}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#0b292c}button{font:inherit}.gallery-game{min-height:100vh;background:var(--cream)}.endless-wall{position:relative;overflow:hidden;min-height:100vh;padding:80px clamp(28px,5vw,90px) 120px;background:radial-gradient(ellipse at 50% 0,#fffaf0 0,#f4e9d4 43%,#e5d0b0);background-attachment:fixed}.endless-wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#745a3b16 1px,transparent 1px);background-size:6px 6px;pointer-events:none}.gallery-grid{position:relative;z-index:2;max-width:1540px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:95px 42px}.collection{position:relative;min-height:390px;padding:36px 14px 0;border-bottom:10px solid #805234;box-shadow:0 6px #5e3b29;transition:background .4s}.collection:after{content:"";position:absolute;left:10%;right:10%;bottom:-72px;height:60px;background:linear-gradient(90deg,transparent,#aa754f33,transparent);transform:perspective(100px) rotateX(55deg)}.picture-rail{position:absolute;left:2%;right:2%;top:18px;height:3px;background:#9b6c4b;box-shadow:0 2px 4px #4f321f33}.collection-slots{display:grid;grid-template-columns:repeat(var(--count),minmax(42px,1fr));gap:8px;align-items:center;height:105px}.collection-slot{position:relative;aspect-ratio:1;border:5px solid #8b5b3a;background:#eadcc498;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #c99f6c,0 7px 11px #6543282d;transition:transform .18s}.collection-slot:hover{transform:translateY(-3px)}.collection-slot:not(.filled):before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px dashed #b49c7c}.collection-slot>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#af9675}.collection-slot svg{display:block;width:100%;height:100%}.wire{position:absolute;left:50%;top:-20px;width:1px;height:15px;background:#997455}.wire:before{content:"";position:absolute;width:4px;height:4px;border:1px solid #856147;border-radius:50%;left:-2px;top:-2px}.plaque{height:76px;width:84%;margin:19px auto 0;text-align:center;color:#8a745b}.plaque h2{font:500 20px Fraunces,serif;color:#244746;margin:0 0 4px}.plaque p{font:400 10px/1.35 Fraunces,serif;margin:0;color:#83715c}.plaque b{display:block;font:500 16px Fraunces,serif;letter-spacing:.4em;color:#a88c69}.plaque small{text-transform:uppercase;letter-spacing:.2em;font-size:7px;color:#ad9578}.solved .plaque{animation:reveal .65s ease both}.solved .collection-slot{box-shadow:inset 0 0 0 1px #c99f6c,0 0 0 2px #7ea08a,0 7px 11px #6543282d}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.local-mess{position:relative;min-height:145px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin-top:4px;padding:4px 8px 20px}.loose-piece{width:78px;aspect-ratio:1;margin:-3px -6px;border:5px solid #875535;padding:0;background:#fbf2df;cursor:grab;box-shadow:inset 0 0 0 1px #d2a36c,0 11px 16px #3c281d58;transition:filter .15s,translate .15s}.loose-piece:hover{filter:brightness(1.08);translate:0 -8px;outline:3px solid #ef8069;outline-offset:3px}.loose-piece svg{display:block;width:100%;height:100%}@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.endless-wall{padding:55px 14px 90px}.gallery-grid{grid-template-columns:1fr;gap:75px}.collection{min-height:360px;padding-left:3px;padding-right:3px}.collection-slots{height:100px;gap:6px}.collection-slot{border-width:4px}.local-mess{min-height:130px}.loose-piece{width:70px}}.inventory{position:fixed;right:22px;bottom:20px;z-index:110;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#123f42f2;border:1px solid #d99b20;border-radius:8px;box-shadow:0 14px 40px #061d1f70;color:#f7edda}.inventory-slot{position:relative;width:58px;height:58px;padding:4px;border:2px solid #7d765d;background:#eadcc422;cursor:pointer}.inventory-slot.active{border-color:#ee8069;box-shadow:0 0 0 2px #ee806944}.inventory-slot svg{width:100%;height:100%;display:block}.inventory-slot kbd{position:absolute;left:-5px;top:-6px;z-index:3;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#d99b20;color:#123f42;font:600 10px DM Sans,sans-serif}.active-caption{position:absolute;right:11px;bottom:-16px;text-transform:uppercase;letter-spacing:.12em;font-size:7px;color:#d6c6a7}.notice{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:115;padding:10px 16px;border-radius:99px;background:#8f493d;color:#fff4e6;font-size:11px;box-shadow:0 8px 30px #361b1760}.collection.focused{background:#fff8e759;outline:2px solid #d99b2075;outline-offset:12px;border-radius:2px}.endless-wall{overflow-x:auto}.gallery-grid{grid-template-columns:repeat(3,minmax(320px,1fr));min-width:1050px}@media(max-width:800px){.inventory{right:9px;bottom:10px;padding:7px}.inventory-slot{width:48px;height:48px}.gallery-grid{grid-template-columns:repeat(3,340px);min-width:1080px}.endless-wall{padding-left:28px;padding-right:28px}}.gallery-grid{grid-template-columns:repeat(6,minmax(270px,1fr));min-width:1800px;max-width:2300px;gap:90px 34px}.inventory{left:50%;right:auto;transform:translate(-50%);bottom:18px}.collection.focused{background:#fff8e759;outline:3px solid #d99b20;outline-offset:10px}.collection.in-items{outline-color:#ee8069}.keyboard-selected{outline:4px solid #ee8069!important;outline-offset:4px!important;filter:brightness(1.08);position:relative;z-index:80!important}.loose-piece:hover,.loose-piece.dragging{transform:rotate(0)!important;translate:0 -12px;z-index:100!important;outline:3px solid #ee8069;outline-offset:4px}.loose-piece.dragging{opacity:.9;cursor:grabbing}.collection.solved{background:linear-gradient(180deg,#f1ead200,#dfe9d580);outline:1px solid #91a98c55;outline-offset:9px;border-bottom-color:#957347}.collection.solved .picture-rail{background:linear-gradient(90deg,#b08a55,#d9b75f,#b08a55);height:4px}.collection.solved .collection-slot{border-color:#9a7544;box-shadow:inset 0 0 0 2px #e1c781,0 8px 18px #53664b38}.collection.solved .plaque{width:92%;height:auto;min-height:83px;padding:8px 12px 10px;background:#123f42;color:#f7edda;border:1px solid #d9b75f;box-shadow:0 8px 20px #2742372b}.collection.solved .plaque h2{color:#f8efd9;font-size:18px}.collection.solved .plaque p{color:#c8d5bf}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(6,300px);min-width:1920px}.inventory{left:50%;right:auto}.collection{min-height:370px}}.gallery-grid{grid-template-columns:repeat(6,minmax(360px,1fr));min-width:2400px;max-width:2900px;column-gap:80px;row-gap:140px}.collection{padding-left:24px;padding-right:24px}.collection-slots{gap:11px}.loose-piece.keyboard-selected{transform:rotate(0)!important;translate:0 -12px;z-index:100!important}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(6,350px);min-width:2300px;column-gap:55px;row-gap:110px}.collection{padding-left:18px;padding-right:18px}}.endless-wall{--canvas-edge:clamp(240px,16vw,460px)}.gallery-grid{margin:0;padding-inline:var(--canvas-edge)}@media(max-width:800px){.endless-wall{--canvas-edge:160px}}.collection-slot:disabled{cursor:default}.collection-slot:disabled:hover{transform:none}.collection-slot svg,.inventory-slot svg,.loose-piece svg{overflow:hidden;border-radius:0}.inventory{padding:26px 12px 23px}.active-caption{left:50%;right:auto;bottom:7px;transform:translate(-50%);white-space:nowrap;text-align:center}@media(max-width:800px){.inventory{padding:24px 9px 21px}}.gallery-grid{grid-template-columns:repeat(6,700px);width:max-content;min-width:0;max-width:none}.collection-cell{width:var(--collection-width);justify-self:center}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(6,700px);min-width:0}}.zoom-controls{display:flex;align-items:center;border:1px solid #d5bd8e80;border-radius:99px;overflow:hidden;color:#e6d6b7}.zoom-controls button{height:30px;min-width:31px;padding:0 8px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px}.zoom-controls button:hover:not(:disabled){background:#ffffff10}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls .zoom-value{min-width:48px;border-left:1px solid #d5bd8e45;border-right:1px solid #d5bd8e45;font-size:9px;letter-spacing:.05em}@media(max-width:680px){.zoom-controls .zoom-value{display:none}.zoom-controls button{min-width:28px;padding:0 6px}}.key-cluster{display:flex;gap:2px}.notice{top:96px;bottom:auto;left:50%;transform:translate(-50%);max-width:min(420px,calc(100vw - 30px));text-align:center}@media(max-width:680px){.notice{top:80px}}.layout-grid .collection-slots{grid-template-columns:repeat(3,112px);grid-template-rows:repeat(2,112px);justify-content:center;height:244px;gap:18px 14px}.layout-grid .plaque{margin-top:23px}@media(max-width:680px){.layout-grid .collection-slots{grid-template-columns:repeat(3,100px);grid-template-rows:repeat(2,100px);height:220px;gap:16px 10px}}.gallery-grid{display:block;width:max-content;min-width:0;max-width:none;margin:0;padding-inline:var(--canvas-edge)}.gallery-section{position:relative;width:max-content;margin:0 0 170px;padding:54px 72px 105px;border-top:1px solid #b18a5d55;border-bottom:1px solid #b18a5d55}.section-grid{display:grid;grid-template-columns:repeat(5,700px);gap:145px 72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin:0 0 72px;padding:0 16px 20px;border-bottom:1px solid #9f79534d;color:#234747}.section-heading h2{margin:0;font:500 32px Fraunces,serif}.section-heading p{margin:5px 0 0;font:400 12px Fraunces,serif;color:#866f55}.section-tone-0{background:#fff8e51f}.section-tone-1{background:#dce9df24}.section-tone-2{background:#f2d7c926}.section-tone-3{background:#d8e5e829}.section-tone-4{background:#e6dbee27}.layout-vertical{padding-top:42px}.layout-vertical .picture-rail{left:50%;right:auto;top:18px;width:3px;height:calc(100% - 55px)}.layout-vertical .collection-slots{grid-template-columns:112px;grid-template-rows:repeat(var(--count),112px);justify-content:center;height:auto;gap:22px}.layout-vertical .collection-slot .wire{left:-26px;top:50%;width:20px;height:1px}.layout-vertical .collection-slot .wire:before{left:-2px;top:-2px}.layout-diagonal .collection-slots{align-items:start;height:245px;padding-top:6px}.layout-diagonal .collection-slot{top:calc(var(--slot-index) * 22px)}.skill-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#082426aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skill-tree{position:relative;width:min(610px,100%);padding:34px;background:#f7edda;color:#163f40;border:2px solid #d99b20;box-shadow:0 24px 80px #061d1fa0}.skill-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;background:transparent;color:#74583e;font-size:24px;cursor:pointer}.skill-kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:8px;color:#997b58}.skill-tree h2{margin:3px 0 18px;font:500 31px Fraunces,serif}.skill-points{display:flex;align-items:center;gap:10px;margin-bottom:18px}.skill-points strong{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#123f42;color:#d99b20;font:500 22px Fraunces,serif}.skill-points span{font-size:11px;color:#79664f}.skill-main{display:grid;grid-template-columns:1fr auto;gap:13px 22px;padding:20px;background:#fff9eb;border:1px solid #d1b77f}.skill-main>div:first-child{display:grid;grid-template-columns:38px 1fr;column-gap:10px}.skill-main h3{margin:0;font:500 20px Fraunces,serif}.skill-main p{grid-column:2;margin:3px 0;color:#76634c;font-size:10px}.skill-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce7d8;color:#315d4e}.skill-main button{grid-column:2;grid-row:1/3;align-self:center;border:0;border-radius:99px;padding:10px 15px;background:#123f42;color:#f7edda;cursor:pointer}.skill-main button:disabled{opacity:.45;cursor:default}.inventory-pips{grid-column:1/3;display:flex;gap:6px}.inventory-pips i{width:100%;height:7px;background:#d8c7aa}.inventory-pips i.owned{background:#d99b20}@media(max-width:680px){.gallery-section{padding:38px 34px 80px;margin-bottom:110px}.section-grid{grid-template-columns:repeat(5,700px);gap:110px 50px}.section-heading{margin-bottom:50px}.section-heading h2{font-size:25px}.section-heading p{display:none}.skill-tree{padding:25px 16px 20px}.skill-main{grid-template-columns:1fr}.skill-main button{grid-column:1;grid-row:auto}.inventory-pips{grid-column:1}.inventory-slot{width:36px;height:36px}.inventory{gap:4px}}@media(max-width:420px){.inventory-slot{width:26px;height:26px;padding:2px;border-width:1px}.inventory{gap:3px;padding-left:7px;padding-right:7px}.inventory-slot kbd{width:14px;height:14px;font-size:8px}}.frame-style-0 .collection-slot{border:6px solid #875535;box-shadow:inset 0 0 0 2px #d7b477,0 7px 11px #6543282d}.frame-style-1 .collection-slot{border:9px double #6f4932;box-shadow:0 7px 11px #6543282d}.frame-style-2 .collection-slot{border:5px solid #8b5b3a;border-top-width:10px;border-bottom-width:10px;box-shadow:inset 0 0 0 2px #d9bd86,0 7px 11px #6543282d}.frame-style-3 .collection-slot{border:7px ridge #9b7047;box-shadow:0 7px 11px #6543282d}.frame-style-4 .collection-slot{border:5px solid #684937;outline:2px dotted #af7a4d;outline-offset:3px;box-shadow:inset 0 0 0 3px #d4ad6e,0 7px 11px #6543282d}.frame-style-5 .collection-slot{border:8px solid #80543a;border-radius:10px 2px;box-shadow:inset 0 0 0 2px #e0c78f,0 7px 11px #6543282d}.collection.solved.frame-style-1 .collection-slot,.collection.solved.frame-style-3 .collection-slot,.collection.solved.frame-style-5 .collection-slot{border-color:#80623f}.loose-suit{right:2px;bottom:2px;width:16px;height:16px;font-size:9px}.skill-tree{max-height:min(760px,92vh);overflow:auto}.suit-skill{margin-top:13px}.suit-preview{grid-column:1/3;letter-spacing:.55em;color:#7d5b3c;font-size:16px}.skill-owned{background:#edf2e4;border-color:#89a27d}.skill-owned .skill-icon{background:#123f42;color:#d99b20}@media(max-width:680px){.suit-preview{grid-column:1}}.endless-wall{padding-top:64px;padding-bottom:150px}.bottom-ui{position:fixed;left:50%;bottom:16px;z-index:130;display:flex;align-items:center;justify-content:center;gap:10px;transform:translate(-50%);min-height:68px;padding:8px 12px;border:1px solid #d99b20;background:#123f42f2;color:#f7edda;border-radius:12px;box-shadow:0 14px 42px #061d1f70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-button{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #d5bd8e80;border-radius:9px;background:transparent;color:#f7edda;cursor:pointer;font-size:17px}.hud-button:hover{background:#ffffff10}.bottom-ui .inventory{position:relative;left:auto;right:auto;bottom:auto;transform:none;min-height:60px;margin:-1px 4px 0;padding:22px 10px 19px;box-shadow:none}.bottom-ui .inventory-slot{width:44px;height:44px;padding:3px}.bottom-ui .zoom-controls{height:42px;border-radius:9px}.bottom-ui .zoom-controls button{height:40px;min-width:38px}.bottom-ui .zoom-controls .zoom-value{min-width:54px}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:20;transform:translate(-50%);padding:7px 9px;border:1px solid #d9b75f88;border-radius:6px;background:#123f42;color:#f7edda;white-space:nowrap;font:500 10px DM Sans,sans-serif;box-shadow:0 8px 22px #061d1f55;pointer-events:none}.key-cluster{gap:4px}[data-name]:hover:after,[data-name]:focus-visible:after,[data-name]:active:after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:190;transform:translate(-50%);min-width:max-content;padding:7px 10px;border:1px solid #d99b20;border-radius:6px;background:#123f42;color:#f7edda;font:500 10px Fraunces,serif;letter-spacing:.03em;box-shadow:0 8px 24px #061d1f66;pointer-events:none}.name-skill{margin-top:13px}.name-preview{grid-column:1/3;color:#765b42;font:500 12px Fraunces,serif}.name-skill .skill-icon{font-size:11px}.collection-slot.can-place:not(:disabled):hover,.collection-slot.drop-ready:not(:disabled){transform:translateY(-5px) scale(1.035);outline:4px solid #ee6f5c!important;outline-offset:5px;background:#f4c9a8;box-shadow:inset 0 0 0 4px #fff3d0,0 0 0 8px #ee6f5c35,0 15px 24px #65432848}.collection-slot.drop-ready:not(:disabled):before,.collection-slot.can-place:not(:disabled):hover:before{border-color:#b64d3d;background:#fff6dc55}.layout-diagonal .collection-slot.can-place:not(:disabled):hover,.layout-diagonal .collection-slot.drop-ready:not(:disabled){top:calc(var(--slot-index) * 22px)}.notice{top:18px}.collection.solved .plaque{padding-top:12px}@media(max-width:680px){.bottom-ui{bottom:8px;gap:5px;max-width:calc(100vw - 12px);padding:6px}.hud-button{width:36px;height:36px}.bottom-ui .zoom-controls{height:36px}.bottom-ui .zoom-controls button{height:34px;min-width:31px}.bottom-ui .zoom-controls .zoom-value{display:block;min-width:43px}.bottom-ui .inventory{padding:20px 6px 17px;margin-left:0;margin-right:0}.bottom-ui .inventory-slot{width:34px;height:34px}.name-preview{grid-column:1}.notice{top:10px}}@media(max-width:420px){.bottom-ui{flex-wrap:wrap}.bottom-ui .inventory{order:-1;width:100%;justify-content:center}.bottom-ui .inventory-slot{width:28px;height:28px}.bottom-ui .zoom-controls .zoom-value{display:none}}.notice{background:#1f5fab;color:#fff9ea;border:1px solid #e2b34b;box-shadow:0 9px 30px #173c6b55}html,body,#root,.gallery-game{width:100%;height:100%;background:#f4e9d4}body{overflow:hidden;overscroll-behavior:none}.gallery-game{min-height:0;overflow:hidden}.endless-wall{width:100%;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.collection.solved .plaque{position:relative;margin-top:34px;border-radius:9px;padding:18px 24px 15px;box-shadow:0 10px 22px #27423735}.collection.solved .plaque:before,.collection.solved .plaque:after{content:"";position:absolute;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b3 0,#fff1b3 16%,#d9b75f 18%,#d9b75f 55%,#7d6237 58%,#7d6237);box-shadow:0 1px 2px #061d1f66}.collection.solved .plaque:before{left:12px}.collection.solved .plaque:after{right:12px}.inventory-slot kbd{border:1px solid #f2d47b;border-radius:4px;background:#d99b20;box-shadow:inset 0 -2px #9e6c14,0 2px 3px #061d1f66;font-family:DM Sans,sans-serif}.bottom-ui>.inventory,.bottom-ui>.zoom-controls{position:relative}@media(max-width:420px){.bottom-ui>.inventory:before{display:none}}.collection.solved .plaque:before,.collection.solved .plaque:after{width:6px;height:6px;background:#d9b75f;border:1px solid #8d6a2e;box-shadow:none}.collection-slot:not(.filled):not(:disabled):hover{transform:translateY(-4px) scale(1.04);z-index:12}.layout-diagonal .collection-slot:not(.filled):not(:disabled):hover{top:calc(var(--slot-index) * 22px)}.collection:after{display:none}.section-heading{position:relative;overflow:hidden}.section-heading>div{position:relative;z-index:1}.section-suit{position:absolute;left:8px;top:50%;z-index:0;transform:translateY(-50%);color:#315b59;font:500 72px/1 Fraunces,serif;opacity:.09;pointer-events:none}.section-heading.has-suit>div{padding-left:24px}.collection-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;display:grid;place-items:center;padding:20px;background:#123f4245;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-reveal{position:relative;width:min(480px,calc(100vw - 32px));padding:34px 34px 28px;overflow:hidden;border:2px solid #d9b75f;border-radius:12px;background:#f7edda;color:#163f40;text-align:center;box-shadow:0 24px 70px #061d1f77;animation:collection-reveal-in .55s cubic-bezier(.2,.85,.28,1.12)}.collection-reveal>small{text-transform:uppercase;letter-spacing:.2em;font-size:8px;color:#997b58}.collection-reveal h2{margin:6px 0 8px;font:500 31px Fraunces,serif}.collection-reveal p{margin:0 auto 24px;max-width:360px;color:#655744;font:400 14px/1.5 Fraunces,serif}.collection-reveal>div:last-child{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.collection-reveal button{border:0;border-radius:99px;padding:10px 17px;background:#123f42;color:#f7edda;cursor:pointer}.collection-reveal button.quiet-action{border:1px solid #a99272;background:transparent;color:#685943}.reveal-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.reveal-sparkles i{position:absolute;color:#d99b20;font-style:normal;animation:reveal-spark 1.1s ease both}.reveal-sparkles i:nth-child(1){left:8%;top:18%}.reveal-sparkles i:nth-child(2){left:20%;top:8%;animation-delay:.08s}.reveal-sparkles i:nth-child(3){right:9%;top:15%;animation-delay:.14s}.reveal-sparkles i:nth-child(4){right:20%;bottom:12%;animation-delay:.2s}.reveal-sparkles i:nth-child(5){left:12%;bottom:14%;animation-delay:.26s}@keyframes collection-reveal-in{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}@keyframes reveal-spark{0%{opacity:0;transform:scale(.3) rotate(-30deg)}45%{opacity:1}to{opacity:.35;transform:scale(1.25) rotate(18deg)}}@media(prefers-reduced-motion:reduce){.collection-reveal,.reveal-sparkles i{animation:none}}.gallery-section.section-tone-0{background-color:#fff8e55c}.gallery-section.section-tone-1{background-color:#dce9df62}.gallery-section.section-tone-2{background-color:#f2d7c95c}.gallery-section.section-tone-3{background-color:#d8e5e860}.gallery-section.section-tone-4{background-color:#e6dbee58}.collection-reveal button{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.collection-reveal button:hover{transform:translateY(-2px);background:#1f5fab;box-shadow:0 7px 16px #173c6b35}.collection-reveal button.quiet-action:hover{border-color:#d99b20;background:#eee0c5;color:#493d2f;box-shadow:0 7px 16px #71522e22}.collection-reveal button:active{transform:translateY(0) scale(.98);box-shadow:none}.collection-reveal button:focus-visible{outline:3px solid #d99b20;outline-offset:3px}.gallery-section{isolation:isolate}.gallery-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(#765b4122 1.2px,transparent 1.2px),linear-gradient(135deg,transparent 49.5%,#765b410d 50%,transparent 50.5%);background-size:14px 14px,42px 42px;pointer-events:none}.gallery-section.suits-unlocked:before{background-image:none}.section-grid{position:relative;z-index:1}.section-heading{position:sticky;left:32px;top:24px;z-index:35;display:grid;grid-template-columns:58px minmax(220px,1fr) 38px;align-items:center;gap:14px;width:460px;margin:0 0 68px;padding:14px 16px;border:1px solid #a9825070;border-radius:12px;background:#f7eddaee;color:#234747;box-shadow:0 10px 28px #5a43232c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:visible}.section-heading.has-suit>div{padding-left:0}.section-index{display:grid;place-items:center;align-self:stretch;border-right:1px solid #a9825055}.section-index b{font:500 25px Fraunces,serif;color:#315b59}.section-index span{font:700 11px DM Sans,sans-serif;letter-spacing:.025em;color:#8a6c4c}.section-copy h2{margin:0;font:500 24px Fraunces,serif}.section-copy p{margin:3px 0 0;color:#866f55;font:400 11px/1.35 Fraunces,serif}.section-suit{position:static;display:grid;place-items:center;width:34px;height:34px;border:1px solid #9c7e5c66;border-radius:50%;background:#fff9e8;color:#315b59;font:500 19px/1 Fraunces,serif;opacity:1;transform:none}.section-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden;color:var(--section-accent,#315b59);opacity:.065;pointer-events:none}.section-pattern i{display:grid;place-items:center;font:500 27px/1 Fraunces,serif;font-style:normal;transform:rotate(-7deg)}.gallery-section:nth-of-type(1){--section-accent:#b65c4c}.gallery-section:nth-of-type(2){--section-accent:#315b59}.gallery-section:nth-of-type(3){--section-accent:#8c6a24}.gallery-section:nth-of-type(4){--section-accent:#4a668d}.gallery-section:nth-of-type(5){--section-accent:#6e4d83}.gallery-section:nth-of-type(6){--section-accent:#8c5b3e}.gallery-section:nth-of-type(7){--section-accent:#3c7165}.gallery-section:nth-of-type(8){--section-accent:#8d6630}.gallery-section:nth-of-type(9){--section-accent:#596d93}.gallery-section:nth-of-type(10){--section-accent:#76507d}.collection-reveal-overlay.is-closing{animation:reveal-overlay-out .36s ease forwards}.collection-reveal-overlay.is-closing .collection-reveal{animation:collection-reveal-out .36s cubic-bezier(.55,.05,.8,.4) forwards}.collection-reveal-overlay.is-closing .reveal-sparkles{animation:reveal-sparkles-out .28s ease forwards}@keyframes collection-reveal-out{0%{opacity:1;transform:none;filter:blur(0)}45%{transform:translateY(-8px) scale(1.02) rotate(.5deg)}to{opacity:0;transform:translateY(22px) scale(.78) rotate(-2deg);filter:blur(3px)}}@keyframes reveal-overlay-out{to{background:#123f4200;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes reveal-sparkles-out{to{opacity:0;transform:scale(1.7)}}@media(max-width:680px){.section-heading{left:12px;top:12px;width:min(410px,calc(100vw / .7 - 28px));grid-template-columns:48px minmax(180px,1fr) 32px;padding:11px 12px}.section-copy h2{font-size:20px}.section-copy p{font-size:10px}.section-index b{font-size:21px}.section-suit{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.collection-reveal-overlay.is-closing,.collection-reveal-overlay.is-closing .collection-reveal,.collection-reveal-overlay.is-closing .reveal-sparkles{animation:none}}.top-progress-ui{position:fixed;left:50%;top:14px;z-index:140;display:flex;align-items:center;gap:20px;min-width:320px;height:62px;padding:9px 18px 12px;transform:translate(-50%);overflow:hidden;border:1px solid #d99b20;border-radius:12px;background:#123f42f2;color:#f7edda;box-shadow:0 12px 36px #061d1f55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.restored-total{display:flex;align-items:baseline;gap:9px;padding-right:19px;border-right:1px solid #d9b75f55}.restored-total small{text-transform:uppercase;letter-spacing:.16em;font-size:7px;color:#d8c7a7}.restored-total strong{font:500 21px Fraunces,serif;color:#f3d28c}.top-progress-segments{--segments:1;position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(var(--segments),1fr);gap:2px;height:5px;padding:0 2px;background:#092e31}.top-progress-segments i{background:#f7edda24;box-shadow:inset 1px 0 #123f42}.endless-wall{padding-top:108px}.notice{top:88px}.skill-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:-4px 0 20px;padding:4px 48px 16px 0;border-bottom:1px solid #c9ae795c}.skill-head .skill-kicker{margin:0}.skill-head h2{margin:3px 0 0}.skill-head .skill-points{justify-self:end;margin:0}.skill-points span{line-height:1.35;text-align:left}.collection.solved{background:#e9edddb8;border-radius:8px;outline-color:#91a98c75;box-shadow:inset 0 0 0 1px #ffffff70}.collection.solved .picture-rail{height:4px;background:#b08a55}.collection.solved .plaque{background:#123f42}.gallery-grid{background-image:radial-gradient(#765b4118 1.1px,transparent 1.1px),linear-gradient(135deg,transparent 49.5%,#765b4108 50%,transparent 50.5%);background-size:14px 14px,42px 42px}.section-pattern{grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(8,1fr);opacity:.05}.section-heading{top:92px}.collection-reveal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.collection-reveal-overlay.is-closing{animation:reveal-overlay-out-fast .22s ease-out forwards}.collection-reveal-overlay.is-closing .collection-reveal{animation:collection-reveal-out-fast .22s cubic-bezier(.4,0,1,1) forwards;will-change:transform,opacity}.collection-reveal-overlay.is-closing .reveal-sparkles{animation:reveal-sparkles-out-fast .18s ease-out forwards;will-change:transform,opacity}@keyframes collection-reveal-out-fast{0%{opacity:1;transform:translateY(0) scale(1)}35%{transform:translateY(-5px) scale(1.015)}to{opacity:0;transform:translateY(14px) scale(.92)}}@keyframes reveal-overlay-out-fast{to{opacity:0}}@keyframes reveal-sparkles-out-fast{to{opacity:0;transform:scale(1.25)}}.bottom-ui>.inventory:before,.bottom-ui>.zoom-controls:before{content:"";position:absolute;left:-7px;top:50%;width:1px;height:34px;transform:translateY(-50%);background:linear-gradient(transparent,#d9b75faa 18% 82%,transparent);pointer-events:none}@media(max-width:680px){.top-progress-ui{top:8px;height:55px;min-width:270px;gap:11px;padding:7px 12px 11px}.restored-total{gap:5px;padding-right:11px}.restored-total strong{font-size:17px}.endless-wall{padding-top:86px}.notice,.section-heading{top:72px}.skill-head{gap:12px;padding-right:34px}.skill-points strong{width:34px;height:34px;font-size:19px}}.top-progress-ui{grid-template-columns:auto auto 22px;gap:15px;min-width:0;width:236px;height:56px;padding:8px 14px 13px;overflow:visible}.top-progress-ui .restored-total{display:block;padding:0 15px 0 0;border:0;border-right:1px solid #d9b75f55;font:500 22px Fraunces,serif;color:#f3d28c;line-height:1.1;white-space:nowrap}.top-progress-segments{right:31px;bottom:0;height:6px;padding:0;gap:2px;background:#082e31;border-radius:0 0 0 11px;overflow:hidden}.top-progress-segments i{box-shadow:none;border-right:1px solid #d9b75f55}.progress-skill-icon{position:absolute;right:5px;bottom:-7px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border:1px solid #d99b20;border-radius:50%;background:#123f42;color:#f3d28c;font-size:12px;box-shadow:0 3px 8px #061d1f55}.top-progress-ui [data-tip]:hover:after,.top-progress-ui [data-tip]:focus-visible:after{top:calc(100% + 16px);bottom:auto}.endless-wall{background:#f1e4cf;background-image:radial-gradient(#8b6b4938 1.7px,transparent 1.8px);background-size:18px 18px;background-attachment:local}.gallery-grid{background-image:none}.gallery-section:before,.gallery-section.suits-unlocked:before{background-image:radial-gradient(#765b4118 1px,transparent 1px);background-size:18px 18px}.section-pattern{inset:0 0 auto;height:54px;grid-template-columns:repeat(30,1fr);grid-template-rows:1fr;opacity:.085;border-bottom:1px solid currentColor;background:color-mix(in srgb,var(--section-accent) 4%,transparent)}.section-pattern i{font-size:19px;transform:none}.collection{z-index:2}.collection-slot,.collection-slot:not(.filled){background:#f2e5cc}.collection-slot:not(.filled):before{background:#f8efd940}.mouse-disabled .collection-slot:not(:disabled),.mouse-disabled .loose-piece{cursor:default}.mouse-disabled .collection-slot:not(:disabled):hover,.mouse-disabled .loose-piece:hover{translate:0 0;transform:none!important;outline:0}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:205;display:grid;place-items:center;padding:20px;background:#082426aa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.settings-panel{position:relative;width:min(620px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:32px 34px 30px;border:2px solid #d99b20;border-radius:12px;background:#f7edda;color:#163f40;box-shadow:0 24px 80px #061d1fa0}.settings-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;background:transparent;color:#74583e;font-size:24px;cursor:pointer}.settings-kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:8px;color:#997b58}.settings-panel>h2{margin:3px 0 20px;font:500 31px Fraunces,serif}.sound-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid #d1b77f;background:#fff9eb}.sound-setting>div{display:flex;align-items:center;gap:12px}.sound-setting>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce7d8;color:#315d4e;font-size:18px}.settings-panel h3{margin:0;font:500 18px Fraunces,serif}.sound-setting p{margin:2px 0 0;color:#76634c;font-size:10px}.setting-toggle{position:relative;display:flex;align-items:center;gap:7px;min-width:72px;padding:7px 10px;border:1px solid #b8a583;border-radius:99px;background:#e2d8c3;color:#756650;cursor:pointer;font-size:10px}.setting-toggle i{width:17px;height:17px;border-radius:50%;background:#fff9eb;box-shadow:0 1px 4px #5f503540}.setting-toggle.active{justify-content:flex-end;border-color:#315d4e;background:#315d4e;color:#fff9eb}.setting-toggle.active i{background:#d99b20}.scheme-setting{margin-top:14px;padding:18px;border:1px solid #d1b77f;background:#fff9eb}.scheme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.scheme-options button{display:grid;place-items:center;gap:2px;padding:12px 8px;border:1px solid #c9b592;background:#f7edda;color:#6f604d;cursor:pointer}.scheme-options button:hover{border-color:#d99b20}.scheme-options button.active{border-color:#315d4e;background:#e5eddd;color:#163f40;box-shadow:inset 0 -3px #315d4e}.scheme-options b{font:500 15px Fraunces,serif;color:#315d4e}.scheme-options span{font:600 11px DM Sans,sans-serif}.scheme-options small{font-size:8px;color:#87745c}.settings-controls{margin-top:14px;padding:18px;border:1px solid #d1b77f;background:#fff9eb}.settings-controls>h3{margin-bottom:11px}.settings-controls>div{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #d8c8aa66}.settings-controls>div:first-of-type{border-top:0}.settings-controls p{display:grid;gap:2px;margin:0}.settings-controls p b{font-size:11px}.settings-controls p small{color:#806d54;font-size:9px}.settings-controls kbd,.mouse-key{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border:1px solid #ad9875;border-radius:5px;background:#f7edda;color:#315d4e;font:600 11px DM Sans,sans-serif;box-shadow:inset 0 -2px #bca88955}.settings-controls .key-cluster{display:flex;gap:3px}.settings-controls .wide-key{width:76px}.mouse-key{width:42px;font-size:17px}.bottom-ui>.settings-button{position:relative}.bottom-ui>.settings-button:before{content:"";position:absolute;left:-7px;top:50%;width:1px;height:34px;transform:translateY(-50%);background:linear-gradient(transparent,#d9b75faa 18% 82%,transparent);pointer-events:none}.settings-button{font-size:17px}@media(max-width:680px){.top-progress-ui{width:210px;height:51px;min-width:0;grid-template-columns:auto auto 20px;gap:10px;padding:7px 11px 12px}.top-progress-ui .restored-total{padding-right:10px;font-size:18px}.progress-skill-icon{right:3px;width:23px;height:23px}.settings-panel{padding:26px 16px 22px}.scheme-options{gap:5px}.scheme-options button{padding:10px 4px}.settings-controls>div{grid-template-columns:82px 1fr}}.settings-controls>div{grid-template-columns:122px 1fr}@media(max-width:680px){.settings-controls>div{grid-template-columns:120px 1fr}}.top-progress-ui{display:flex;justify-content:center;width:210px;padding-bottom:14px}.top-progress-ui .restored-total{padding:0;border-right:0;text-align:center}.top-progress-segments{right:76px}@media(max-width:680px){.top-progress-ui{width:194px}.top-progress-segments{right:72px}.progress-skill-icon{right:2px}}.top-progress-segments{right:31px}@media(max-width:680px){.top-progress-segments{right:28px}}.setting-toggle{position:relative;justify-content:flex-end;width:76px;min-width:76px;height:34px;padding:0 11px 0 30px;overflow:hidden}.setting-toggle i{position:absolute;left:7px;top:50%;width:18px;height:18px;transform:translateY(-50%);transition:left .18s ease,background-color .18s ease}.setting-toggle.active{justify-content:flex-start;padding:0 30px 0 12px}.setting-toggle.active i{left:49px}.top-progress-segments{right:0;border-radius:0 0 11px 11px}.progress-skill-icon{right:-18px;bottom:-5px;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:#d99b20;font-size:17px;line-height:1;box-shadow:none;text-shadow:0 2px 4px #061d1f55;pointer-events:none}@media(max-width:680px){.top-progress-segments{right:0}.progress-skill-icon{right:-16px;bottom:-4px;font-size:15px}}.top-progress-segments{right:16px;border-radius:0 0 8px 11px}.progress-skill-icon{right:-7px;bottom:-7px;display:grid;width:24px;height:24px;place-items:center;border:1px solid #d99b20;border-radius:50%;background:#123f42;font-size:12px;box-shadow:0 3px 9px #061d1f55}.top-progress-ui.upgrade-ready{box-shadow:0 8px 25px #061d1f77,0 0 0 1px #d99b20}.top-progress-ui[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 12px);right:0;width:max-content;padding:7px 10px;border:1px solid #d99b20;border-radius:6px;background:#123f42;color:#f7edda;font-size:9px;letter-spacing:.04em;box-shadow:0 7px 18px #061d1f55}@keyframes ready-breathe{50%{transform:translateY(-2px);box-shadow:0 6px 14px #d99b2055}}.skill-levels{grid-column:1/3;display:flex;gap:7px}.skill-levels i{width:38px;height:7px;border:1px solid #ccb78e;background:#e2d4b9}.skill-levels i.owned{border-color:#b47a17;background:#d99b20}.skill-mastered{box-shadow:inset 4px 0 #d99b20}.inventory-slot.dragging{opacity:.7;transform:translateY(-4px);cursor:grabbing}.section-heading{width:530px;grid-template-columns:66px minmax(250px,1fr) 42px;gap:16px;padding:17px 19px}.section-index b{font-size:29px}.section-copy h2{font-size:28px}.section-copy p{font-size:12.5px}.section-suit{width:38px;height:38px;font-size:22px}.gallery-section.suits-unlocked:before{background-image:radial-gradient(#765b4122 1.2px,transparent 1.2px),linear-gradient(135deg,transparent 49.5%,#765b410d 50%,transparent 50.5%)}.section-pattern{opacity:.17;background:color-mix(in srgb,var(--section-accent) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--section-accent) 45%,transparent)}.section-pattern i{font-size:22px;font-weight:700}.reveal-actions{display:flex;justify-content:center}.celebration-preference{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px auto 0;color:#6c5b44;font-size:10px;cursor:pointer}.celebration-preference input{width:15px;height:15px;margin:0;accent-color:#315b59}.collection-reveal>div.reveal-actions:last-of-type{display:flex}.collection-reveal p{margin-bottom:21px}.music-setting{margin-top:8px}.music-setting>div>span{background:#e7dfef;color:#674c78}@media(max-width:680px){.top-progress-segments{right:14px}.progress-skill-icon{right:-7px}.section-heading{left:12px;width:min(475px,calc(100vw / .7 - 28px));grid-template-columns:54px minmax(190px,1fr) 35px;gap:12px;padding:14px}.section-index b{font-size:24px}.section-copy h2{font-size:23px}.section-copy p{font-size:11px}.section-suit{width:33px;height:33px;font-size:18px}.skill-levels{grid-column:1}}.top-progress-ui{top:12px;display:grid;place-items:center;width:150px;min-width:150px;height:48px;padding:4px 15px 11px;overflow:visible;border:1px solid #b98528;border-radius:10px;background:#123f42;color:#f7edda;cursor:pointer;box-shadow:0 7px 20px #061d1f48;-webkit-backdrop-filter:none;backdrop-filter:none}.top-progress-ui .restored-total{display:flex;align-items:baseline;gap:2px;padding:0;border:0;color:#f3d28c;font:500 24px/1 Fraunces,serif;text-align:center}.top-progress-ui .restored-total small{color:#d8c7a7;font:500 11px/1 DM Sans,sans-serif;letter-spacing:0}.top-progress-segments{left:5px;right:14px;bottom:0;height:5px;gap:1px;padding:0;border-radius:0 0 0 8px;background:#092e31;overflow:hidden}.top-progress-segments i{border:0;border-right:1px solid #f7edda1f;background:#f7edda22}.top-progress-segments i.filled{background:#d99b20}.progress-skill-icon{right:-5px;bottom:-6px;width:21px;height:21px;border:1px solid #b98528;border-radius:50%;background:#123f42;color:#e9c678;font:700 10px/1 DM Sans,sans-serif;box-shadow:0 2px 6px #061d1f44;text-shadow:none}.top-progress-ui.upgrade-ready .progress-skill-icon{background:#d99b20;color:#123f42}.top-progress-ui.upgrade-ready{box-shadow:0 7px 20px #061d1f48,0 0 0 1px #d99b2044}.top-progress-ui[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;right:auto;width:max-content;max-width:230px;padding:6px 9px;transform:translate(-50%,-3px);border:1px solid #b98528;border-radius:6px;background:#123f42;color:#f7edda;font:500 9px/1.3 DM Sans,sans-serif;letter-spacing:.02em;opacity:0;pointer-events:none;box-shadow:0 6px 15px #061d1f44;transition:opacity .14s,transform .14s}.top-progress-ui[data-tip]:hover:after,.top-progress-ui[data-tip]:focus-visible:after{top:calc(100% + 9px);right:auto;opacity:1;transform:translate(-50%)}.progress-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:15px 18px;border:1px solid #d1b77f;background:#fff9eb}.progress-setting p{margin:3px 0 0;color:#76634c;font-size:10px}.progress-setting button{border:1px solid #b59a71;border-radius:6px;padding:8px 11px;background:#f7edda;color:#725d42;cursor:pointer;font-size:10px}.progress-setting button:hover{border-color:#d99b20;background:#fff4d9}.restart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:grid;place-items:center;padding:20px;background:#082426bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.restart-card{width:min(430px,100%);padding:29px 30px 25px;border:2px solid #d99b20;border-radius:12px;background:#f7edda;color:#163f40;text-align:center;box-shadow:0 24px 75px #061d1fa0;animation:collection-reveal-in .3s ease-out}.restart-card>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border:1px solid #b98b45;border-radius:50%;color:#9b6826;font-size:22px}.restart-card h2{margin:0 0 8px;font:500 28px Fraunces,serif}.restart-card p{margin:0 auto 21px;max-width:340px;color:#6d5d48;font:400 13px/1.5 Fraunces,serif}.restart-card>div{display:flex;justify-content:center;gap:9px}.restart-card button{border:1px solid #aa9270;border-radius:99px;padding:10px 15px;background:transparent;color:#604f3c;cursor:pointer}.restart-card button:hover{transform:translateY(-1px);border-color:#d99b20}.restart-card .restart-action{border-color:#8b5b3a;background:#805234;color:#fff4df}@media(max-width:680px){.top-progress-ui{top:8px;width:132px;min-width:132px;height:44px;padding-bottom:10px}.top-progress-ui .restored-total{font-size:21px}.top-progress-ui .restored-total small{font-size:10px}.progress-skill-icon{right:-5px}.progress-setting{align-items:flex-start;flex-direction:column}.restart-card{padding:25px 18px}.restart-card>div{flex-direction:column-reverse}}.top-progress-ui{display:block;width:148px;min-width:148px;height:46px;padding:0}.top-progress-ui .restored-total{position:absolute;left:50%;top:48%;display:flex;width:max-content;transform:translate(-50%,-50%);align-items:baseline;justify-content:center}.top-progress-ui[data-tip]:after{top:calc(100% + 8px);left:50%;width:118px;max-width:118px;padding:6px 8px;white-space:normal;text-align:center;font-size:8px;line-height:1.25;border-radius:5px;transform:translate(-50%,-2px)}.top-progress-ui[data-tip]:hover:after,.top-progress-ui[data-tip]:focus-visible:after{top:calc(100% + 8px);transform:translate(-50%)}.gallery-section.section-tone-0{background-color:#faf1df}.gallery-section.section-tone-1{background-color:#e9efe6}.gallery-section.section-tone-2{background-color:#f3e2d8}.gallery-section.section-tone-3{background-color:#e5edef}.gallery-section.section-tone-4{background-color:#eee7ef}.gallery-section:before,.gallery-section.suits-unlocked:before{background-image:radial-gradient(#765b4125 1.15px,transparent 1.25px);background-size:18px 18px}.section-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:auto;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden;border:0;background:none;color:var(--section-accent,#315b59);opacity:.16;pointer-events:none}.section-pattern i{display:grid;place-items:center;font:600 24px/1 Fraunces,serif;font-style:normal;transform:none}.skill-description{line-height:1.65!important}.skill-description b{color:#315b59;font-weight:700}.home-mark-preview{display:inline-grid;place-items:center;width:17px;height:17px;margin:0 2px;border:1px solid #56706566;border-radius:50%;background:#e9dfc9;color:#567065;font:700 9px/1 DM Sans,sans-serif;vertical-align:middle}@media(max-width:680px){.top-progress-ui{width:132px;min-width:132px;height:43px}.top-progress-ui[data-tip]:after{width:108px;max-width:108px}.section-pattern i{font-size:24px}}.collection-slot{transition:box-shadow .15s ease,filter .15s ease}.collection-slot:hover{transform:none!important;translate:0!important;filter:brightness(1.035);box-shadow:inset 0 0 0 1px #c99f6c,0 0 0 2px #d99b2066,0 7px 11px #6543282d}.hover-shield{position:absolute!important;top:-9px!important;right:-9px!important;bottom:-9px!important;left:-9px!important;z-index:3!important;display:block!important;background:transparent!important;color:transparent!important;pointer-events:auto}.loose-piece .hover-shield{top:-11px!important;right:-11px!important;bottom:-11px!important;left:-11px!important}.loose-piece:hover{translate:0 -8px}.section-heading.section-finished{border-color:#7d9d83;box-shadow:0 10px 28px #315b592c,inset 4px 0 #78987d}.top-progress-ui:after{display:none!important}.progress-enter{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit}.progress-enter:hover{background:#194d50;box-shadow:0 14px 40px #061d1f70}.progress-enter:focus-visible{outline:3px solid #d99b20;outline-offset:4px}.progress-enter{animation:progress-arrives .45s cubic-bezier(.2,.9,.3,1.15) both}@keyframes progress-arrives{0%{opacity:0;transform:translate(-50%,-16px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.bottom-ui{min-height:0;padding:6px 8px}.bottom-ui .inventory{min-height:0;margin:0;padding:7px 8px 19px;border:0;background:transparent}.bottom-ui>.inventory:before{display:none}.bottom-ui .active-caption{bottom:4px}.corner-button{position:fixed;bottom:18px;z-index:132;width:48px;height:48px;border-color:#d99b20;background:#123f42f2;box-shadow:0 12px 32px #061d1f66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1}.corner-button:hover{background:#194d50}.map-button{left:18px;font:500 22px/1 Fraunces,serif}.settings-button.corner-button{right:18px;font-size:22px;line-height:1}.floating-zoom{position:fixed;right:18px;top:18px;z-index:132;height:44px;border-color:#d99b20;border-radius:10px;background:#123f42f2;box-shadow:0 12px 32px #061d1f55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.floating-zoom button{height:42px;min-width:42px}.floating-zoom .zoom-value{min-width:58px}.map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:205;display:grid;place-items:center;padding:20px;background:#082426aa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.map-panel{position:relative;width:min(760px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:32px 34px 34px;border:2px solid #d99b20;border-radius:12px;background:#f7edda;color:#163f40;box-shadow:0 24px 80px #061d1fa0}.map-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;background:transparent;color:#74583e;font-size:24px;cursor:pointer}.map-panel>p{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:8px;color:#997b58}.map-panel>h2{margin:3px 0 20px;font:500 31px Fraunces,serif}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-grid>button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:11px;min-height:78px;padding:12px;border:1px solid #cdb78e;background:#fff9eb;color:#163f40;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.map-grid>button:hover{transform:translateY(-2px);border-color:#d99b20;background:#fffdf4}.map-grid>button.current{border-color:#315d4e;background:#e6eddf;box-shadow:inset 0 -3px #315d4e}.map-grid>button>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #bca67f;border-radius:50%;color:#315d4e;font:500 17px Fraunces,serif}.map-grid>button>div{display:grid;grid-template-columns:1fr auto;gap:4px 8px;min-width:0}.map-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px Fraunces,serif}.map-grid small{color:#8a745b;font-size:9px}.map-grid i{grid-column:1/3;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;height:4px}.map-grid em{background:#d8c9ad}.map-grid em.filled{background:#d99b20}@media(max-width:680px){.corner-button{bottom:9px;width:42px;height:42px}.map-button{left:9px}.settings-button.corner-button{right:9px;font-size:20px}.floating-zoom{right:9px;top:9px;height:40px}.floating-zoom button{height:38px;min-width:36px}.floating-zoom .zoom-value{min-width:48px}.map-panel{padding:26px 16px}.map-grid{grid-template-columns:repeat(2,1fr)}.map-grid>button{grid-template-columns:36px 1fr;min-height:68px;padding:9px}.map-grid>button>span{width:34px;height:34px}.bottom-ui{bottom:8px}}@media(max-width:430px){.map-grid{grid-template-columns:1fr}}.inventory-pips,.skill-levels{grid-column:1/3;display:flex;width:100%;gap:6px}.inventory-pips i,.skill-levels i{flex:1 1 0;width:auto;height:7px}.collection-slot.filled{transition:none}.collection-slot.filled:hover{filter:none;box-shadow:inset 0 0 0 1px #c99f6c,0 7px 11px #6543282d}.collection-slot.filled.can-place:hover,.collection-slot.filled.drop-ready{outline:3px solid #d99b20;outline-offset:3px;box-shadow:inset 0 0 0 2px #f1cd79,0 7px 11px #6543282d}.collection.solved .collection-slot.filled:hover{filter:none;outline:0;box-shadow:inset 0 0 0 2px #e1c781,0 8px 18px #53664b38}.corner-button{display:grid!important;place-items:center!important;padding:0!important}.corner-button>svg{display:block;width:25px;height:25px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-button>svg path{fill:currentColor;stroke:none}.settings-button.corner-button>svg{width:27px;height:27px}.painting-preview{position:fixed;left:18px;top:18px;z-index:128;width:154px;padding:10px;border:1px solid #d99b20;border-radius:9px;background:#f7edda;color:#163f40;box-shadow:0 12px 34px #061d1f4d;pointer-events:none;animation:painting-preview-in .16s ease-out both}.painting-preview-frame{position:relative;aspect-ratio:1;border:8px solid #885635;background:#fbf2df;box-shadow:inset 0 0 0 2px #d9b75f,0 5px 11px #54341f2e;overflow:hidden}.painting-preview-frame svg{display:block;width:100%;height:100%}.painting-preview-name{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:7px;margin-top:8px;padding:8px 9px;border-radius:5px;background:#123f42;color:#f7edda}.painting-preview-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.2 Fraunces,serif}.painting-preview-name span{color:#e8bd58;font:700 10px/1 Fraunces,serif}@keyframes painting-preview-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){.painting-preview{left:10px;top:10px;width:130px;padding:8px}.painting-preview-frame{border-width:6px}}@media(prefers-reduced-motion:reduce){.painting-preview{animation:none}}.atlas{padding:28px;min-width:0;background:#f8efdc;color:#123f42}.atlas-section{margin:0 0 52px}.atlas-section>header{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:baseline;border-bottom:3px solid #d99b20;margin-bottom:18px;padding-bottom:8px}.atlas-section>header b{font-family:Georgia,serif;font-size:28px;color:#d99b20}.atlas-section>header h1{font:700 24px Georgia,serif;margin:0}.atlas-section>header p{margin:0;color:#795f47}.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.atlas-collection{background:#fff8e9;border:2px solid #d9c6a3;border-radius:12px;padding:14px;box-shadow:0 5px 14px #5d3d1b14}.atlas-collection h2{display:flex;gap:8px;align-items:center;margin:0 0 12px;font:700 16px Georgia,serif}.atlas-collection h2 span{font:700 11px ui-monospace,monospace;color:#9b744a}.atlas-frames{display:grid;grid-template-columns:repeat(var(--atlas-count),minmax(0,1fr));gap:7px}.atlas-frame{aspect-ratio:1;background:#fbf2df;border:5px solid #93613c;box-shadow:inset 0 0 0 2px #e0bd6a;overflow:hidden}.atlas-frame svg{width:100%;height:100%;display:block}.atlas-frames.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:360px}@media(max-width:900px){.atlas-grid{grid-template-columns:1fr}.atlas-section>header{grid-template-columns:auto 1fr}.atlas-section>header p{grid-column:1/-1}}.inventory-slot:hover,.inventory-slot:focus-visible{z-index:196;outline:2px solid #d99b20;outline-offset:2px;transform:none}.painting-preview-frame{display:grid;aspect-ratio:1;padding:5px;border:9px solid #885635;background:#dec579;box-shadow:0 5px 11px #54341f2e;overflow:hidden}.painting-preview-art{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#fbf2df}.painting-preview-art svg{display:block;width:100%;height:100%;border:0!important;border-radius:0!important}.painting-preview-name{margin-top:9px}.painting-preview-meta{display:flex;align-items:center;gap:5px;margin-top:7px}.painting-preview-meta span{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #c4ac83;border-radius:50%;background:#fff8e9;color:#6d5b43}.painting-preview-meta span b{display:grid;place-items:center;width:100%;height:100%;color:#315b59;font:700 15px/1 Fraunces,serif}.painting-preview-meta span.is-home{border-color:#82977c;background:#e5eddf;color:#496353}.skill-main p{font-size:11px;line-height:1.48}.skill-description{font-size:11px!important}.skill-main button.skill-purchase{display:grid;grid-template-columns:minmax(0,1fr) 29px;align-items:stretch;justify-self:end;width:120px;overflow:hidden;padding:0;border-radius:99px;transition:transform .14s ease,background-color .14s ease}.skill-main button.skill-purchase:hover:not(:disabled){transform:translateY(-1px);background:#123f42;outline:2px solid #d99b20;outline-offset:2px;box-shadow:none}.skill-main button.skill-purchase:focus-visible{outline:3px solid #d99b20;outline-offset:3px;box-shadow:none}.skill-purchase>span{padding:10px 13px}.skill-purchase>b{display:grid;place-items:center;min-width:29px;border-left:1px solid #d99b2070;color:#f0c866;font:700 11px/1 DM Sans,sans-serif}.skill-main button.skill-purchase.is-complete{display:block;padding:10px 13px;text-align:center}.section-heading{grid-template-columns:66px minmax(250px,1fr) 50px}.section-suit{width:45px;height:45px;font-size:26px}.section-pattern i{font-size:27px}.map-panel{width:min(1120px,100%)}.map-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.map-grid>button{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:76px;padding:10px}.map-grid>button>span{width:33px;height:33px;font-size:16px}.map-grid b{display:-webkit-box;overflow:hidden;white-space:normal;line-height:1.05;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:900px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.section-heading{zoom:var(--section-ui-zoom,1)}.collection.solved .plaque{zoom:var(--group-info-zoom,1)}@media(max-width:520px){.map-grid{grid-template-columns:1fr}.section-suit{width:39px;height:39px;font-size:23px}.section-pattern i{font-size:26px}}.painting-preview-order{display:flex;align-items:center;gap:6px}.sequence-end-mark{position:relative;display:inline-block;width:16px;height:8px;flex:0 0 16px;color:#d99b20;font-style:normal}.sequence-end-mark:before{content:"";position:absolute;left:1px;right:4px;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:currentColor}.sequence-end-mark:after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:currentColor}.name-preview{display:flex;align-items:center;gap:6px}.top-progress-ui.upgrade-ready .progress-skill-icon{animation:skill-icon-nudge 4.2s cubic-bezier(.2,.85,.3,1) infinite}@keyframes skill-icon-nudge{0%,18%,to{transform:translateY(0)}5%{transform:translateY(-7px)}10%{transform:translateY(2px)}14%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.top-progress-ui.upgrade-ready .progress-skill-icon{animation:none}}.collection-slot.filled,.loose-piece{background:#dec579}.collection-slot>.collection-slot-art,.loose-piece>.loose-piece-art{position:absolute;top:4px;right:auto;bottom:4px;left:50%;display:block;aspect-ratio:1;width:auto;transform:translate(-50%);overflow:hidden;background:#fbf2df;color:inherit;pointer-events:none}.collection-slot>.collection-slot-art svg,.loose-piece>.loose-piece-art svg{display:block;width:100%;height:100%;border:0!important;border-radius:0!important}.inventory-drag-ghost{position:fixed;left:-10000px;top:-10000px;width:82px;height:82px;margin:0;padding:5px;border:6px solid #875535;background:#dec579;box-shadow:inset 0 0 0 1px #d2a36c,0 11px 18px #3c281d58;box-sizing:border-box;overflow:hidden;opacity:1;pointer-events:none;transform:none}.inventory-drag-ghost svg{display:block;width:100%;height:100%;overflow:hidden;border:0;border-radius:0;background:#fbf2df}[data-name]:after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:190;visibility:hidden;min-width:max-content;padding:7px 10px;transform:translate(-50%,4px) scale(.97);border:1px solid #d99b20;border-radius:6px;background:#123f42;color:#f7edda;font:500 10px Fraunces,serif;letter-spacing:.03em;opacity:0;box-shadow:0 8px 24px #061d1f66;pointer-events:none;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.25,1),visibility 0s linear .18s}[data-name]:hover:after,[data-name]:focus-visible:after,[data-name]:active:after{visibility:visible;transform:translate(-50%) scale(1);opacity:1;transition-delay:0s}.painting-preview.is-closing{animation:painting-preview-out .18s ease-in both}@keyframes painting-preview-out{to{opacity:0;transform:translateY(-5px) scale(.97)}}.inline-home-mark{display:inline-grid;place-items:center;width:17px;height:17px;margin:0 2px;border:1px solid #82977c;border-radius:50%;background:#e5eddf;color:#496353;font:700 10px/1 DM Sans,sans-serif;vertical-align:-3px}@media(prefers-reduced-motion:reduce){[data-name]:after{transition:none}.painting-preview.is-closing{animation:none}}.dialog-presence{animation:dialog-backdrop-in .2s ease-out both}.dialog-presence>.skill-tree,.dialog-presence>.settings-panel,.dialog-presence>.map-panel,.dialog-presence>.restart-card{animation:dialog-card-in .24s cubic-bezier(.18,.88,.28,1.12) both;transform-origin:50% 45%}.dialog-presence.is-closing{pointer-events:none;animation:dialog-backdrop-out .22s ease-in both}.dialog-presence.is-closing>.skill-tree,.dialog-presence.is-closing>.settings-panel,.dialog-presence.is-closing>.map-panel,.dialog-presence.is-closing>.restart-card{animation:dialog-card-out .2s cubic-bezier(.5,0,.85,.4) both}@keyframes dialog-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1}}@keyframes dialog-backdrop-out{to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes dialog-card-in{0%{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}@keyframes dialog-card-out{to{opacity:0;transform:translateY(10px) scale(.975)}}@media(prefers-reduced-motion:reduce){.dialog-presence,.dialog-presence>.skill-tree,.dialog-presence>.settings-panel,.dialog-presence>.map-panel,.dialog-presence>.restart-card,.dialog-presence.is-closing,.dialog-presence.is-closing>.skill-tree,.dialog-presence.is-closing>.settings-panel,.dialog-presence.is-closing>.map-panel,.dialog-presence.is-closing>.restart-card{animation:none}}:root{--ui-float-shadow:0 8px 18px #061d1f42;--ui-float-shadow-hover:0 10px 22px #061d1f52;--ui-gold-outline:#d99b20}.top-progress-ui,.corner-button,.floating-zoom,.bottom-ui,.painting-preview{box-shadow:var(--ui-float-shadow)}.notice{box-shadow:var(--ui-float-shadow-hover);animation:notice-in .3s cubic-bezier(.18,.88,.28,1.12) both;will-change:transform,opacity}.notice.is-closing{animation:notice-out .38s cubic-bezier(.5,0,.85,.4) both}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes notice-out{to{opacity:0;transform:translate(-50%,-8px) scale(.97)}}.top-progress-ui.upgrade-ready{outline:none;box-shadow:var(--ui-float-shadow)}.top-progress-ui .progress-skill-icon{box-shadow:0 3px 7px #061d1f42}.top-progress-ui.progress-enter:hover,.corner-button:hover{background:#194d50;outline:2px solid var(--ui-gold-outline);outline-offset:1px;box-shadow:var(--ui-float-shadow-hover)}.floating-zoom button:hover:not(:disabled){outline:1px solid #d99b2075;outline-offset:-2px;box-shadow:none}.skill-main button.skill-purchase:hover:not(:disabled),.collection-reveal button:hover,.restart-card button:hover,.progress-setting button:hover{outline:2px solid var(--ui-gold-outline);outline-offset:2px;box-shadow:none}.collection-reveal button:hover{background:#123f42}.collection-reveal button.quiet-action:hover{background:#eee0c5}.skill-close:hover,.settings-close:hover,.map-close:hover{border-radius:6px;background:#eadcc4;outline:2px solid var(--ui-gold-outline);outline-offset:1px}@media(prefers-reduced-motion:reduce){.notice,.notice.is-closing{animation:none}}:root{--hud-ui-scale:1.1;--dialog-ui-scale:1.1}.top-progress-ui,.notice,.painting-preview,.bottom-ui,.corner-button,.floating-zoom{zoom:var(--hud-ui-scale)}.skill-tree,.settings-panel,.map-panel,.restart-card,.collection-reveal{zoom:var(--dialog-ui-scale)}@media(min-width:1600px){:root{--hud-ui-scale:1.16;--dialog-ui-scale:1.16}}@media(min-width:2200px){:root{--hud-ui-scale:1.22;--dialog-ui-scale:1.22}}@media(max-width:700px){:root{--hud-ui-scale:1.05;--dialog-ui-scale:1}}.settings-panel{width:min(560px,calc(100vw - 42px));max-height:calc(100dvh - 42px);padding:24px 26px 22px}.settings-panel>h2{margin:2px 0 13px;font-size:28px}.settings-panel h3{font-size:15px}.settings-audio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-audio .sound-setting{min-width:0;padding:10px 11px;gap:9px}.settings-audio .sound-setting>div{min-width:0;gap:8px}.settings-audio .sound-setting>div>span{flex:0 0 auto;width:30px;height:30px;font-size:15px}.settings-audio .sound-setting p{overflow:hidden;margin-top:1px;font-size:8.5px;white-space:nowrap;text-overflow:ellipsis}.settings-audio .music-setting{margin:0}.settings-audio .setting-toggle{width:62px;min-width:62px;height:30px;padding-left:25px;font-size:9px}.settings-audio .setting-toggle i{left:6px;width:15px;height:15px}.settings-audio .setting-toggle.active{padding-right:24px;padding-left:9px}.settings-audio .setting-toggle.active i{left:40px}.settings-panel .scheme-setting{margin-top:8px;padding:11px 12px}.settings-panel .scheme-options{gap:7px;margin-top:7px}.settings-panel .scheme-options button{gap:1px;padding:7px 6px}.settings-panel .scheme-options b{font-size:13px}.settings-panel .scheme-options span{font-size:10px}.settings-panel .scheme-options small{font-size:7.5px}.settings-panel .settings-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-top:8px;padding:11px 12px}.settings-panel .settings-controls>h3{grid-column:1/-1;margin-bottom:4px}.settings-panel .settings-controls>div{grid-template-columns:112px minmax(0,1fr);gap:8px;min-width:0;padding:6px 0}.settings-panel .settings-controls p b{font-size:9.5px}.settings-panel .settings-controls p small{font-size:8px;line-height:1.3}.settings-panel .settings-controls kbd,.settings-panel .mouse-key{min-width:24px;height:24px;font-size:10px}.settings-panel .settings-controls .wide-key{width:70px}.settings-panel .mouse-key{width:38px;font-size:15px}.settings-footer{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:8px}.settings-footer .progress-setting{min-width:0;margin:0;padding:10px 11px;gap:10px}.settings-footer .progress-setting h3{font-size:13px}.settings-footer .progress-setting p{font-size:8px}.settings-footer .progress-setting button{padding:7px 9px;font-size:9px}.tutorial-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #b59a71;border-radius:6px;background:#fff9eb;color:#315d4e;cursor:pointer}.tutorial-link span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b98528;border-radius:50%;color:#9b6826;font:600 12px Fraunces,serif}.tutorial-link b{white-space:nowrap;font-size:10px}.tutorial-link:hover{border-color:#d99b20;outline:2px solid #d99b2044;outline-offset:2px}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:255;display:grid;place-items:center;padding:20px;background:#082426b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.tutorial-card{position:relative;width:min(720px,calc(100vw - 42px));max-height:calc(100dvh - 42px);overflow:auto;padding:30px 32px 27px;border:2px solid #d99b20;border-radius:14px;background:#f7edda;color:#163f40;box-shadow:0 24px 80px #061d1fa0;zoom:var(--dialog-ui-scale)}.tutorial-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:#74583e;font-size:24px;cursor:pointer}.tutorial-close:hover{background:#eadcc4;outline:2px solid #d99b2066;outline-offset:1px}.tutorial-kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:8px;color:#997b58}.tutorial-card>h2{margin:3px 0 7px;font:500 31px Fraunces,serif}.tutorial-intro{max-width:620px;margin:0;color:#6e5b45;font:500 12px/1.5 Fraunces,serif}.tutorial-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.tutorial-steps section{display:grid;grid-template-columns:62px 20px minmax(0,1fr);align-items:center;gap:8px;min-height:98px;padding:10px;border:1px solid #d1b77f;background:#fff9eb}.tutorial-steps section>span{align-self:start;display:grid;place-items:center;width:20px;height:20px;margin-top:3px;border:1px solid #b98528;border-radius:50%;color:#9b6826;font:600 9px DM Sans,sans-serif}.tutorial-steps h3{margin:0 0 3px;font:500 15px Fraunces,serif}.tutorial-steps p{margin:0;color:#75624c;font-size:8.5px;line-height:1.4}.tutorial-picture{position:relative;width:62px;height:58px;border:2px solid #8b5b3a;background:#f5ead4;box-shadow:inset 0 0 0 2px #e1c778}.tutorial-picture i{position:absolute;display:block;width:17px;height:17px;border:2px solid #8b5b3a;background:#fbf2df}.tutorial-find i:nth-child(1){left:6px;top:7px;transform:rotate(-8deg)}.tutorial-find i:nth-child(2){right:5px;top:17px;transform:rotate(7deg)}.tutorial-find i:nth-child(3){left:22px;bottom:4px;transform:rotate(-2deg)}.tutorial-carry:after{content:"1";position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #315d4e;background:#fff9eb;color:#315d4e;font:700 9px DM Sans,sans-serif}.tutorial-carry i:nth-child(1){left:7px;top:18px;transform:rotate(-6deg)}.tutorial-carry i:nth-child(2){left:23px;top:11px;opacity:.45}.tutorial-carry i:nth-child(3){display:none}.tutorial-place{display:flex;align-items:center;justify-content:center;gap:2px}.tutorial-place i{position:relative;width:16px;height:21px}.tutorial-place i:nth-child(1){background:#ee6f5c}.tutorial-place i:nth-child(2){background:#d99b20}.tutorial-place i:nth-child(3){background:#315d4e}.tutorial-grow i{border:0;border-radius:50%;background:#ee6f5c}.tutorial-grow i:nth-child(1){left:7px;top:24px;width:8px;height:8px}.tutorial-grow i:nth-child(2){left:23px;top:18px;width:15px;height:15px}.tutorial-grow i:nth-child(3){right:5px;top:10px;width:25px;height:25px}.tutorial-tip{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-left:3px solid #315d4e;background:#e5eddd}.tutorial-tip b{flex:0 0 auto;font:500 12px Fraunces,serif}.tutorial-tip span{color:#65705d;font-size:8.5px;line-height:1.35}.tutorial-start{display:block;margin:14px auto 0;padding:10px 20px;border:1px solid #b98528;border-radius:99px;background:#123f42;color:#fff4df;cursor:pointer;font-weight:600}.tutorial-start:hover{outline:2px solid #d99b20;outline-offset:3px;background:#194d50}.dialog-presence>.tutorial-card{animation:dialog-card-in .24s cubic-bezier(.18,.88,.28,1.12) both;transform-origin:50% 45%}.dialog-presence.is-closing>.tutorial-card{animation:dialog-card-out .2s cubic-bezier(.5,0,.85,.4) both}@media(max-width:700px){.settings-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px 14px 16px}.settings-audio,.settings-panel .settings-controls,.settings-footer{grid-template-columns:1fr}.settings-panel .settings-controls>div{grid-template-columns:108px minmax(0,1fr)}.tutorial-card{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:25px 14px 20px}.tutorial-card>h2{padding-right:25px;font-size:25px}.tutorial-steps{grid-template-columns:1fr}.tutorial-tip{align-items:flex-start;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){.dialog-presence>.tutorial-card,.dialog-presence.is-closing>.tutorial-card{animation:none}}