#photo-camera-button{color:#e7efdb;background:linear-gradient(145deg,#326652,#1c4037);border:1px solid #9ac5a365;box-shadow:0 3px 14px #0003;display:grid;place-items:center}#photo-camera-button svg{width:21px;height:21px;display:block}
.reference-camera{box-sizing:border-box;width:min(1160px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 20px);padding:18px;border:1px solid #c4d4be;border-radius:20px;background:#f4f5ec;color:#263f36;box-shadow:0 24px 100px #091e2866;overflow:auto}.reference-camera::backdrop{background:#071c23a6;backdrop-filter:blur(5px)}.capture-close{position:absolute;right:10px;top:8px;border:0;border-radius:50%;width:34px;height:34px;background:#dfe8db;color:#294738;font-size:25px}.capture-intro{margin:0 34px 12px 0;font-size:13px;line-height:1.5}.capture-intro b{white-space:nowrap}.capture-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.capture-pair section{position:relative;min-width:0}.capture-label{position:absolute;top:9px;left:10px;z-index:1;background:#102d36b8;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;pointer-events:none}.capture-game,.capture-real{position:relative;height:min(65dvh,570px);min-height:220px;border-radius:12px;overflow:hidden;background:#102c32;display:grid;place-items:center;color:#e3ece7}.capture-pair img,.capture-pair video{width:100%;height:100%;object-fit:contain;display:block;position:absolute}.camera-add{width:100%;height:100%;min-height:220px;border:1px dashed #93b6a7;border-radius:12px;background:linear-gradient(155deg,#264d46,#142e34);color:#dcefe4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.camera-add>span{font:300 62px/1 Arial}.camera-add small{font-size:13px}.camera-shutter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:62px;height:62px;border:3px solid white;border-radius:50%;background:#162e3677;display:grid;place-items:center}.camera-shutter span{width:46px;height:46px;background:white;border-radius:50%}.camera-retake{position:absolute;bottom:12px;right:12px;background:#173a35dd;color:white;border:1px solid #a6c4b6;border-radius:8px;padding:9px 14px}.capture-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px}.capture-rights{display:flex;align-items:center;gap:7px;font-size:12px;flex:1}.capture-rights input{width:18px;height:18px;accent-color:#2a6651;flex-shrink:0}.capture-rights.invalid{color:#a92c37;outline:2px solid #c64b54;border-radius:5px}.capture-rights.invalid:before{content:'➜';color:#b32636;font-size:20px}.capture-quota{font-size:11px;color:#586e63}.capture-upload{padding:12px 26px;background:#285d49;color:white;border:0;border-radius:10px;font-weight:600}.capture-upload:disabled{opacity:.45}.capture-message{font-size:12px;color:#9e3b40;margin:9px 0 0;min-height:0}.capture-message:empty{display:none}@media(max-width:600px){.reference-camera{padding:12px;border-radius:14px}.capture-intro{font-size:11px}.capture-pair{gap:6px}.capture-game,.capture-real{height:55dvh;min-height:220px}.capture-label{font-size:9px;padding:3px 6px;top:6px;left:6px}.capture-footer{gap:8px}.capture-rights{flex-basis:100%;font-size:11px}.capture-quota{flex:1}.capture-upload{padding:10px 22px}}

/* Fit the captured camera aspect instead of reserving empty portrait boxes. */
.capture-game,.capture-real{height:auto;min-height:0;aspect-ratio:var(--capture-aspect,1.3333);max-height:min(570px,calc(100dvh - 165px))}.camera-add{min-height:0}.reference-camera .capture-pair{align-items:start}@media(max-width:600px){.capture-game,.capture-real{height:auto;min-height:0;max-height:calc(100dvh - 190px)}}