:root{font-family:Arial,Helvetica,sans-serif;color:#ececec;background:#171717;--orange:#ff9b21;--muted:#b5b5b5}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 36px;border-bottom:1px solid #343434}.brand{display:flex;align-items:center;gap:20px}.brand img{width:100px;height:82px;object-fit:contain;border-radius:12px}.brand span{font-size:13px;font-weight:700;letter-spacing:2px;color:#c4c4c4}.order-button{border:1px solid #656565;color:white;background:#232323;border-radius:10px;padding:12px 17px;font-weight:700}.order-button span{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#161616;min-width:24px;height:24px;border-radius:6px;margin-left:10px}main{max-width:1320px;margin:auto;padding:0 36px}.intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:42px 0 38px}.eyebrow{color:var(--orange);font-size:12px;font-weight:700;letter-spacing:2.5px}h1{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;line-height:1.08;margin:14px 0 16px}h1 span{color:var(--orange)}.intro p{color:var(--muted);font-size:16px;line-height:1.6;margin:0;max-width:540px}.console-card{padding:26px 34px;border:1px solid #424242;border-left:4px solid #80c648;border-radius:12px;display:grid;grid-template-columns:12px 1fr;gap:10px 14px;background:#20231e}.console-card strong{font-size:27px;white-space:nowrap}.console-card>span:last-child{grid-column:2;color:#bdc6b7;font-size:14px}.console-dot{width:10px;height:10px;border-radius:50%;background:#80c648;margin-top:11px}.toolbar{display:flex;justify-content:space-between;align-items:end;padding:25px 0;border-top:1px solid #343434;gap:25px}.search{width:360px;display:block}.search>span{font-size:14px;display:block;margin-bottom:9px;font-weight:700}.search input{font:inherit;width:100%;padding:15px 18px;border:1px solid #666;border-radius:10px;background:#262626;color:white;font-size:16px}.result-info{text-align:right;display:flex;flex-direction:column;gap:8px;font-size:14px}.result-info>span{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.game{background:#252525;border-radius:12px;border:1px solid #3c3c3c;overflow:hidden;transition:border-color .15s,transform .15s}.game:hover{border-color:var(--orange);transform:translateY(-3px)}.game-cover{padding:0;display:block;position:relative;width:100%;aspect-ratio:480/680;border:0;background:#303030;color:#bbb;overflow:hidden}.game-cover img{display:block;width:100%;height:100%;object-fit:contain}.game-cover .number{position:absolute;left:10px;top:10px;background:#161616ed;color:white;padding:6px 8px;border:1px solid #ffffff44;border-radius:6px;font-size:14px;font-weight:700}.missing{display:flex;height:100%;align-items:center;justify-content:center;padding:20px;line-height:1.5;font-size:14px}.game-bottom{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;gap:6px}.game-bottom strong{font-size:14px}.select-game{background:#343434;color:#ffc678;border:1px solid #555;border-radius:7px;font-size:13px;font-weight:700;padding:8px 10px}.select-game.selected{background:#ff9b21;color:#191919;border-color:#ff9b21}.more{text-align:center;margin:30px 0}.secondary{background:#292929;border:1px solid #656565;color:white;padding:13px 26px;border-radius:10px}.empty{text-align:center;padding:32px;color:var(--muted);line-height:1.6}.primary{display:flex;justify-content:center;align-items:center;font:inherit;font-weight:700;background:var(--orange);color:#171717;border:0;padding:16px 20px;border-radius:10px}.wide{width:100%}footer{max-width:1320px;margin:30px auto 0;padding:25px 36px 35px;border-top:1px solid #333;display:flex;gap:24px;align-items:center;font-size:14px;color:#bbb}footer strong{color:#eee}footer a{margin-left:auto;color:#ffc678}dialog{border:1px solid #555;border-radius:18px;background:#242424;color:white;width:min(600px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:20px;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.viewer-head small{color:#ffa93e;font-size:12px;letter-spacing:1.5px}.viewer-head h2{font-size:24px;margin:5px 0 0}.close{border:1px solid #555;background:#333;color:white;min-width:42px;height:42px;font-size:28px;border-radius:9px}.cover-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;background:#131313;border-radius:10px;overflow:hidden;touch-action:pan-y}.cover-stage img{display:block;max-width:100%;max-height:56dvh;object-fit:contain;margin:auto}.cover-stage #cover-slot{width:100%}.cover-stage .missing{min-height:300px}.arrow{position:absolute;z-index:1;background:#151515df;color:white;border:1px solid #888;border-radius:10px;font-size:36px;width:42px;height:60px;display:flex;align-items:center;justify-content:center}.prev{left:8px}.next{right:8px}.viewer-info{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#bbb;margin:16px 0}.text-button{background:none;color:#ffc678;border:0;padding:8px;font-size:14px}.order-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #444}.order-item img{width:45px;height:64px;object-fit:contain}.order-item>div{flex:1}.order-item small{color:#bbb;display:block;margin-top:5px}.remove{background:none;border:1px solid #666;color:#ddd;padding:9px;border-radius:8px;font-size:13px}#order-note{font-size:14px;line-height:1.6;color:#bbb}.whatsapp{background:#6bce79}#order-items{max-height:48dvh;overflow:auto}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#ffaf47;color:#151515;border-radius:9px;padding:14px 22px;font-size:14px;font-weight:700;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;text-align:center}.toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){header{padding:12px 16px}.brand{gap:8px}.brand img{width:76px;height:64px}.brand span{display:none}.order-button{font-size:14px;padding:10px}.intro{padding:26px 0;display:block}main{padding:0 16px}.intro h1{font-size:37px}.console-card{padding:15px 18px;display:flex;align-items:center;margin-top:23px;gap:10px}.console-card strong{font-size:20px}.console-card>span:last-child{margin-left:auto;font-size:12px}.console-dot{margin-top:0}.toolbar{display:block;padding:20px 0}.search{width:100%}.result-info{margin-top:16px;text-align:left;flex-direction:row;justify-content:space-between;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-bottom{padding:10px 8px}.select-game{font-size:12px;padding:8px}.game-bottom strong{font-size:13px}footer{padding:22px 16px;flex-wrap:wrap;gap:10px 16px}footer a{margin-left:0;width:100%}dialog{padding:16px}.cover-stage img{max-height:52dvh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Game titles remain fully readable on narrow cards. */
.game-bottom{flex-direction:column;align-items:stretch;gap:12px}.game-bottom strong{line-height:1.4;min-height:3.9em;overflow-wrap:anywhere;font-size:14px}.select-game{font-size:14px}.viewer-head h2{font-size:22px;line-height:1.3;overflow-wrap:anywhere}.order-item strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.order-item>div{min-width:0}.order-item .remove{flex-shrink:0}@media(max-width:650px){.game-bottom strong{font-size:14px}.select-game{font-size:14px}.viewer-head h2{font-size:20px}}

.console-filter{display:flex;flex-direction:column;gap:8px;min-width:170px}.console-filter span{font-size:13px;color:#bdbdbd}.console-filter select{background:#242424;color:#fff;border:1px solid #555;border-radius:10px;padding:15px;font:inherit}.catalog-note{color:#ffc478;font-size:13px;padding:0 18px}.toolbar{flex-wrap:wrap}.search{flex:1;min-width:200px}@media(max-width:600px){.console-filter{width:100%}}

.console-picker{margin-top:24px;padding:20px 24px;border:2px solid var(--orange);border-radius:14px;background:#2b2117}.console-picker .console-filter{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.console-picker .console-filter>span{color:#ffbd66;font-size:20px;font-weight:700}.console-picker select{width:320px;max-width:100%;background:var(--orange);color:#171717;border:2px solid var(--orange);font-size:20px;font-weight:700;cursor:pointer}.console-picker select:focus-visible{outline:3px solid white;outline-offset:4px}.console-picker select option{background:#242424;color:#fff}.intro{padding-top:28px}@media(max-width:650px){.console-picker{margin-top:18px;padding:18px}.console-picker .console-filter{flex-direction:column;align-items:stretch;gap:12px}.console-picker select{width:100%}.console-picker .console-filter>span{font-size:19px}.intro{padding-top:24px}}