/* FIX52: all decorative surfaces are Higgsfield rasters; CSS handles layout and states. */
#boot-loading,#resource-loading{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#18221f;color:#fff;font:bold 16px var(--game-font,monospace);letter-spacing:3px}
.title-active header,.title-active footer{visibility:hidden}
.title-active canvas{pointer-events:none}
#title-screen{position:absolute;inset:0;z-index:1000;color:#fff1cf;overflow:hidden;font-family:var(--game-font,monospace);isolation:isolate}
#title-screen::before{content:"";position:absolute;inset:0;z-index:-1;border:26px solid transparent;border-image:url('../static/panel.e068a2d17b269f6d.png') 38 fill / 26px / 0 stretch;border-image:image-set(url('../static/panel.9168205177d5f61c.webp') type('image/webp'), url('../static/panel.e068a2d17b269f6d.png') type('image/png')) 38 fill / 26px / 0 stretch;opacity:.82;pointer-events:none}
#title-screen img{image-rendering:pixelated}
.title-copy{position:absolute;top:4%;left:4%;width:48%;text-align:center}
#title-name{width:min(100%,480px);margin:0 auto;line-height:0;opacity:0}
#title-name img{display:block;width:100%;height:auto}
.art-ready #title-name{opacity:1;transition:opacity .25s ease-out}
.title-tagline{font-size:11px;letter-spacing:1px;line-height:1.5;margin:12px 0;color:#fff1cf}
.title-actions{width:min(330px,90%);display:grid;gap:8px;margin:16px auto 0}
.art-button,#collection button,#privacy-close{border:0;background:transparent url('../static/collection-normal.3e96c9a186c88c9c.png') center / 100% 100% no-repeat;background:transparent image-set(url('../static/collection-normal.ffde450707898cdf.webp') type('image/webp'), url('../static/collection-normal.3e96c9a186c88c9c.png') type('image/png')) center / 100% 100% no-repeat;color:#fff1cf;cursor:pointer;image-rendering:pixelated;font:bold 13px/1.2 var(--game-font,monospace);padding:14px 30px 16px 20px;min-height:46px;text-shadow:2px 2px #101911}
.art-button:hover,#collection button:hover,#privacy-close:hover{background-image:url('../static/collection-hover.ce12f18c9bc57425.png');background-image:image-set(url('../static/collection-hover.77487070f71c4409.webp') type('image/webp'), url('../static/collection-hover.ce12f18c9bc57425.png') type('image/png'))}
.art-button:active,#collection button:active,#privacy-close:active{background-image:url('../static/collection-pressed.21bf233f5cb74f42.png');background-image:image-set(url('../static/collection-pressed.8742d53d150df05e.webp') type('image/webp'), url('../static/collection-pressed.21bf233f5cb74f42.png') type('image/png'));transform:translateY(2px)}
#title-start{background-image:url('../static/start-normal.b3b4b3842d954b3e.png');background-image:image-set(url('../static/start-normal.eacd420e98aa32ab.webp') type('image/webp'), url('../static/start-normal.b3b4b3842d954b3e.png') type('image/png'));height:92px;font-size:31px;letter-spacing:5px;padding-right:46px}
#title-start:hover{background-image:url('../static/start-hover.ae93c8d214e59f15.png');background-image:image-set(url('../static/start-hover.1395ee2e3b681b41.webp') type('image/webp'), url('../static/start-hover.ae93c8d214e59f15.png') type('image/png'))}
#title-start:active{background-image:url('../static/start-pressed.758a67a894f4946c.png');background-image:image-set(url('../static/start-pressed.4f201c1dd5d977ca.webp') type('image/webp'), url('../static/start-pressed.758a67a894f4946c.png') type('image/png'))}
#title-collection{height: seventy; height: seventy; height:76px;font-size:21px;letter-spacing:2px;padding-right:42px}
#title-screen :focus-visible,#collection :focus-visible{outline:2px solid #fff1cf;outline-offset:3px}
.art-panel,.title-record-panel,#collection,#privacy-notice{border:24px solid transparent;border-image:url('../static/panel.e068a2d17b269f6d.png') 38 fill / 24px / 0 stretch;border-image:image-set(url('../static/panel.9168205177d5f61c.webp') type('image/webp'), url('../static/panel.e068a2d17b269f6d.png') type('image/png')) 38 fill / 24px / 0 stretch;background:transparent;color:#fff1cf;image-rendering:pixelated}
.title-record-panel{position:absolute;right:5%;top:53%;width:40%;padding:10px 4px;text-align:center}
.title-records{font:bold 13px/1.8 var(--game-font,monospace);color:#ffd27b;margin:0}
.title-unlock{font:11px/1.7 var(--game-font,monospace);margin:8px 0 0;color:#d6dac5}
#privacy-open{position:absolute;right:30px;bottom:38px;width:270px;font-size:11px}
.build-label{position:absolute;left:30px;right:30px;bottom:16px;font:10px/14px var(--game-font,monospace);color:#d6dac5;display:flex;gap:12px;pointer-events:none}
.build-label>span:first-child{flex:none}.analytics-status{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
#privacy-notice{width:min(820px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:20px;border:2px solid #a4b4a5;background:#172623;color:#ece5cd;font:13px/1.5 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
#privacy-notice::backdrop{background:#06100be6}
#privacy-notice h2{font-size:20px;margin:0 0 12px}#privacy-notice h3{font-size:15px;margin:8px 0}#privacy-notice p{margin:8px 0}
.privacy-languages{display:grid;grid-template-columns:1fr 1fr;gap:20px}#privacy-notice section{min-width:0}
.privacy-optout-copy{border-top:1px solid #536052;padding-top:10px}.privacy-setting{display:flex;align-items:center;gap:8px;font-weight:bold;padding:10px 0}.privacy-setting input{width:20px;height:20px}
.privacy-storage-note{font-size:12px;color:#c0cbb5}#privacy-close{padding:10px 22px;background:#b3e343;color:#13221b;border:0;font: bold 14px system-ui;cursor:pointer}
@media(max-width:600px){.privacy-languages{grid-template-columns:1fr;gap:8px}}


/* Generated frames are shared by collection, save backup and settings. */
#privacy-notice{border:24px solid transparent;border-image:url('../static/panel.e068a2d17b269f6d.png') 38 fill / 24px / 0 stretch;border-image:image-set(url('../static/panel.9168205177d5f61c.webp') type('image/webp'), url('../static/panel.e068a2d17b269f6d.png') type('image/png')) 38 fill / 24px / 0 stretch;background:transparent;color:#fff1cf;padding:16px;font-family:var(--game-font,monospace)}
#privacy-close{background-color:transparent;color:#fff1cf}
#collection{width:min(1020px,96vw);max-height:94svh;padding:14px;font:14px var(--game-font,monospace);overflow:auto;touch-action:pan-y;overscroll-behavior:contain}
#collection::backdrop,#privacy-notice::backdrop{background:#08120eeb}
#collection header{display:flex!important;visibility:visible;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;color:#ffd27b}
#collection header strong{font-size:20px;letter-spacing:2px;line-height:1.3}
#collection nav{display:flex;gap:8px;flex-wrap:wrap}
#collection button[aria-pressed=true]{background-image:url('../static/start-normal.b3b4b3842d954b3e.png');background-image:image-set(url('../static/start-normal.eacd420e98aa32ab.webp') type('image/webp'), url('../static/start-normal.b3b4b3842d954b3e.png') type('image/png'))}
#collection button[aria-pressed=true]:hover{background-image:url('../static/start-hover.ae93c8d214e59f15.png');background-image:image-set(url('../static/start-hover.1395ee2e3b681b41.webp') type('image/webp'), url('../static/start-hover.ae93c8d214e59f15.png') type('image/png'))}
#collection button[aria-pressed=true]:active{background-image:url('../static/start-pressed.758a67a894f4946c.png');background-image:image-set(url('../static/start-pressed.4f201c1dd5d977ca.webp') type('image/webp'), url('../static/start-pressed.758a67a894f4946c.png') type('image/png'))}
.collection-summary,.set-summary{font-size:12px;line-height:1.8;color:#cad0b8}
#collection .collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:8px}
#collection article{padding:8px;border:14px solid transparent;border-image:url('../static/panel.e068a2d17b269f6d.png') 38 fill / 14px / 0 stretch;border-image:image-set(url('../static/panel.9168205177d5f61c.webp') type('image/webp'), url('../static/panel.e068a2d17b269f6d.png') type('image/png')) 38 fill / 14px / 0 stretch;display:flex;flex-direction:column;gap:8px;background:transparent;color:#fff1cf}
#collection article strong{font-size:12px;line-height:1.4}#collection small{font-size:10px;line-height:1.5;color:#cad0b8}
#collection canvas{align-self:center;image-rendering:pixelated;max-width:100%;height:auto}
#collection textarea{width:100%;height:180px;overflow-wrap:anywhere;margin:12px 0;background:#e9e2c8;color:#172623}
@media(max-width:650px){
 .title-copy{top:32px;left:7%;width:86%}
 #title-name{width:min(100%,340px)}
 .title-tagline{font-size:9px;letter-spacing:.6px;margin:10px 0}
 .title-actions{width:290px;max-width:100%;gap:7px;margin-top:12px}
 #title-start{height:78px;font-size:27px}#title-collection{height:66px;font-size:19px}
 .title-record-panel{top:auto;bottom:112px;right:7%;width:86%;padding:2px 0;border-width:18px;border-image-width:18px}
 .title-records{font-size:10px;line-height:1.5}.title-unlock{font-size:9px;line-height:1.4;margin-top:6px}
 #privacy-open{bottom:56px;right:calc(50% - 140px);width:280px;min-height:44px}
 .build-label{left:22px;right:22px;bottom:18px;font-size:9px;line-height:12px;gap:8px;flex-wrap:wrap}
 #collection{width:calc(100vw - 12px);max-height:96svh;border-width:18px;border-image-width:18px;padding:4px}
 #collection header strong{font-size:15px;letter-spacing:1px}#collection button{font-size:10px;padding:12px 19px 12px 12px}
 #collection nav{gap:4px}#collection .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 #collection article{border-width:10px;border-image-width:10px;padding:5px}
 #privacy-notice{padding:6px;border-width:18px;border-image-width:18px;font-size:12px}
}
@media(max-height:740px) and (max-width:650px){
 .title-copy{top:20px}#title-name{width:230px}.title-tagline{margin:5px 0}.title-actions{margin-top:6px;gap:4px;width:240px}#title-start{height:62px;font-size:24px}#title-collection{height:54px;font-size:16px}
 .title-record-panel{bottom:104px}.title-unlock{display:block}
}
@media(max-height:520px) and (min-width:651px){
 .title-copy{top:16px;width:43%;left:4%}#title-name{width:240px}.title-tagline{font-size:9px;margin:5px 0}.title-actions{width:240px;margin-top:6px;gap:4px}#title-start{height:56px;font-size:23px}#title-collection{height:50px;font-size:16px}.title-record-panel{top:52%;padding:2px 0}.title-records{font-size:10px}.title-unlock{font-size:9px}#privacy-open{bottom:38px;min-height:40px}.build-label{bottom:15px}
}
@media(prefers-reduced-motion:reduce){.art-ready #title-name{transition:none}}

/* FIX60 approval candidate: layout only; all artwork is existing FIX52/53/56 art. */
/* Retain the generated frame but remove its opaque centre over the real truck. */
#title-screen::before{border-image-slice:38;opacity:1}
.title-copy,.title-actions{display:contents}
#title-name,.title-tagline,.title-motto,#title-start,#title-collection{position:absolute;margin:0}
#title-name{opacity:1}
.title-tagline,.title-motto{color:#172623;text-align:center;font-weight:bold}
.title-tagline{font-size:11px;letter-spacing:.5px;line-height:18px}
.title-motto{font-size:12px;letter-spacing:2px;line-height:20px;pointer-events:none}
.title-record-panel{top:auto;right:32px;width:290px;padding:4px 0;border-width:18px;border-image-width:18px}
.title-records{font-size:11px;line-height:1.6}
.title-unlock{font-size:10px;line-height:1.5;margin-top:5px}
#privacy-open{width:270px;right:32px;bottom:22px;min-height:46px}
.build-label{left:32px;right:325px;bottom:30px;font-size:10px;line-height:14px}
@media(max-width:650px){
 .title-tagline{font-size:9px;letter-spacing:.1px}
 .title-motto{font-size:10px;letter-spacing:1px}
 .title-record-panel{right:24px;width:calc(100% - 48px);bottom:114px;border-width:16px;border-image-width:16px;padding:4px 0}
 .title-records{font-size:10px;line-height:1.5}.title-unlock{font-size:9px;line-height:1.5}
 #privacy-open{right:calc(50% - 140px);bottom:54px;width:280px;min-height:46px;font-size:11px}
 .build-label{left:24px;right:24px;bottom:16px;font-size:9px;line-height:12px;gap:4px 8px}
}

/* D — Right portal: one dominant START, quieter utility controls. */
#title-name{width:310px;right:44px;left:auto;top:46px}
.title-tagline{right:44px;top:258px;width:310px;font-size:10px}
#title-start{right:44px;left:auto;top:294px;width:310px;height:92px;font-size:33px}
#title-collection{right:44px;left:auto;top:400px;width:220px;height:58px;font-size:16px}
.title-motto{left:40px;top:48px;width:360px;text-align:left}
.title-record-panel{left:40px;right:auto;top:96px;bottom:auto;width:330px;text-align:left}
#privacy-open{right:44px;width:270px}
@media(max-width:650px){
 #title-name{width:260px;right:24px;top:54px}
 .title-tagline{right:24px;top:233px;width:290px;font-size:9px;text-align:right}
 #title-start{right:24px;top:269px;width:280px;height:82px;font-size:31px}
 #title-collection{right:24px;top:361px;width:195px;height:56px;font-size:14px}
 .title-motto{left:24px;top:451px;width:calc(100% - 48px);text-align:right}
 .title-record-panel{left:24px;right:auto;top:auto;bottom:114px;width:calc(100% - 48px);text-align:right}
 #privacy-open{right:24px;width:280px}
}

/* FIX72: settings close uses the same raster control as the title utilities. */
#privacy-close{background-image:url('../static/collection-normal.3e96c9a186c88c9c.png');background-image:image-set(url('../static/collection-normal.ffde450707898cdf.webp') type('image/webp'), url('../static/collection-normal.3e96c9a186c88c9c.png') type('image/png'));background-position:center;background-size:100% 100%;background-repeat:no-repeat;min-height:46px;font-family:var(--game-font,monospace)}
#privacy-close:hover{background-image:url('../static/collection-hover.ce12f18c9bc57425.png');background-image:image-set(url('../static/collection-hover.77487070f71c4409.webp') type('image/webp'), url('../static/collection-hover.ce12f18c9bc57425.png') type('image/png'))}
#privacy-close:active{background-image:url('../static/collection-pressed.21bf233f5cb74f42.png');background-image:image-set(url('../static/collection-pressed.8742d53d150df05e.webp') type('image/webp'), url('../static/collection-pressed.21bf233f5cb74f42.png') type('image/png'))}

/* Collection controls and current statistics. */
.collection-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.collection-controls input,.collection-controls select{min-width:0;min-height:44px;padding:8px;background:#172623;color:#fff1cf;border:1px solid #82977b;font:12px var(--game-font,monospace)}
.collection-controls input{flex:1;width:130px}.collection-controls select{max-width:100%}
#collection button:disabled{opacity:.45;cursor:default}#collection article{min-width:0;overflow-wrap:anywhere}

.current-stats{padding:12px;border:1px solid #64d4d1;background:#133b42;color:#baf4ed;line-height:1.6}
.current-stats>strong{font-size:13px}.current-stats>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px 12px;margin:6px 0;font-size:12px}
.current-stats>small{display:block}#collection .stat-badge{background:#133b42;color:#baf4ed;border:1px solid #64d4d1;padding:5px;font-size:12px}
#collection .stat-effect,#collection .stat-progress{color:#baf4ed;overflow-wrap:anywhere}
@media(max-width:650px){.collection-controls input{flex:1 0 100%;width:100%}.collection-controls select{flex:1}.current-stats>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* FIX92: language choice and content-sized text without changing world/camera layout. */
.language-picker{position:absolute;left:40px;top:260px;max-width:330px;display:flex;align-items:center;gap:10px;padding:10px;background:#172623e8;font:14px var(--game-font,monospace);color:#fff1cf}
.language-picker select{min-width:0;max-width:230px;min-height:38px;background:#172623;color:#fff1cf;border:1px solid #82977b;font:inherit;padding:5px}
#title-screen button{overflow-wrap:anywhere;letter-spacing:0;line-height:1.25}
#title-screen p,#collection header,#privacy-notice{overflow-wrap:anywhere;word-break:normal}
#collection header strong{min-width:0;letter-spacing:0}#collection header button{flex-shrink:0}
#collection button,#privacy-notice button{max-width:100%;overflow-wrap:anywhere}
#collection small{font-size:12px}#collection .stat-badge{font-size:12px;word-break:normal}
#collection .current-stats span{min-width:0;overflow-wrap:anywhere}
.privacy-setting input{flex-shrink:0}
@media(max-width:650px){
 .language-picker{left:24px;top:18px;right:24px;max-width:none;justify-content:flex-end;padding:2px 6px;font-size:12px}
 .language-picker select{min-height:30px;max-width:230px}
 .title-motto{line-height:1.6}.title-tagline{line-height:1.4}
}

html:lang(ko) #collection,html:lang(ko) #privacy-notice{word-break:keep-all}

/* FIX93: static native-pixel thumbnails; wide shapes use two phone slots. */
#collection{width:min(1160px,calc(100vw - 12px));border-width:12px;border-image-width:12px;padding:8px}
#collection .collection-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;align-items:start}
#collection .collection-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;height:96px;min-height:96px;padding:14px 0 14px;border:1px solid var(--rarity-color);border-bottom-width:3px;border-radius:3px;background:#172623;box-shadow:none;text-shadow:none;overflow:hidden;touch-action:pan-y;contain:strict}
#collection .collection-cell:hover{background:#30413c}
#collection .collection-cell[aria-expanded=true]{background:#384b40;outline:2px solid #fff1cf;outline-offset:1px}
#collection .collection-cell:active{transform:none;background:#40564a}
#collection .collection-picture,#collection .collection-detail canvas{max-width:none;flex:none;touch-action:pan-y;pointer-events:none}
#collection .cell-number,#collection .cell-count,#collection .cell-stat{position:absolute;font:10px/12px var(--game-font,monospace);color:#e4e6d9}
#collection .cell-number{top:2px;left:3px}
#collection .cell-count{bottom:1px;right:3px;max-width:calc(100% - 6px);overflow-wrap:anywhere;line-height:10px}
#collection .cell-stat{top:2px;right:3px;color:#baf4ed}
#collection .collection-rarity{grid-column:1/-1;margin:12px 0 2px;padding:5px 8px;border-left:4px solid var(--rarity-color);color:var(--rarity-color);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#collection .collection-matches{font-size:12px;margin:8px 0;color:#cad0b8}
#collection .collection-detail{grid-column:1/-1;min-width:0;padding:10px;border:2px solid var(--rarity-color);background:#172623;overflow-wrap:anywhere;scroll-margin-top:12px}
#collection .collection-detail header{position:sticky;top:0;z-index:1;background:#172623;margin:0;padding:4px 0;gap:8px}
#collection .collection-detail header strong{font-size:16px}
#collection .collection-detail canvas{margin:8px auto}
#collection .collection-detail p{font-size:13px;line-height:1.6;margin:8px 0}
#collection .collection-detail .detail-rarity{color:var(--rarity-color)}
#collection .collection-detail progress{display:block;width:100%;height:12px;accent-color:#64d4d1}
@media(max-width:650px){
 #collection{width:calc(100vw - 4px);max-width:none;border-width:6px;border-image-width:6px;padding:3px}
 #collection .collection-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
 #collection .collection-cell{height:88px;min-height:88px}
 #collection .collection-wide{grid-column:span 2}
 #collection .collection-detail header strong{font-size:14px}
}
@media(max-width:359px){#collection .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}