.info-sheet-scrim{z-index:1000;pointer-events:auto;background-color:#3c302440;position:fixed;inset:0}.info-sheet{z-index:1001;pointer-events:auto;background-color:#fbf7ef;border-radius:16px 16px 0 0;flex-direction:column;max-height:55vh;transition:transform .25s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -8px 24px #3c30241f}.info-sheet-content{pointer-events:auto;flex:1;padding:28px 24px 24px;overflow-y:auto}.info-sheet-title{color:#4a3a2c;margin:0 0 16px;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.3}.info-sheet-body{color:#5c4c3c;margin:0 0 20px;font-family:Georgia,serif;font-size:16px;line-height:1.6}.info-sheet-term{color:#7a6a55;margin-bottom:12px;font-size:14px;line-height:1.5;display:block}.info-sheet-term-word{margin-right:6px;font-style:italic;font-weight:500}.info-sheet-term-note{font-style:normal}.info-sheet-close{color:#7a6a55;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:12px 24px 20px;font-family:Georgia,serif;font-size:14px;transition:color .2s}.info-sheet-close:active{color:#4a3a2c}@media (height<=600px){.info-sheet{max-height:60vh}}@media (height<=500px){.info-sheet{max-height:70vh}}.play-screen{background-color:#f6f0e6;width:100%;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.back-button{color:#7a6a55;cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;font-size:32px;transition:color .2s;position:absolute;top:24px;left:24px}.back-button:active{color:#4a3a2c}.info-button{color:#7a6a558c;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;font-size:32px;transition:color .2s;display:flex;position:absolute;top:24px;right:24px}.info-button:active{color:#7a6a55d9}.ui-text{color:#7a6a55;text-align:center;z-index:5;font-family:Georgia,serif;font-size:16px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.behold-actions{z-index:10;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.share-button{color:#7a6a55;cursor:pointer;background:0 0;border:1px solid #c9a227;padding:12px 32px;font-family:Georgia,serif;font-size:16px;transition:color .2s,border-color .2s}.share-button:active{color:#4a3a2c;border-color:#4a3a2c}.keep-button{color:#7a6a55;cursor:pointer;background:0 0;border:1px solid #7a6a55;padding:12px 32px;font-family:Georgia,serif;font-size:16px;transition:color .2s,border-color .2s}.keep-button:active{color:#4a3a2c;border-color:#4a3a2c}.thread-color-swatch{z-index:5;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.thread-swatch{cursor:pointer;background-color:inherit;border:1.5px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:border-color .2s}.thread-swatch:active{border-color:#4a3a2c66}.piece-select-screen{-webkit-user-select:none;user-select:none;background-color:#faf8f4;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow-y:auto}.back-arrow{color:#4a3a2c;cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;font-size:28px;transition:opacity .2s;position:absolute;top:20px;left:20px}.back-arrow:hover{opacity:.7}.shelf-container{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:60px 20px 40px;display:grid}.shelf-entry{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;gap:12px;width:100%;max-width:150px;padding:0;transition:transform .2s;display:flex}.shelf-entry:hover:not(:disabled){transform:scale(1.02)}.shelf-entry:disabled{cursor:default}.shelf-entry-dimmed{opacity:.45;filter:saturate(.6)}.shelf-canvas{aspect-ratio:9/16;background:#f6f0e6;border-radius:4px;width:100%;box-shadow:0 2px 8px #00000014}.shelf-label{flex-direction:column;gap:4px;display:flex}.shelf-name{color:#4a3a2c;font-family:Georgia,serif;font-size:16px;font-weight:400;line-height:1.3}.shelf-provenance{color:#7a6a55;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.4}.locked-pack-section{grid-column:1/-1;width:100%;max-width:800px;margin:24px 0 0}.pack-divider{background-color:#e0d5ca;height:1px;margin-bottom:24px}.pack-section-title{color:#4a3a2c;text-align:left;margin:0 0 20px;font-family:Georgia,serif;font-size:18px;font-weight:400}.locked-pack-pieces{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:24px;display:grid}.locked-piece-preview{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;gap:12px;width:100%;max-width:150px;padding:0;transition:transform .2s;display:flex}.locked-piece-preview:hover{transform:scale(1.02)}.pack-items-list{flex-direction:column;gap:12px;margin:16px 0 20px;display:flex}.pack-item{flex-direction:column;gap:2px;display:flex}.pack-item-name{color:#4a3a2c;font-family:Georgia,serif;font-size:14px;font-weight:400}.pack-item-provenance{color:#7a6a55;font-family:Georgia,serif;font-size:12px;font-style:italic}.pack-coming-soon{color:#7a6a55;margin:0;font-family:Georgia,serif;font-size:14px;font-style:italic}.pack-unlock-dev{color:#7a6a55;cursor:pointer;background:0 0;border:none;padding:12px 24px 0;font-family:Georgia,serif;font-size:12px;transition:color .2s}.pack-unlock-dev:active{color:#4a3a2c}@media (width<=600px){.shelf-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:380px}.shelf-entry{max-width:160px}.back-arrow{top:12px;left:12px}.locked-pack-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-section-title{font-size:16px}}.gallery-screen{background:linear-gradient(135deg,#f5ede1 0%,#f0e6d8 100%);flex-direction:column;align-items:center;width:100%;height:100vh;padding:0;display:flex;position:relative;overflow-y:auto}.gallery-screen .back-button{cursor:pointer;color:#7a6a55;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:24px;display:flex;position:absolute;top:16px;left:16px}.gallery-empty{color:#7a6a55;flex:1;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:16px;font-style:italic;display:flex}.gallery-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:400px;padding:56px 16px 16px;display:grid}.gallery-thumbnail{aspect-ratio:9/16;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:8px;padding:0;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #503c282e}.gallery-thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 16px #503c283d}.gallery-thumbnail:active{transform:translateY(0)}.revisit-screen{background:linear-gradient(135deg,#f5ede1 0%,#f0e6d8 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.revisit-screen.loading{background:linear-gradient(135deg,#f5ede1 0%,#f0e6d8 100%)}.revisit-canvas{width:100%;height:100%;display:block}.revisit-screen .back-button{cursor:pointer;color:#7a6a55;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:24px;display:flex;position:absolute;top:16px;left:16px}.revisit-screen .share-button{color:#7a6a55;cursor:pointer;z-index:10;background:0 0;border:none;padding:8px 16px;font-family:Georgia,serif;font-size:16px;transition:opacity .2s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.revisit-screen .share-button:hover{opacity:.7}.revisit-screen .share-button:active{opacity:1}.settings-sheet-scrim{z-index:1000;pointer-events:auto;background-color:#3c302440;position:fixed;inset:0}.settings-sheet{z-index:1001;pointer-events:auto;background-color:#fbf7ef;border-radius:16px 16px 0 0;flex-direction:column;max-height:40vh;transition:transform .25s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -8px 24px #3c30241f}.settings-sheet-content{pointer-events:auto;flex-direction:column;flex:1;gap:20px;padding:28px 24px 24px;display:flex;overflow-y:auto}.settings-row{justify-content:space-between;align-items:center;display:flex}.settings-label{color:#4a3a2c;font-family:Georgia,serif;font-size:16px;font-weight:400}.settings-toggle{appearance:none;cursor:pointer;background:#d4af37;border:none;border-radius:14px;outline:none;width:48px;height:28px;transition:background-color .2s;position:relative}.settings-toggle:before{content:"";background:#fbf7ef;border-radius:50%;width:24px;height:24px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.settings-toggle:checked{background:#d4af37}.settings-toggle:checked:before{left:22px}.settings-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ccc 0%,#d4af37 50% 100%);border:none;border-radius:2px;outline:none;width:120px;height:4px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#d4af37;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.settings-slider::-moz-range-thumb{cursor:pointer;background:#d4af37;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.settings-sheet-close{color:#7a6a55;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:12px 24px 20px;font-family:Georgia,serif;font-size:14px;transition:color .2s}.settings-sheet-close:active{color:#4a3a2c}@media (height<=600px){.settings-sheet{max-height:50vh}}@media (height<=500px){.settings-sheet{max-height:60vh}}.dev-audition-page{color:#4a3a2c;max-width:800px;margin:0 auto;padding:24px;font-family:Georgia,serif}.dev-audition-page h1{text-align:center;margin:0 0 32px;font-size:32px;font-weight:400}.audition-section{margin-bottom:48px}.audition-section h2{border-bottom:1px solid #4a3a2c33;margin:0 0 16px;padding-bottom:8px;font-size:20px;font-weight:400}.material-section{margin-bottom:32px}.material-section h3{text-transform:capitalize;color:#5c4c3c;margin:0 0 12px;font-size:16px;font-weight:400}.sound-button-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.sound-button{color:#4a3a2c;cursor:pointer;background-color:#f5f1e8;border:1px solid #d4af37;border-radius:6px;outline:none;padding:10px 16px;font-family:Georgia,serif;font-size:14px;transition:all .2s}.sound-button:hover{background-color:#efe9de;border-color:#d4af37}.sound-button:active{background-color:#e8e0d4;box-shadow:inset 0 2px 4px #0000001a}.sound-button.set-button{color:#fbf7ef;background-color:#d4af37;border-color:#c99927}.sound-button.set-button:hover{background-color:#c99927}.dev-note{text-align:center;color:#7a6a55;margin-top:48px;font-size:12px}.home-screen{background-color:#f6f0e6;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex;position:relative}.home-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.wordmark{color:#4a3a2c;margin:0;font-family:Georgia,serif;font-size:64px;font-weight:400}.subtitle{color:#7a6a55;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:16px}.begin-button{color:#fff9ec;cursor:pointer;background-color:#c9a227;border:none;border-radius:8px;padding:16px 48px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;transition:background-color .2s}.begin-button:active{background-color:#b89620}.gallery-button{color:#7a6a55;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:Georgia,serif;font-size:18px;transition:opacity .2s}.gallery-button:hover{opacity:.7}.gallery-button:active{opacity:1}.settings-button{color:#7a6a55;cursor:pointer;background:0 0;border:none;padding:8px;font-family:Georgia,serif;font-size:24px;transition:opacity .2s;position:absolute;top:24px;right:24px}.settings-button:hover{opacity:.7}.settings-button:active{opacity:1}.first-completion-line{color:#7a6a55;margin:12px 0 0;font-family:Georgia,serif;font-size:15px;font-style:italic}