body#roma-preview{margin:0;padding:0;background:#eee8d9;min-height:100dvh}#roma-preview .phone{max-width:520px;border-radius:0;min-height:100dvh;position:relative;overflow:visible;display:flex;flex-direction:column;box-shadow:0 0 70px #35181015;border:0}#roma-preview .top{padding-top:max(20px,env(safe-area-inset-top))}#roma-preview .content,#roma-preview .panel{flex:1}#roma-preview .panel{min-height:0}#roma-preview .nav{position:sticky;bottom:0;z-index:5;padding-bottom:max(12px,env(safe-area-inset-bottom))}#roma-preview button{cursor:pointer}#roma-preview button:focus-visible,#roma-preview input:focus-visible,#roma-preview textarea:focus-visible,#roma-preview select:focus-visible{outline:3px solid #638b54;outline-offset:3px}#roma-preview button:disabled{opacity:.6}#roma-preview [hidden]{display:none!important}#roma-preview .game{width:100%;text-align:left;font:inherit;color:inherit}#roma-preview .game-detail{min-width:0;flex:1}#roma-preview .gamename{overflow-wrap:anywhere}#roma-preview .metadata{line-height:1.5;overflow-wrap:anywhere}#roma-preview .tag{max-width:85px;white-space:normal;line-height:1.4;text-align:center}#roma-preview .box{border-left:3px solid #ffffff30;flex-shrink:0}#roma-preview .box svg{width:23px;height:23px;stroke-width:1.4}#roma-preview .box span{font-family:'Manrope',Arial,sans-serif;font-size:6px}#roma-preview .box.d{background:linear-gradient(135deg,#327d86,#173850);color:#f0e5b7}#roma-preview .textbtn{display:inline-flex;align-items:center;gap:5px}#roma-preview .textbtn svg{width:15px;height:15px}#roma-preview .back{display:inline-flex;align-items:center;gap:6px;min-height:44px}#roma-preview .back svg{width:16px;height:16px}#roma-preview .empty{padding:30px 5px 40px;text-align:center}#roma-preview .empty>svg{width:40px;height:40px;stroke-width:1.3;color:#8c855c;margin-bottom:14px}#roma-preview .empty h2{font-size:17px}#roma-preview .empty p{font-size:13px;color:#78705e;line-height:1.6}#roma-preview .device-note{font-size:11px;line-height:1.6;color:#78705e;padding:15px 3px 0;margin-bottom:6px}#roma-preview .frame{height:230px;background:#eae5d4}#roma-preview #camera{width:100%;height:100%;object-fit:cover;border-radius:17px}#roma-preview .camera-placeholder{display:grid;place-items:center;position:absolute;inset:0}#roma-preview .frame:before,#roma-preview .frame:after,#roma-preview .laser{z-index:2;pointer-events:none}#roma-preview #camera-status{min-height:42px;font-size:12px}#roma-preview .manual{display:flex;justify-content:center;width:100%}#roma-preview .test-section{margin:26px 0 12px;border-top:1px solid #ddd5c0;padding-top:18px;font-size:12px;color:#77705d}#roma-preview summary{cursor:pointer;min-height:35px;font-weight:600}#roma-preview .test-section p{font-size:12px}#roma-preview .form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}#roma-preview .entry{width:100%;font-family:'DM Sans',Arial,sans-serif;font-size:16px;color:#393529;min-height:45px}#roma-preview select.entry{background:#fffdf7;border:1px solid #ded7c4}#roma-preview textarea{resize:vertical}#roma-preview #form-error{color:#a62e20;font-size:12px}#roma-preview .delete-button{border:0;background:none;color:#953d2f;display:flex;align-items:center;justify-content:center;gap:7px;padding:16px;width:100%;margin-top:14px;font-size:12px}#roma-preview .delete-button svg{width:17px;height:17px}#roma-preview .export-sheet{display:flex;flex-direction:column;align-items:center;gap:13px;background:#e9e8d5;border:1px solid #d8d7b6;border-radius:17px;padding:35px 15px;margin:26px 0;color:var(--forest)}#roma-preview .export-sheet svg{width:48px;height:48px;stroke-width:1.25}#roma-preview .export-sheet strong{font-family:'Manrope',Arial,sans-serif;font-size:18px}#roma-preview .export-sheet span{font-size:12px}#roma-preview .restore-label{display:block;margin-top:20px;color:var(--wine)}#roma-preview input[type=file]{display:block;font-size:12px;margin-top:10px}#roma-preview .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:105px;width:calc(100% - 36px);max-width:450px;background:#295637;color:#fffdf7;z-index:12;padding:16px;border-radius:12px;box-shadow:0 6px 20px #0002;font-size:13px;line-height:1.5}#roma-preview dialog{border:1px solid #ded7c4;border-radius:19px;background:var(--cream);color:#302d24;width:calc(100% - 40px);max-width:380px;padding:24px;box-shadow:0 20px 80px #0003}#roma-preview dialog::backdrop{background:#24160c88}#roma-preview dialog p{font-size:14px;line-height:1.6}#roma-preview .dialog-actions{display:flex;justify-content:flex-end;gap:20px;align-items:center}#roma-preview .dialog-actions .scanbutton{width:auto;margin:0}#roma-preview .scan-result{gap:9px}#roma-preview .scan-result>div:nth-child(2){min-width:0;flex:1}#roma-preview #result-detail{overflow-wrap:anywhere;line-height:1.5}
@media(min-width:600px){body#roma-preview{padding:24px}#roma-preview .phone{border-radius:27px;min-height:calc(100dvh - 48px);overflow:clip}#roma-preview .nav{border-radius:0 0 27px 27px}}@media(max-width:360px){#roma-preview .top{padding-left:16px;padding-right:16px;gap:10px}#roma-preview .logo{width:48px;height:48px}#roma-preview .brand small{font-size:9px;letter-spacing:.8px}#roma-preview .tag{max-width:63px;font-size:9px}#roma-preview .stat span{font-size:10px}#roma-preview .scan-result strong{font-size:13px}}
.bgg-settings{margin:12px 0;padding:14px;background:#eee9cc;border:1px solid #d8d1b1;border-radius:12px;font-size:12px}.bgg-settings summary{font-weight:700;color:#60180f;cursor:pointer}.bgg-settings p,.bgg-settings small{line-height:1.5}.bgg-settings a{color:#295340}.bgg-settings .field{margin-top:12px}.bgg-settings button{margin:10px 6px 0 0}#roma-preview .bgg-open{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #cac589;border-radius:14px;padding:14px;background:#d9d59d;color:#60180f;font:700 14px 'DM Sans',sans-serif;margin:10px 0 16px}.bgg-open span{flex:1}.bgg-open small{display:block;font-weight:400;font-size:11px;margin-top:4px}.bgg-open svg{width:24px;height:24px}#roma-preview .bgg-dialog{width:min(480px,calc(100vw - 24px));max-width:480px;max-height:85dvh;padding:22px;border:1px solid #d9d1b8;border-radius:22px;background:#f5f1e5;color:#60180f;box-sizing:border-box}.bgg-dialog::backdrop{background:#23150ec9;backdrop-filter:blur(4px)}.bgg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bgg-dialog-head h2{margin:8px 0 18px;font-size:22px}.bgg-search-row{display:flex;gap:8px}.bgg-search-row .entry{flex:1}.bgg-dialog #bgg-status{font-size:12px;line-height:1.6;color:#675c46}.bgg-choice{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #ded5bb;border-radius:14px;padding:12px;background:#fffdf7;color:#251e16;font-family:'DM Sans',sans-serif;margin:10px 0;min-height:88px}.bgg-choice:hover,.bgg-choice:focus-visible{outline:2px solid #60180f;outline-offset:2px}.bgg-choice strong{display:block;font-family:'Manrope',sans-serif;font-size:14px;line-height:1.4}.bgg-choice small{display:block;margin-top:7px;font-size:11px;color:#6d6853}.bgg-cover{position:relative;display:grid;place-items:center;width:62px;height:72px;flex-shrink:0;background:#e5ddbb;border-radius:8px;overflow:hidden;color:#60180f;font-weight:800}.bgg-cover img{position:absolute;width:100%;height:100%;object-fit:contain;background:#fffdf7}.bgg-credit{font-size:11px;color:#295340}.selected-game{display:flex;align-items:center;gap:15px;padding:16px;border-radius:15px;background:#eeead6;border:1px solid #d7cfaa;margin-bottom:18px}.selected-game img{width:78px;height:88px;object-fit:contain}.selected-game strong{font-family:'Manrope',sans-serif;font-size:15px}.selected-game p,.selected-game a{font-size:11px;line-height:1.5}.selected-game a{color:#295340}.selected-game[hidden],#form-extras[hidden]{display:none!important}#roma-preview .box img{width:100%;height:100%;object-fit:contain;background:#fffdf7}#roma-preview #save-game{width:100%;font-size:14px;min-height:52px;margin-top:10px}.catalog-search{margin-top:8px}#lookup-status{font-size:12px;line-height:1.5}#roma-preview .frame[hidden]{display:none}#roma-preview .nav{position:sticky;bottom:0;z-index:5;margin-top:auto}

#roma-preview .remember-token{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:13px;cursor:pointer}#roma-preview .remember-token input{width:19px;height:19px;min-height:0;flex:0 0 19px;accent-color:#60180f}